@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, dt, li, input, form, textarea, select, input { padding: 0; margin: 0; font-family: "Microsoft YaHei"; }

i, em, strong, b { font-style: normal; font-weight: normal; color: inherit; }

strong { font-weight: bold; }

input, button { border: none; outline: none; }

select, button { outline: none; }

select, input { vertical-align: middle; }

img { vertical-align: middle; outline: none; /*谷歌浏览器自带边框*/ }

img { border: none; /*a包img---IE会出现边框*/ }

input::-ms-clear { display: none; }

/*x*/
input::-ms-reveal { display: none; }

/*眼*/
ul, ol, li { list-style: none; }

a { color: inherit; text-decoration: none; }

.clearfix { zoom: 1; }

/*clear:both兼容ie写法*/
.clearfix:after { content: ""; display: block; clear: both; }

.fr { float: right; }

.fl { float: left; }

* { box-sizing: border-box; font-family: "Microsoft YaHei"; }

body, html { height: 100%; width: 100%; }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar { width: 8px; height: 8px; background-color: #fff; border-radius: 4px; }

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; }

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d2d2d2; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cbcbcb; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #cbcbcb; }

input:-ms-input-placeholder { color: #cbcbcb; }

input::-webkit-input-placeholder { color: #cbcbcb; }

/*动画*/
@keyframes start { 0%, 30% { opacity: 0;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  60% { opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% { opacity: 0;
    -webkit-transform: translate(0, -8px);
    -moz-transform: translate(0, -8px);
    -ms-transform: translate(0, -8px);
    -o-transform: translate(0, -8px);
    transform: translate(0, -8px); } }

@keyframes downArrow { 0%, 30% { opacity: 0;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px); }
  60% { opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% { opacity: 0;
    -webkit-transform: translate(0, 8px);
    -moz-transform: translate(0, 8px);
    -ms-transform: translate(0, 8px);
    -o-transform: translate(0, 8px);
    transform: translate(0, 8px); } }

@keyframes arrow { 0%, 30% { opacity: 0;
    -webkit-transform: translate(-6px, 0);
    -moz-transform: translate(-6px, 0);
    -ms-transform: translate(-6px, 0);
    -o-transform: translate(-6px, 0);
    transform: translate(-6px, 0); }
  50% { opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% { opacity: 0;
    -webkit-transform: translate(4px, 0);
    -moz-transform: translate(4px, 0);
    -ms-transform: translate(4px, 0);
    -o-transform: translate(4px, 0);
    transform: translate(4px, 0); } }

@keyframes zoomIn { 0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomOut { from { opacity: 1; }
  50% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 0; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes rotateIn { 0% { -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  100% { opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    -o-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); } }

@keyframes puffIn { 0% { opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -ms-filter: blur(2px);
    filter: blur(2px); }
  100% { opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -ms-filter: none;
    filter: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    -webkit-transform: translate3d(0, -1000%, 0);
    -moz-transform: translate3d(0, -1000%, 0);
    -ms-transform: translate3d(0, -1000%, 0);
    -o-transform: translate3d(0, -1000%, 0);
    transform: translate3d(0, -1000%, 0); }
  100% { opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes wave { 0% { -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  100% { -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0); } }

@keyframes fadeInUp { 0% { opacity: 0;
    -webkit-transform: translate3d(0, 2000%, 0);
    -moz-transform: translate3d(0, 2000%, 0);
    -ms-transform: translate3d(0, 2000%, 0);
    -o-transform: translate3d(0, 2000%, 0);
    transform: translate3d(0, 2000%, 0); }
  100% { opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes flyFromTop { 0% { -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% { -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes hideToBottom { 0% { -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  100% { -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes flyFromBottom { 0% { -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  100% { -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes hideToTop { 0% { -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  100% { -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes jackInTheBox { from { opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  50% { -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  70% { -webkit-transform: rotate(3deg);
    transform: rotate(3deg); }
  to { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% { -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }
  80% { -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }
  75% { -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }
  90% { -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from { opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  75% { -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }
  90% { -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }
  to { opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes rotateOut { from { -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes zoomOutDown { 40% { opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to { opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes moveContinue { from { transform: skewX(-25deg) translateX(-32vw) translateZ(0);
    -webkit-transform: skewX(-25deg) translateX(-32vw) translateZ(0);
    -moz-transform: skewX(-25deg) translateX(-32vw) translateZ(0);
    -ms-transform: skewX(-25deg) translateX(-32vw) translateZ(0);
    -o-transform: skewX(-25deg) translateX(-32vw) translateZ(0); }
  to { transform: skewX(-25deg) translateX(0) translateZ(0);
    -webkit-transform: skewX(-25deg) translateX(0) translateZ(0);
    -moz-transform: skewX(-25deg) translateX(0) translateZ(0);
    -ms-transform: skewX(-25deg) translateX(0) translateZ(0);
    -o-transform: skewX(-25deg) translateX(0) translateZ(0); } }

@keyframes moveContinueReverse { from { transform: skewX(-25deg) translateX(0) translateZ(0);
    -webkit-transform: skewX(-25deg) translateX(0) translateZ(0);
    -moz-transform: skewX(-25deg) translateX(0) translateZ(0);
    -ms-transform: skewX(-25deg) translateX(0) translateZ(0);
    -o-transform: skewX(-25deg) translateX(0) translateZ(0); }
  to { transform: skewX(-25deg) translateX(-32vw) translateZ(0);
    -webkit-transform: skewX(-25deg) translateX(-32vw) translateZ(0);
    -moz-transform: skewX(-25deg) translateX(-32vw) translateZ(0);
    -ms-transform: skewX(-25deg) translateX(-32vw) translateZ(0);
    -o-transform: skewX(-25deg) translateX(-32vw) translateZ(0); } }

@media screen and (min-width: 770px) { .mp4-wrap { position: absolute; width: 100%; height: 100%; }
  .mp4-wrap video { width: 1920px; height: 1080px; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; }
  .from-consult-textarea { font-size: 16px; height: 100px; }
  .swiper-container { color: #fff; width: 100%; height: 100%; position: relative; }
  .swiper-container .myheader { padding-top: 29px; padding-bottom: 25px; width: 100%; position: absolute; top: 0; left: 0; padding-left: 8.3%; padding-right: 70px; }
  .swiper-container .myheader .tonav { width: 30px; background: url(../image/icon_menu_1.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; cursor: pointer; height: 30px; position: absolute; top: 50%; margin-top: -3px; z-index: 1001; }
  .swiper-container .myheader .tonav.on { -webkit-animation: fadeIn 1s ease 0s 1 both; -moz-animation: fadeIn 1s ease 0s 1 both; -o-animation: fadeIn 1s ease 0s 1 both; animation: fadeIn 1s ease 0s 1 both; background: url(../image/icon_menu_close.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }
  .swiper-container .title { margin: 17px 17px 0 30px; padding-left: 74px; position: relative; z-index: 999; }
  .swiper-container .title img { height: 100px; }
    .swiper-container .language{color:#fff;position: absolute;z-index:999;top:50%;right:70px;font-size:16px;}
    .swiper-container .language a{opacity: .3;padding:0 2px;}
    .swiper-container .language a.active{opacity: 1;}
  .swiper-container .search { width: 30px; height: 30px; position: absolute; z-index: 999; right: 145px; top: 50%; margin-top: -3px; background: url(../image/icon_search.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; cursor: pointer; }

  .mouse-scroll { width: 24px; height: 86px; z-index: 1002; position: absolute; background: url(../image/mouse-scroll.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; left: 50%; margin-left: -12px; bottom: 50px; }
  /*.mouse-scroll p{position: absolute;width: 250px;margin-left: -110px;margin-top: 90px;}*/
  .beian_tip {z-index: 1002; position: absolute; position: absolute; bottom: 20px;width: 100%;text-align: center;}  

.app-nav { cursor: pointer; z-index: 99; width: 121px; position: absolute; padding-top: 111px; right: 170px; bottom: 0px; background: url(../image/app-nav.png) no-repeat; background-position: 50% 0; text-align: center; font-size: 16px; }
  .app-nav .nav-content { padding-top: 0px; overflow: hidden; position: relative; }
  .app-nav .nav-content:before { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.65; content: ''; left: 0; top: 0; }
  .app-nav .nav-content .content { position: relative; z-index: 22; }
  .app-nav .qr-code { width: 123px; height: 108px; }
  .app-nav .qr-code .img-code { width: 80px; height: 80px; margin: 6px auto; }
  .app-nav .qr-code .img-code img { width: 100%; }
  .swiper-wrapper { width: 100%; height: 100%; }
  .swiper-wrapper .demo-bg { position: absolute; width: 100%; height: 100%; }
  .swiper-wrapper .demo-bg .c-puzzle__piece:nth-of-type(4) { position: absolute; background: #02030b; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.52; }
  .swiper-wrapper .demo-bg .c-puzzle__piece:nth-of-type(1) { position: absolute; background: #02030b; opacity: 0.52; left: -51%; top: 0; width: 100%; height: 100%; }
  .swiper-wrapper .demo-bg .c-puzzle__piece:nth-of-type(2) { position: absolute; background: #02030b; opacity: 0.52; left: 67%; top: 0; width: 3%; height: 100%; }
  .swiper-wrapper .demo-bg .c-puzzle__piece:nth-of-type(3) { position: absolute; background: #02030b; opacity: 0.52; left: 81%; top: 0; width: 100%; height: 100%; }
  .swiper-wrapper .demo-content { z-index: 3; position: absolute; width: 100%; height: 100%; }
  .swiper-wrapper .swiper-slide .slie-bg { position: absolute; width: 100%; height: 100%; }
  .swiper-wrapper .slide1 { background: url(../image/bg1.png?v=2018052802) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }
  .swiper-wrapper .slide1 .demo-content .discript { width: 568px; position: absolute; color: #fff; line-height: 34px; font-size: 16px; text-align: left; left: 8.3%; bottom: 8.3%; }
  .swiper-wrapper .slide1 .demo-content .discript h2 { line-height: 92px; font-size: 36px; }
  .swiper-wrapper .slide1 .demo-content .discript a { display: inline-block; padding-left: 64px; font-size: 18px; line-height: 20px; background: url(../image/arrow-a.png) no-repeat; background-position: 0 50%; color: #fff; }
  .swiper-wrapper .slide2 .swiper-wrapper, .swiper-wrapper .slide2 .swiper-slide { width: 100%; height: 100%; position: relative; }
  .swiper-wrapper .slide2 .swiper-slide { overflow: hidden; }
  .swiper-wrapper .slide2 .swiper-slide-01 { background: url(../image/car-bg-01.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }
  .swiper-wrapper .slide2 .swiper-slide-02 { background: url(../image/car-bg-02.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }
  .swiper-wrapper .slide2 .swiper-slide-03 { background: url(../image/car-bg-03.jpg?v=2) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }
  .swiper-wrapper .slide2 .swiper-slide-04 { background: url(../image/car-bg-04.jpg?v=1) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }
  .swiper-wrapper .slide2 .swiper-slide-05 { background: url(../image/car-bg-05-01.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }
.swiper-wrapper .slide2 .swiper-slide-08 { background: url(../image/car-bg-08.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }
  .swiper-wrapper .slide2 .swiper-slide-06 { background: url(../image/car-bg-06-01.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }
  .swiper-wrapper .slide2 .swiper-slide-07 { background: url(../image/car-bg-07.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }

  .swiper-wrapper .slide2 .swiper-slide-09 { background: url(../image/car-bg-09.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }

  .swiper-wrapper .slide2 .swiper-slide-10 { background: url(../image/car-bg-10.jpg?v=1) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;  }


  .swiper-wrapper .slide2 .demo-content .discript { position: absolute; color: #fff; right: 25%; top: 30%; }
  .swiper-wrapper .slide2 .demo-content .discript .brand-title { font-size: 32px; line-height: 44px; margin-bottom: 30px; }
  .swiper-wrapper .slide2 .demo-content .discript .des-brand { font-size: 22px; }
  .swiper-wrapper .slide2 .demo-content .discript .des-brand b { font-size: 30px; }
  .swiper-wrapper .slide2 .demo-content .discript .dis-list { width: 185px; height: 92px; overflow: hidden; }
  .swiper-wrapper .slide2 .demo-content .discript .dis-list li { float: left; }
  .swiper-wrapper .slide2 .car-ad-menu { width: 70%; position: absolute; z-index: 3; left: 10%; bottom: 25%; height: 1px; background-color: #515158; }
  .swiper-wrapper .slide2 .car-ad-menu:before { width: 1px; height: 10px; position: absolute; content: ''; left: 0; top: -5px; background-color: #515158; }
  .swiper-wrapper .slide2 .car-ad-menu:after { width: 1px; height: 10px; position: absolute; content: ''; right: 0; top: -5px; background-color: #515158; }
  .swiper-wrapper .slide2 .car-ad-menu ul { width: 100%; position: absolute; top: -5px; }
  .swiper-wrapper .slide2 .car-ad-menu ul .line-circle { cursor: pointer; float: left; width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; margin-right: 9%; margin-left: 4%; position: relative; }
  .swiper-wrapper .slide2 .car-ad-menu ul .line-circle .circle-name { display: none; width: 49px; height: 49px; background: url(../image/circle-name.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; }
  .swiper-wrapper .slide2 .car-ad-menu ul .line-circle .circle-name span { position: relative; top: -25px; display: inline-block; width: 122px; left: -37px; text-align: center; }
  .swiper-wrapper .slide2 .car-ad-menu ul .line-circle .brand-img { z-index: 22; position: absolute; width: 180px; height: 70px; left: 0%; top: 50%; margin-left: -90px; margin-top: -35px; }
  .swiper-wrapper .slide2 .car-ad-menu ul .line-circle .brand-img img { width: 100%; }
  .swiper-wrapper .slide2 .car-ad-menu ul .line-circle.circle-hover .circle-name { display: block; }
  .swiper-wrapper .slide2 .car-ad-menu ul .line-circle:nth-of-type(7) { margin-right: 0; }
  .swiper-wrapper .slide2 .demo-bg-brand { position: absolute; width: 100%; height: 100%; }
  .swiper-wrapper .slide2 .demo-bg-brand .c-puzzle__piece:nth-of-type(4) { position: absolute; background: #02030b; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.52; }
  .swiper-wrapper .slide2 .demo-bg-brand .c-puzzle__piece:nth-of-type(1) { position: absolute; background: #02030b; opacity: 0.52; left: -80%; top: 0; width: 100%; height: 100%; }
  .swiper-wrapper .slide2 .demo-bg-brand .c-puzzle__piece:nth-of-type(2) { position: absolute; background: #02030b; opacity: 0.52; left: 36%; top: 0; width: 3%; height: 100%; }
  .swiper-wrapper .slide2 .demo-bg-brand .c-puzzle__piece:nth-of-type(3) { position: absolute; background: #02030b; opacity: 0.52; left: 50%; top: 0; width: 100%; height: 100%; }
  .swiper-wrapper .slide3 { background: url(../image/bg3.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover;}
  .swiper-wrapper .slide3 .demo-content { z-index: 3; position: absolute; width: 100%; height: 100%; }
  .swiper-wrapper .slide3 .demo-bg .c-puzzle__piece:nth-of-type(1) { left: -80%; }
  .swiper-wrapper .slide3 .demo-bg .c-puzzle__piece:nth-of-type(2) { left: 36%; }
  .swiper-wrapper .slide3 .demo-bg .c-puzzle__piece:nth-of-type(3) { left: 50%; }
  .swiper-wrapper .slide3 .container-4 { position: relative; top: 60px; }
  .swiper-wrapper .slide3 .container-4 .time { color: #fff; position: absolute; font-size: 14px; font-weight: bold; top: -130px; left: 50%; margin-left: -61px; }
  .swiper-wrapper .slide3 .container-4 .time b { padding-right: 27px; }
  .swiper-wrapper .slide3 .container-4 .time span { padding-right: 8px; }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination { position: absolute; width: 1px; height: 246px; left: 50%; margin-left: -400px; bottom: 60px; }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination .line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-top { position: absolute; left: 50%; }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-btm { position: absolute; left: 50%; }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-none { width: 18px; height: 14px; background: url(../image/arrow-none.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-left: -9px; }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-more { width: 49px; height: 49px; background: url(../image/arrow-more.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; margin-left: -25px; cursor: pointer; }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-top.arrow-none { top: -20px; }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-top.arrow-more { top: -60px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-btm.arrow-none { bottom: -20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-btm.arrow-more { bottom: -60px; }
  .swiper-wrapper .slide3 .swiper-container { width: 432px; position: relative; margin-top: 5%; }
  .swiper-wrapper .slide3 .swiper-container h2 { font-size: 28px; line-height: 54px; font-weight: normal; }
  .swiper-wrapper .slide3 .swiper-container .h2-1 { margin-bottom: 30px; width: 100%;}
  .swiper-wrapper .slide3 .swiper-container .car-text { font-size: 16px; line-height: 36px; margin-bottom: 40px; color: #fefefe; }
  .swiper-wrapper .slide3 .swiper-container .car-text a { display: block; padding-left: 64px; line-height: 20px; background: url(../image/arrow-a.png) no-repeat; background-position: 0 50%; }
  .swiper-wrapper .slide4 { background: url(../image/bg4.jpg) no-repeat; background-position: center center; -moz-background-size: cover; background-size: cover;}
  .swiper-wrapper .slide4 .demo-content { z-index: 3; position: absolute; width: 100%; height: 100%; }
  .swiper-wrapper .slide4 .demo-content .form-consult { padding: 0 60px 30px 50px; position: absolute; left: 10%; top: 154px; width: 480px; background: #fff;}
  .swiper-wrapper .slide4 .demo-content .form-consult .form-header { color: #95262a; text-align: center; }
  .swiper-wrapper .slide4 .demo-content .form-consult .form-header h2 { font-size: 36px; font-weight: normal; line-height: 60px; margin-bottom: 0; }
  .swiper-wrapper .slide4 .demo-content .form-consult .form-header p { margin-bottom: 0; }
  .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .from-consult-item { line-height: 40px; border-bottom: 1px solid #1e1e1e; color: #1e1e1e; }
  .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .from-consult-item input { font-size: 16px; height: 40px; line-height: 40px; }
  .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .from-consult-item:last-child { border: 1px solid #1e1e1e; padding: 5px; margin-top: 10px; }
  .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .form-select { position: relative; }
  .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .form-select select { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
  .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .form-select .arrow-down { position: absolute; right: 0; top: 50%; margin-top: -3px; width: 15px; height: 9px; background: url(../image/arrow-down.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }
  .swiper-wrapper .slide4 .demo-content .form-consult .form-submit { cursor: pointer; height: 36px; width: 100%; border: 1px solid #95262a; text-align: center; color: #95262a; line-height: 34px; font-weight: bold; font-size: 18px; margin: 20px 0 15px; }
  .swiper-wrapper .slide4 .demo-content .form-consult .line-agreement { color: #333; line-height: 16px; font-size: 12px; }
  .swiper-wrapper .slide4 .demo-content .form-consult .line-agreement .check { display: inline-block; width: 14px; height: 14px; border: 1px solid #7f7f7f; cursor: pointer; }
  .swiper-wrapper .slide4 .demo-content .form-consult .line-agreement .check.on { background: url(../image/right.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }
  .swiper-wrapper .slide5 { background: url(../image/bg5.jpg) no-repeat; background-position: center center; -moz-background-size: cover; background-size: cover;}
  .swiper-wrapper .slide5 .demo-content { z-index: 3; position: absolute; width: 100%; height: 100%; }
  .swiper-wrapper .slide5 .demo-content .content-list { width: 1178px; height: 12px; background: url(../image/qk-line.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin-left: -589px; margin-top: -6px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul { position: absolute; left: 0; top: 50%; margin-top: -55px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul > a { float: left; margin-right: 95px; width: 200px; height: 199px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul > a:nth-of-type(1) { margin-left: 49px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul > a:nth-of-type(4) { margin-right: 0; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li { cursor: pointer; font-size: 16px; line-height: 32px; text-align: center; position: relative; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li b { font-size: 20px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li.upload .upload { display: block; z-index: 99; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li.un-upload { position: relative; top: 0; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li.un-upload .mart { position: relative; top: 122px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li.un-upload .un-upload { display: block; z-index: 99; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li .upload { position: absolute; top: -40px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li .upload .p1 { font-size: 36px; line-height: 60px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li .upload .p2 { font-size: 20px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li .un-upload { width: 111px; height: 111px; background: url(../image/blue-circle.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; position: absolute; left: 50%; margin-left: -55px; }
  .swiper-wrapper .slide5 .demo-content .content-list ul li .un-upload img { position: absolute; bottom: 0; top: 0; left: 0; right: 0; margin: auto; }
  .swiper-wrapper .slide5 .demo-bg .c-puzzle__piece:nth-of-type(1) { left: -80%; }
  .swiper-wrapper .slide5 .demo-bg .c-puzzle__piece:nth-of-type(2) { left: 36%; }
  .swiper-wrapper .slide5 .demo-bg .c-puzzle__piece:nth-of-type(3) { left: 50%; }
  /*小工具动画*/
  .slide5 .upload .upload { -webkit-animation: zoomIn 1.5s ease 0s 1 both; -moz-animation: zoomIn 1.5s ease 0s 1 both; -o-animation: zoomIn 1.5s ease 0s 1 both; animation: zoomIn 1.5s ease 0s 1 both; }
  .slide5 .un-upload .un-upload { -webkit-animation: zoomIn 1.5s ease 0s 1 both; -moz-animation: zoomIn 1.5s ease 0s 1 both; -o-animation: zoomIn 1.5s ease 0s 1 both; animation: zoomIn 1.5s ease 0s 1 both; }
  .slide5 #qs-tools a { color: #fff; }
  .slide5 #qs-tools .un-upload .upload { -webkit-animation: zoomOut 1.5s ease 0s 1 both; -moz-animation: zoomOut 1.5s ease 0s 1 both; -o-animation: zoomOut 1.5s ease 0s 1 both; animation: zoomOut 1.5s ease 0s 1 both; }
  .slide5 #qs-tools .upload .un-upload { -webkit-animation: zoomOut 1.5s ease 0s 1 both; -moz-animation: zoomOut 1.5s ease 0s 1 both; -o-animation: zoomOut 1.5s ease 0s 1 both; animation: zoomOut 1.5s ease 0s 1 both; }
  .slide5 #qs-tools .upload .un-upload .mart { display: none; }
  .slide5.swiper-slide-active #qs-tools a:nth-of-type(1) { -webkit-animation: bounceInDown 1s ease 0s 1 both; -moz-animation: bounceInDown 1s ease 0s 1 both; -o-animation: bounceInDown 1s ease 0s 1 both; animation: bounceInDown 1s ease 0s 1 both; }
  .slide5.swiper-slide-active #qs-tools a:nth-of-type(2) { -webkit-animation: bounceInDown 1s ease 0.4s 1 both; -moz-animation: bounceInDown 1s ease 0.4s 1 both; -o-animation: bounceInDown 1s ease 0.4s 1 both; animation: bounceInDown 1s ease 0.4s 1 both; }
  .slide5.swiper-slide-active #qs-tools a:nth-of-type(3) { -webkit-animation: bounceInDown 1s ease 0.6s 1 both; -moz-animation: bounceInDown 1s ease 0.6s 1 both; -o-animation: bounceInDown 1s ease 0.6s 1 both; animation: bounceInDown 1s ease 0.6s 1 both; }
  .slide5.swiper-slide-active #qs-tools a:nth-of-type(4) { -webkit-animation: bounceInDown 1s ease 0.8s 1 both; -moz-animation: bounceInDown 1s ease 0.8s 1 both; -o-animation: bounceInDown 1s ease 0.8s 1 both; animation: bounceInDown 1s ease 0.8s 1 both; } }


.swiper-slide { width: 100%; height: 100%; }
.swiper-pagination0{position: absolute;top: 82.5%;z-index: 1;}
.swiper-pagination,.swiper-pagination0 { right: 70px !important; /*&:before{ display: none; position: absolute; width: 104px; background: #000; opacity: 0.2; right: 0; top: -37px; height: 74px; transition: transform 1s cubic-bezier(.23,1,.32,1); content: ''; }*/ width: 15px; height: 285px; }

.swiper-pagination:hover:before,.swiper-pagination0:hover:before { display: block; }

.swiper-pagination .my-bullet,.swiper-pagination0 .my-bullet { cursor: pointer; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; width: 15px; height: 72px; background: url(../image/pagination.png) no-repeat; background-position: 100% 15px; display: inline-block; position: relative; }

.swiper-pagination .my-bullet:after,.swiper-pagination0 .my-bullet:after { width: 15px; height: 2px; background: #86888e; position: absolute; content: ''; top: 0; left: 0; }

.swiper-pagination .my-bullet:before,.swiper-pagination0 .my-bullet:before { /*transition: opacity 1s cubic-bezier(.23,1,.32,1); opacity: 0;*/ z-index: 99; width: 104px; height: 16px; background: url(../image/grey-pagination.png) no-repeat; background-position: 100% 50%; position: absolute; text-align: left; top: -7px; right: 0; font-size: 14px; line-height: 16px; color: #86888e; }

.swiper-pagination .my-bullet:nth-of-type(1).my-bullet-active:before { content: '关于我们'; }
.swiper-pagination0 .my-bullet:nth-of-type(1).my-bullet-active:before { content: '价格公示'; }
.swiper-pagination .my-bullet:nth-of-type(1):before { content: '关于我们'; }
.swiper-pagination0 .my-bullet:nth-of-type(1):before { content: '价格公示'; }

.swiper-pagination .my-bullet:nth-of-type(2).my-bullet-active:before { content: '合作品牌'; }

.swiper-pagination .my-bullet:nth-of-type(2):before { content: '合作品牌'; }

.swiper-pagination .my-bullet:nth-of-type(3).my-bullet-active:before { content: '新闻动态'; }

.swiper-pagination .my-bullet:nth-of-type(3):before { content: '新闻动态'; }

.swiper-pagination .my-bullet:nth-of-type(4).my-bullet-active:before { content: '快速通道'; }

.swiper-pagination .my-bullet:nth-of-type(4):before { content: '快速通道'; }

.swiper-pagination0 .my-bullet:nth-of-type(1) { background: none; }

.swiper-pagination .my-bullet:nth-of-type(5).my-bullet-active:before { content: '预约咨询'; }

.swiper-pagination .my-bullet:nth-of-type(5):before { content: '预约咨询'; }

/* .swiper-pagination-0{ &:before{ transform: translateY(0) translateZ(0px); } } .swiper-pagination-1{ &:before{ transform: translateY(100%) translateZ(0px); } } .swiper-pagination-2{ &:before{ transform: translateY(200%) translateZ(0px); } } .swiper-pagination-3{ &:before{ transform: translateY(300%) translateZ(0px); } } .swiper-pagination-4{ &:before{ transform: translateY(400%) translateZ(0px); } }*/
.select-link-input { position: relative; z-index: 999; }

@media screen and (max-width: 770px) { .swiper-slide .slie-bg { display: none; }
  .mp4-wrap { position: absolute; width: 100%; height: 100%; }
  .mp4-wrap video { width: 1920px; height: 1080px; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7); -moz-transform: translateX(-50%) translateY(-50%) scale(0.7); -ms-transform: translateX(-50%) translateY(-50%) scale(0.7); -o-transform: translateX(-50%) translateY(-50%) scale(0.7); transform: translateX(-50%) translateY(-50%) scale(0.7); position: absolute; }
  .from-consult-textarea { font-size: 12px; height: 78px !important; padding: 5px; }
  .swiper-container { color: #fff; width: 100%; height: 100%; position: relative; }
  .swiper-container .myheader { background: #03030b; padding: 15px; width: 100%; position: absolute; top: 0; left: 0; z-index: 1001; }
  .swiper-container .myheader.on { z-index: 999; }
  .swiper-container .myheader .tonav { width: 20px; cursor: pointer; height: 20px; position: absolute; z-index: 1001; top: 50%; margin-top: -10px; background: url(../image/tonav.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }
  .swiper-container .myheader .tonav.on { -webkit-animation: fadeIn 1s ease 0s 1 both; -moz-animation: fadeIn 1s ease 0s 1 both; -o-animation: fadeIn 1s ease 0s 1 both; animation: fadeIn 1s ease 0s 1 both; background: none; }
  .swiper-container .myheader .title { text-align: center; position: relative; z-index: 999; }
  .swiper-container .myheader .title img { height: 60px; }
  .swiper-container .myheader .title .on { opacity: 0; }
  .swiper-container .myheader .search { width: 20px; height: 20px; z-index: 999; position: absolute; background: url(../image/search.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; right: 75px; top: 50%; margin-top: -10px; cursor: pointer; }
  .swiper-container .myheader .search.on { opacity: 0; }
  
  .swiper-container .language{color:#fff;position: absolute;z-index:999;top:50%;margin-top:-11px;right:10px;font-size:16px;}
    .swiper-container .language a{opacity: .3;padding:0 2px;}
    .swiper-container .language a.active{opacity: 1;}
  .swiper-container .mouse-scroll { display: none; }
  .swiper-container .app-nav { display: none; }
  .swiper-container .swiper-wrapper { width: 100%; height: 100%; }
  .swiper-container .swiper-wrapper .demo-bg { position: absolute; width: 100%; height: 100%; }
  .swiper-container .swiper-wrapper .demo-bg .c-puzzle__piece:nth-of-type(4) { position: absolute; background: #02030b; opacity: 0.52; width: 100%; height: 100%; left: 0; top: 0; }
  .swiper-container .swiper-wrapper .demo-bg .c-puzzle__piece:nth-of-type(1) { position: absolute; background: #02030b; opacity: 0.52; left: -51%; top: 0; width: 100%; height: 100%; }
  .swiper-container .swiper-wrapper .demo-bg .c-puzzle__piece:nth-of-type(2) { position: absolute; background: #02030b; opacity: 0.52; left: 67%; top: 0; width: 3%; height: 100%; }
  .swiper-container .swiper-wrapper .demo-bg .c-puzzle__piece:nth-of-type(3) { position: absolute; background: #02030b; opacity: 0.52; left: 81%; top: 0; width: 100%; height: 100%; }
  .swiper-container .swiper-wrapper .slide1 { background: url(../image/bg1.png?v=2018052801) no-repeat; background-position: center center; -moz-background-size: cover; background-size: cover; }
  .swiper-container .swiper-wrapper .slide1 .demo-content { z-index: 3; position: absolute; width: 100%; height: 100%; }
  .swiper-container .swiper-wrapper .slide1 .demo-content .discript { width: 568px; position: absolute; color: #fff; line-height: 34px; font-size: 16px; text-align: left; left: 8.3%; bottom: 8.3%; }
  .swiper-container .swiper-wrapper .slide1 .demo-content .discript h2 { line-height: 92px; font-size: 52px; }
  .swiper-container .swiper-wrapper .slide1 .demo-content .discript a { display: inline-block; padding-left: 64px; font-size: 18px; line-height: 20px; background: url(../image/arrow-a.png) no-repeat; background-position: 0 50%; color: #fff; }
  .swiper-container .swiper-wrapper .slide2 .swiper-wrapper, .swiper-container .swiper-wrapper .slide2 .swiper-slide { width: 100%; height: 100%; position: relative; }
  .swiper-container .swiper-wrapper .slide2 .swiper-slide { overflow: hidden; }
  .swiper-container .swiper-wrapper .slide2 .swiper-slide-01 { background: url(../image/bg2.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover; }
  .swiper-container .swiper-wrapper .slide2 .demo-content { z-index: 3; position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
  .swiper-container .swiper-wrapper .slide2 .demo-content .discript { -webkit-transform: translate(0, -40px); -moz-transform: translate(0, -40px); -ms-transform: translate(0, -40px); -o-transform: translate(0, -40px); transform: translate(0, -40px); color: #fff; right: 25%; top: 30%; }
  .swiper-container .swiper-wrapper .slide2 .demo-content .discript .brand-title { font-size: 32px; line-height: 44px; margin-bottom: 30px; }
  .swiper-container .swiper-wrapper .slide2 .demo-content .discript .des-brand { font-size: 22px; }
  .swiper-container .swiper-wrapper .slide2 .demo-content .discript .des-brand b { font-size: 30px; }
  .swiper-container .swiper-wrapper .slide2 .demo-content .discript .dis-list { width: 185px; height: 92px; overflow: hidden; }
  .swiper-container .swiper-wrapper .slide2 .demo-content .discript .dis-list li { float: left; }
  .swiper-container .swiper-wrapper .slide2 .demo-bg-brand { position: absolute; width: 100%; height: 100%; }
  .swiper-container .swiper-wrapper .slide2 .demo-bg-brand .c-puzzle__piece:nth-of-type(4) { position: absolute; background: #02030b; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.52; }
  .swiper-container .swiper-wrapper .slide2 .demo-bg-brand .c-puzzle__piece:nth-of-type(1) { position: absolute; background: #02030b; opacity: 0.52; left: -80%; top: 0; width: 100%; height: 100%; }
  .swiper-container .swiper-wrapper .slide2 .demo-bg-brand .c-puzzle__piece:nth-of-type(2) { position: absolute; background: #02030b; opacity: 0.52; left: 36%; top: 0; width: 3%; height: 100%; }
  .swiper-container .swiper-wrapper .slide2 .demo-bg-brand .c-puzzle__piece:nth-of-type(3) { position: absolute; background: #02030b; opacity: 0.52; left: 50%; top: 0; width: 100%; height: 100%; }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu { width: 70%; position: absolute; z-index: 3; left: 10%; bottom: 25%; height: 1px; background-color: #515158; }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu:before { width: 1px; height: 10px; position: absolute; content: ''; left: 0; top: -5px; background-color: #515158; }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu:after { width: 1px; height: 10px; position: absolute; content: ''; right: 0; top: -5px; background-color: #515158; }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu ul { width: 100%; position: absolute; top: -5px; }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu ul .line-circle { cursor: pointer; float: left; width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; margin-right: 10%; margin-left: 5%; position: relative; /* &:hover{ .brand-img{ display: block; } .circle-name{ display: block; } }*/ }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu ul .line-circle .circle-name { width: 49px; height: 49px; background: url(../image/circle-name.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu ul .line-circle .circle-name span { position: relative; top: -25px; display: inline-block; width: 122px; left: -37px; text-align: center; }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu ul .line-circle .brand-img { z-index: 22; position: absolute; width: 180px; height: 70px; left: 450%; top: 50%; margin-top: -35px; }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu ul .line-circle .brand-img img { width: 100%; }
  .swiper-container .swiper-wrapper .slide2 .car-ad-menu ul .line-circle:nth-of-type(6) { margin-right: 0; }
  .swiper-container .swiper-wrapper .slide3 { background: url(../image/bg3.jpg) no-repeat; background-position: center center; -moz-background-size: cover; background-size: cover;}
  .swiper-container .swiper-wrapper .slide3 .demo-content { z-index: 3; position: absolute; width: 100%; height: 100%; }
  .swiper-container .swiper-wrapper .slide3 .demo-bg .c-puzzle__piece:nth-of-type(1) { left: -80%; }
  .swiper-container .swiper-wrapper .slide3 .demo-bg .c-puzzle__piece:nth-of-type(2) { left: 36%; }
  .swiper-container .swiper-wrapper .slide3 .demo-bg .c-puzzle__piece:nth-of-type(3) { left: 50%; }
  .swiper-container .swiper-wrapper .slide3 .container-4 { position: relative; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .time { color: #fff; position: absolute; font-size: 14px; font-weight: bold; top: -199px; left: 50%; margin-left: -61px; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .time b { padding-right: 27px; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .time span { padding-right: 8px; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .swiper2-pagination { position: absolute; width: 1px; height: 246px; left: 50%; margin-left: -400px; bottom: 60px; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .swiper2-pagination .line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-top { position: absolute; left: 50%; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-none { width: 18px; height: 14px; background: url(../image/arrow-none.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-more { width: 30px; height: 30px; background: url(../image/arrow-more.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; cursor: pointer; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-top.arrow-none { top: 30%; left: 0; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-top.arrow-more { bottom: 0; left: -13px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  .swiper-container .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-btm.arrow-none { top: 30%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); right: 4%; }
  .swiper-container .swiper-wrapper .slide3 .container-4 .swiper2-pagination .arrow-btm.arrow-more { bottom: 0; right: 0; }
  .swiper-container .swiper-wrapper .slide3 .swiper-container { width: 432px; position: relative; margin-top: 5%; }
  .swiper-container .swiper-wrapper .slide3 .swiper-container h2 { font-size: 24px; line-height: 54px; font-weight: normal; }
  .swiper-container .swiper-wrapper .slide3 .swiper-container .h2-1 { margin-bottom: 10px; width: 100%; /*overflow: hidden; white-space: nowrap; text-overflow: ellipsis;*/ font-size: 19px !important; line-height: 40px; }
  .swiper-container .swiper-wrapper .slide3 .swiper-container .car-text { font-size: 14px !important; line-height: 36px; margin-bottom: 10px; color: #fefefe; }
  .swiper-container .swiper-wrapper .slide3 .swiper-container a { display: block; padding-left: 64px; line-height: 20px; background: url(../image/arrow-a.png) no-repeat; background-position: 0 50%; }
  .swiper-container .swiper-wrapper .slide4 { background: url(../image/bg4.jpg) no-repeat;background-position: center center; -moz-background-size: cover; background-size: cover; }
  .swiper-container .swiper-wrapper .slide4 .demo-content { z-index: 3; position: absolute; width: 100%; height: 100%;display: flex;
align-items: center;justify-content: center;padding-top: 90px;align-content: center; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult { padding: 30px 60px 50px; position: absolute; left: 10%; width: 480px; background: #fff; line-height: 50px; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .form-header { color: #95262a; text-align: center; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .form-header h2 { font-size: 36px; font-weight: normal; line-height: 60px; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .from-consult-item { line-height: 40px; border-bottom: 1px solid #1e1e1e; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .from-consult-item input { font-size: 16px; height: 40px; line-height: 40px; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .form-select { position: relative; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .form-select select { cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .from-consult-list .form-select .arrow-down { position: absolute; right: 0; top: 50%; margin-top: -3px; width: 15px; height: 9px; background: url(../image/arrow-down.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .form-submit { cursor: pointer; height: 36px; width: 100%; border: 1px solid #95262a; text-align: center; color: #95262a; line-height: 34px; font-weight: bold; font-size: 18px; margin: 30px 0 20px; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .line-agreement { color: #333; line-height: 16px; font-size: 12px; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .line-agreement .check { display: inline-block; width: 14px; height: 14px; border: 1px solid #7f7f7f; cursor: pointer; }
  .swiper-container .swiper-wrapper .slide4 .demo-content .form-consult .line-agreement .check.on { background: url(../image/right.png) no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }
  .swiper-slide { width: 100%; height: 100%; }
  .swiper-pagination { display: none; } }


.demo-bg .c-puzzle__piece:nth-of-type(1), .demo-bg .c-puzzle__piece:nth-of-type(2), .demo-bg .c-puzzle__piece:nth-of-type(3) { -webkit-transform: skewX(-25deg) translateX(-32vw) translateZ(0); -moz-transform: skewX(-25deg) translateX(-32vw) translateZ(0); transform: skewX(-25deg) translateX(-32vw) translateZ(0); -webkit-transition: 3s -webkit-transform linear; transition: 3s -webkit-transform linear; -o-transition: 3s -o-transform linear; -moz-transition: 3s transform linear, 3s -moz-transform linear; transition: 3s transform linear; transition: 3s transform linear, 3s -webkit-transform linear, 3s -moz-transform linear, 3s -o-transform linear; }

.swiper-slide-active .demo-bg .c-puzzle__piece:nth-of-type(1), .swiper-slide-active .demo-bg .c-puzzle__piece:nth-of-type(2), .swiper-slide-active .demo-bg .c-puzzle__piece:nth-of-type(3) { -webkit-transform: skewX(-25deg) translateX(32vw) translateZ(0); -moz-transform: skewX(-25deg) translateX(32vw) translateZ(0); transform: skewX(-25deg) translateX(32vw) translateZ(0); -webkit-transition: 25s -webkit-transform linear; transition: 25s -webkit-transform linear; -o-transition: 25s -o-transform linear; -moz-transition: 25s transform linear, 25s -moz-transform linear; transition: 25s transform linear; transition: 25s transform linear, 25s -webkit-transform linear, 25s -moz-transform linear, 25s -o-transform linear; }

textarea { border: none; resize: none; width: 100%; height: 100%; line-height: 24px !important; display: block; }

textarea:focus { outline: none; }

textarea::-webkit-input-placeholder { color: #b6b6b6; }

textarea:-moz-placeholder { color: #b6b6b6; }

textarea::-moz-placeholder { color: #b6b6b6; }

textarea:-ms-input-placeholder { color: #b6b6b6; }

.move-shadow { -webkit-transform: skewX(-25deg) translateX(-32vw) translateZ(0); -moz-transform: skewX(-25deg) translateX(-32vw) translateZ(0); transform: skewX(-25deg) translateX(-32vw) translateZ(0); -webkit-transition: 3s -webkit-transform linear; transition: 3s -webkit-transform linear; -o-transition: 3s -o-transform linear; -moz-transition: 3s transform linear, 3s -moz-transform linear; transition: 3s transform linear; transition: 3s transform linear, 3s -webkit-transform linear, 3s -moz-transform linear, 3s -o-transform linear; }

.slide2.swiper-slide-active .move-shadow { -webkit-transform: skewX(-25deg) translateX(32vw) translateZ(0); -moz-transform: skewX(-25deg) translateX(32vw) translateZ(0); transform: skewX(-25deg) translateX(32vw) translateZ(0); -webkit-transition: 25s -webkit-transform linear; transition: 25s -webkit-transform linear; -o-transition: 25s -o-transform linear; -moz-transition: 25s transform linear, 25s -moz-transform linear; transition: 25s transform linear; transition: 25s transform linear, 25s -webkit-transform linear, 25s -moz-transform linear, 25s -o-transform linear; }

.my-bullet:hover:before { color: #fff !important; background-image: url("../image/active-pagination.png"); }

.my-bullet-active:before { color: #fff !important; -webkit-animation: zoomIn 1s ease 0s 1 both; -moz-animation: zoomIn 1s ease 0s 1 both; -o-animation: zoomIn 1s ease 0s 1 both; animation: zoomIn 1s ease 0s 1 both; background-image: url("../image/active-pagination.png") !important; }