@charset "utf-8";
.bg-img-6{background-image:url(../../images/banner/09.jpg)}
.carousel.parallax .infor{position:absolute;z-index: 100;left: 10%;top: 50%;text-align: left}
.carousel.parallax .banner3 .infor{left:inherit;right: 10%;text-align: right}
.carousel.parallax h2,.carousel.parallax blockquote{padding:100px 30px 10px;width:100%;max-width:960px;color:#fff;font-weight:100;margin:0 auto;position:relative;z-index:100;}
.carousel.parallax h2{font-size:60px;font-family: ‘cwTeXFangSong’, serif;padding:7% 0 10px;line-height:60px}
.carousel.parallax h2::after{content: '';display: block;margin: 30px 0;width: 50%;height: 1px;background: #fff;}
.carousel.parallax .banner3 h2::after{margin-left: 50%;}
.carousel.parallax blockquote{font-size:30px;padding:0;font-weight:700;border:none;}
.carousel.parallax blockquote cite{font-size:16px;font-weight:100;font-style:normal;letter-spacing:1px;padding-top:20px;display:inline-block}
.carousel.parallax blockquote cite a{display:block;background:transparent;color:#FFF;text-align:center;padding:10px 30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:solid 1px #fff;}
.carousel.parallax blockquote cite a:hover{background:#e60000}
.carousel.parallax h2.white_tx{color:#FFF;text-shadow:0 1px 1px rgba(0,0,0,1);padding-top:10%}
.carousel.parallax blockquote p.white_tx{color:#FFF;text-shadow: inherit;font-weight: 100;font-size: 20px;font-family: 'Quicksand', sans-serif;letter-spacing: .3rem}
.carousel.parallax .item:last-child h2{padding-top:10%}
.element-posetion{position:relative}
.element-posetion h2,.element-posetion p{text-shadow:0 0 10px #fff,0 0 10px #fff}
.element-posetion .element-img{position:absolute;bottom:15%}
.element-posetion .element-img img{width:100%}
.element-posetion .element-img.element-img-1{right:2%;-webkit-animation:fadeInRight 300ms ease;-moz-animation:fadeInRight 300ms ease;-o-animation:fadeInRight 300ms ease;-ms-animation:fadeInRight 300ms ease;animation:fadeInRight 300ms ease}
.element-posetion .element-img.element-img-2{right:2%;-webkit-animation:fadeInRight2 1000ms ease;-moz-animation:fadeInRight2 1000ms ease;-o-animation:fadeInRight2 1000ms ease;-ms-animation:fadeInRight2 1000ms ease;animation:fadeInRight2 1000ms ease}
.element-posetion .element-img.element-img-3{right:2%;-webkit-animation:fadeInRight3 1500ms ease;-moz-animation:fadeInRight3 1500ms ease;-o-animation:fadeInRight3 1500ms ease;-ms-animation:fadeInRight3 1500ms ease;animation:fadeInRight3 1500ms ease}
.element-posetion .element-img.element-img-4{right:2%;-webkit-animation:fadeInRight4 2000ms ease;-moz-animation:fadeInRight4 2000ms ease;-o-animation:fadeInRight4 2000ms ease;-ms-animation:fadeInRight4 2000ms ease;animation:fadeInRight4 2000ms ease}
@-webkit-keyframes roll {
0%{-webkit-transform:translateX(500px) rotate(360deg)}
100%{-webkit-transform:translateX(0px) rotate(0deg)}
}
@-moz-keyframes roll {
0%{-moz-transform:translateX(500px) rotate(360deg);opacity:0}
100%{-moz-transform:translateX(0px) rotate(0deg);opacity:1}
}
@-o-keyframes roll {
0%{-o-transform:translateX(500px) rotate(360deg);opacity:0}
100%{-o-transform:translateX(0px) rotate(0deg);opacity:1}
}
@-ms-keyframes roll {
0%{-ms-transform:translateX(500px) rotate(360deg);opacity:0}
100%{-ms-transform:translateX(0px) rotate(0deg);opacity:1}
}
@keyframes roll {
0%{transform:translateX(500px) rotate(360deg);opacity:0}
100%{transform:translateX(0px) rotate(0deg);opacity:1}
}
@-webkit-keyframes moveUp {
0%{-webkit-transform:translateY(40px)}
100%{-webkit-transform:translateY(0px)}
}
@-moz-keyframes moveUp {
0%{-moz-transform:translateY(40px)}
100%{-moz-transform:translateY(0px)}
}
@-o-keyframes moveUp {
0%{-o-transform:translateY(40px)}
100%{-o-transform:translateY(0px)}
}
@-ms-keyframes moveUp {
0%{-ms-transform:translateY(40px)}
100%{-ms-transform:translateY(0px)}
}
@keyframes moveUp {
0%{transform:translateY(40px)}
100%{transform:translateY(0px)}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-o-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-ms-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes scaleDown {
0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(0.5)}
}
@-moz-keyframes scaleDown {
0%{-moz-transform:scale(1)}
100%{-moz-transform:scale(0.5)}
}
@-o-keyframes scaleDown {
0%{-o-transform:scale(1)}
100%{-o-transform:scale(0.5)}
}
@-ms-keyframes scaleDown {
0%{-ms-transform:scale(1)}
100%{-ms-transform:scale(0.5)}
}
@keyframes scaleDown {
0%{transform:scale(1)}
100%{transform:scale(0.5)}
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-o-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-ms-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes fadeInRight {
0%{right:-100%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-moz-keyframes fadeInRight {
0%{right:-100%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-o-keyframes fadeInRight {
0%{right:-100%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-ms-keyframes fadeInRight {
0%{right:-100%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-webkit-keyframes fadeInRight2 {
0%{right:-110%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-moz-keyframes fadeInRight2 {
0%{right:-110%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-o-keyframes fadeInRight2 {
0%{right:-110%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-ms-keyframes fadeInRight2 {
0%{right:-110%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-webkit-keyframes fadeInRight3 {
0%{right:-120%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-moz-keyframes fadeInRight3 {
0%{right:-120%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-o-keyframes fadeInRight3 {
0%{right:-120%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-ms-keyframes fadeInRight3 {
0%{right:-120%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-webkit-keyframes fadeInRight4 {
0%{right:-130%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-moz-keyframes fadeInRight4 {
0%{right:-130%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-o-keyframes fadeInRight4 {
0%{right:-130%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-ms-keyframes fadeInRight4 {
0%{right:-130%;opacity:0;filter:alpha(opacity=0)}
90%{opacity:0;filter:alpha(opacity=0)}
100%{right:2%;opacity:1;filter:alpha(opacity=100)}
}
@-o-keyframes grow{
0% { transform:scale(1)}
50% { transform:scale(1.2)}
}
@-webkit-keyframes grow{
0% { transform:scale(1)}
50% { transform:scale(1.2)}
}
@-moz-keyframes grow{
0% { transform:scale(1)}
50% { transform:scale(1.2)}
}
@keyframes grow{
0% { transform:scale(1)}
50% { transform:scale(1.2)}
}
@media screen and (max-width: 1366px) {
.carousel.parallax h2{font-size: 40px}
.carousel.parallax blockquote p.white_tx{padding-left: 10px;padding-right: 10px;letter-spacing: .1rem;font-size: 18px;}

}
@media screen and (max-width: 1280px) {
.carousel.parallax .banner3 .infor{left: 10%;right: inherit;text-align: left}
.carousel.parallax .banner3 h2::after{margin-left: 0;}
.carousel.parallax .banner2 h2::after{margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 1024px) {
.bg-img{padding:200px}
.element-posetion .element-img{width:60%}
}
@media screen and (max-width: 768px) {
.bg-img{-webkit-background-size:100%;-moz-background-size:100%;background-size:100%;background-repeat:no-repeat}
.carousel.parallax h2{font-size:36px;line-height:1}
.carousel.parallax blockquote{font-size:20px;margin-bottom:0}
.carousel .banner2 .pc, .carousel .banner2 .flat, .carousel .banner2 .mb{width: 70%;}
.carousel.parallax .infor{width: 100%;}
.carousel.parallax .banner2 .infor{position:absolute;z-index: 100;left: 50%;top: 10%;text-align: center;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,0);}

}
@media screen and (max-width: 660px) {
.deco{width:130px;height:130px;margin-left:-65px;margin-bottom:50px}
[data-icon]:after{width:110px;height:110px;line-height:110px;font-size:40px;margin:-55px 0 0 -55px}
.carousel.parallax h2{font-size:26px}
.carousel.parallax blockquote{font-size:16px;font-weight:100;}
}
@media screen and (max-width: 480px) {
.carousel .banner2 .pc, .carousel .banner2 .flat, .carousel .banner2 .mb{width: 90%;}
.carousel.parallax blockquote p.white_tx{font-size: 16px;}
}