/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a{ transition:all 0.5s;}
*{ margin:0; padding:0;}
ul{ list-style:none;}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #fff;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

#loading{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index:1000;}
#move{ margin:0 auto; text-align:center; width:1px; background:#fff; transition:background 0.5s; overflow:hidden;}


#top{ width:100%; position:fixed; z-index:100;}
#logo{ float:left; margin:30px 0 0 30px;}
#menu{ float:right; margin-right:30px; margin-top:40px;}
#menu ul{ list-style:none; background:url(../image/hline.jpg) no-repeat right; overflow:hidden; float:left;}
#menu ul li{ float:left; margin-right:30px;}
#menu ul li a{ color:#fff; font-size:16px;  text-decoration:none;}
#menu ul li a:hover{ color:#e31931;}

#servicer{ position:fixed; bottom:30px;right:15px; z-index:100;}
#servicer a{ display:block; width:50px; height:50px; border-radius:50%; background:#e31931;}
#servicer a:hover{ background:#fff;}

#lan{ float:right; color:#fff; font-size:14px; color:#e31931; line-height:24px; margin-left:30px; cursor:pointer; transition:all 0.5s;}
#lan img{ vertical-align:middle; margin-left:5px; transition:all 0.5s;}
#lan:hover img{ transform:rotate(180deg);}

#lan:hover{ color:#fff;}

#index1{ background:#000; transition:all 6s;}

#index1 .title{ font-size:60px; font-weight:900;}
#index1 .title span.c{ color:#e31931;}
#index1 .title span{ margin:0 20px; opacity:0;}
#index1 .con{ width:1140px; margin:30px auto 0 auto; overflow:hidden; z-index:1; display:none;}
#index1 .con .left{ width:570px; float:left; font-size:18px; text-align:right; line-height:30px;}
#index1 .con .left p{ margin:0; padding:0; margin-right:52px; opacity:0; letter-spacing:5px;}
#index1 .con .left p.it{ font-size:16px;}

#index1 .con .right{ width:570px; float:left; font-size:18px; text-align:left; line-height:30px;}
#index1 .con .right p{ margin:0; padding:0; margin-left:52px; opacity:0; letter-spacing:5px;}
#index1 .con .right p.it{ font-size:16px;}
#index1 .more{ overflow:hidden; margin-top:100px; opacity:0; z-index:1; display:none;}
#index1 .more a{ display:block; line-height:36px; background:#e31931; color:#fff; font-size:14px; width:150px; margin:0 auto; text-decoration:none; border-radius:500px;}
#index1 .more a:hover{ width:120px; background:#fff; color:#e31931;}
#star{ position:absolute; width:100%; bottom:0; z-index:-1; opacity:0;}
#star img{ width:100%;}

#index2{ background:url(../image/di2.jpg) no-repeat center /120% auto; transition:all 0.5s ease-out;}

#index2 .title{ font-size:60px; font-weight:900; letter-spacing:10px; opacity:0}
#index2 .con{ font-size:16px; line-height:30px; margin-top:30px; opacity:0; letter-spacing:3px;}
#index2 .more{ overflow:hidden; margin-top:100px; opacity:0;}
#index2 .more a{ display:block; line-height:36px; background:#e31931; color:#fff; font-size:14px; width:150px; margin:0 auto; text-decoration:none; border-radius:500px;}
#index2 .more a:hover{ width:120px; background:#fff; color:#e31931;}

#index2 .data{ width:100%; text-align:center; overflow:hidden; margin-top:40px;}
#index2 .data ul{ display:inline-block; list-style:none;}
#index2 .data ul li{ float:left; margin:0 40px; opacity:0;}
#index2 .data ul li p{ font-size:36px; font-weight:900; display:block; height:50px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0;}
#index2 .data ul li p.icon{ height:120px; width:120px; margin:0 auto;}
#index2 .data ul li p.icon img{ width:100%;}
#index2 .data ul li font{ font-size:16px; padding:0; margin:0; line-height:30px; display:block;}
#index2 .data ul li p sup{ color:#d00;}

#index3{background:url(../image/di3.jpg) no-repeat center /100% auto; transition:all 1s;}
#index3 .con{ width:1200px; margin:0 auto; overflow:hidden; height:100%;}
#index3 .con dd{ display:none;}
#index3 .con dd p{ margin:0; padding:0;}
#index3 .con dd.pro1 p.a1{ font-size:30px; text-align:right; line-height:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro1 p.a2{ font-size:32px; text-align:right; line-height:50px; color:#e31931; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro1 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro1 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro1 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro1 p.a5 a{ display:block; width:100px; line-height:30px; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; color:#fff; text-align:center; float:right; font-size:14px; text-decoration:none;}
#index3 .con dd.pro1 p.a5 a:hover{ background:#e31931; color:#fff; border:solid 2px #e31931;}

#index3 .con dd.pro2 p.a1{ font-size:30px; text-align:right; line-height:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro2 p.a2{ font-size:32px; text-align:right; line-height:50px; color:#e31931; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro2 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro2 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro2 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro2 p.a5 a{ display:block; width:100px; line-height:30px; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; color:#fff; text-align:center; float:right; font-size:14px; text-decoration:none;}
#index3 .con dd.pro2 p.a5 a:hover{ background:#e31931; color:#fff; border:solid 2px #e31931;}

#index3 .con dd.pro3 p.a1{ font-size:30px; text-align:right; line-height:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro3 p.a2{ font-size:32px; text-align:right; line-height:50px; color:#e31931; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro3 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro3 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro3 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro3 p.a5 a{ display:block; width:100px; line-height:30px; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; color:#fff; text-align:center; float:right; font-size:14px; text-decoration:none;}
#index3 .con dd.pro3 p.a5 a:hover{ background:#e31931; color:#fff; border:solid 2px #e31931;}


#pro_btn{ position:absolute; bottom:30px; width:100%;}
#pro_btn ul{ display:inline-block;}
#pro_btn ul li{ float:left; width:10px; height:10px; border-radius:50px; background:rgba(255,255,255,0.2); margin:0 5px; cursor:pointer;}

#index4{background:url(../image/di6.jpg) no-repeat center /100% auto; transition:all 1s;}
#index4 .title{ font-size:60px; font-weight:900; letter-spacing:10px; opacity:0}
#index4 .con{ font-size:16px; line-height:30px; margin-top:30px; opacity:0; letter-spacing:3px;}
#index4 .more{ overflow:hidden; margin-top:100px; opacity:0;}
#index4 .more a{ display:block; line-height:36px; background:#e31931; color:#fff; font-size:14px; width:150px; margin:0 auto; text-decoration:none; border-radius:500px;}
#index4 .more a:hover{ width:120px; background:#fff; color:#e31931;}

#index4 .data{ text-align:center; overflow:hidden; width:100%; margin-top:60px;}
#index4 .data ul{ display:inline-block; list-style:none; margin:0; padding:0;}
#index4 .data ul li{ float:left; padding:0 40px; opacity:0;}
#index4 .data ul li p.a1 img{ border:solid 3px #fff; border-radius:50%;}
#index4 .data ul li p.a2{ font-size:16px; line-height:40px; color:#e31931; font-weight:900;}
#index4 .data ul li p.a3{ font-size:12px;}

#zmenu{ background:#e31931; overflow:hidden; position:absolute; right:20px; display:none;}
#zmenu dl dd a{ display:block; color:#fff; line-height:40px; text-decoration:none; padding:0 20px; border-bottom:solid 1px rgba(255,255,255,0.2);}
#zmenu dl dd a:hover{ background:#111;}

#index_about{ position:absolute; width:100%; height:100%; text-align:center; z-index:60; }

video#bgvid {
	right: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 50;
	background-size: cover;
	opacity: 0.4;
}
.video{ overflow:hidden; height:100%; width:100%; background:#000; }



#mybanner{ width:100%; height:100%; overflow:hidden;}
#mybanner img{ width:150%; margin:-25% 0 0 -25%; transition:all 10s;}

@media(max-width:1440px) {

#index1{ background:#000; transition:all 6s;}

#index1 .title{ font-size:60px; font-weight:900;}
#index1 .title span.c{ color:#e31931;}
#index1 .title span{ margin:0 20px; opacity:0;}
#index1 .con{ width:1140px; margin:30px auto 0 auto; overflow:hidden; z-index:1; display:none;}
#index1 .con .left{ width:570px; float:left; font-size:18px; text-align:right; line-height:30px;}
#index1 .con .left p{ margin:0; padding:0; margin-right:52px; opacity:0; letter-spacing:5px;}
#index1 .con .left p.it{ font-size:16px;}

#index1 .con .right{ width:570px; float:left; font-size:18px; text-align:left; line-height:30px;}
#index1 .con .right p{ margin:0; padding:0; margin-left:52px; opacity:0; letter-spacing:5px;}
#index1 .con .right p.it{ font-size:16px;}
#index1 .more{ overflow:hidden; margin-top:100px; opacity:0; z-index:1; display:none;}
#index1 .more a{ display:block; line-height:36px; background:#e31931; color:#fff; font-size:14px; width:150px; margin:0 auto; text-decoration:none; border-radius:500px;}
#index1 .more a:hover{ width:120px; background:#fff; color:#e31931;}
#star{ position:absolute; width:100%; bottom:0; z-index:-1; opacity:0;}
#star img{ width:100%;}

#index2{ background:url(../image/di2.jpg) no-repeat center /120% auto; transition:all 0.5s ease-out;}

#index2 .title{ font-size:40px; font-weight:900; letter-spacing:10px; opacity:0}
#index2 .con{ font-size:14px; line-height:24px; margin-top:10px; opacity:0; letter-spacing:3px;}
#index2 .more{ overflow:hidden; margin-top:20px; opacity:0;}
#index2 .more a{ display:block; line-height:36px; background:#e31931; color:#fff; font-size:14px; width:150px; margin:0 auto; text-decoration:none; border-radius:500px;}
#index2 .more a:hover{ width:120px; background:#fff; color:#e31931;}

#index2 .data{ width:100%; text-align:center; overflow:hidden; margin-top:30px;}
#index2 .data ul{ display:inline-block; list-style:none;}
#index2 .data ul li{ float:left; margin:0 30px; opacity:0;}
#index2 .data ul li p{ font-size:30px; font-weight:900; display:block; height:45px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0;}
#index2 .data ul li p.icon{ height:100px; width:100px; margin:0 auto;}
#index2 .data ul li p.icon img{ width:100%;}
#index2 .data ul li font{ font-size:14px; padding:0; margin:0; line-height:24px; display:block;}
#index2 .data ul li p sup{ color:#d00;}

#index3{background:url(../image/di3.jpg) no-repeat center /100% auto; transition:all 1s;}
#index3 .con{ width:1200px!important; margin:0 auto; overflow:hidden; height:100%; }
#index3 .con dd{ display:none;}
#index3 .con dd p{ margin:0; padding:0;}
#index3 .con dd.pro1 p.a1{ font-size:24px; text-align:right; line-height:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro1 p.a2{ font-size:28px; text-align:right; line-height:40px; color:#e31931; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro1 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro1 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro1 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro1 p.a5 a{ display:block; width:100px; line-height:30px; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; color:#fff; text-align:center; float:right; font-size:14px; text-decoration:none;}
#index3 .con dd.pro1 p.a5 a:hover{ background:#e31931; color:#fff; border:solid 2px #e31931;}

#index3 .con dd.pro2 p.a1{ font-size:24px; text-align:right; line-height:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro2 p.a2{ font-size:28px; text-align:right; line-height:40px; color:#e31931; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro2 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro2 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro2 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro2 p.a5 a{ display:block; width:100px; line-height:30px; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; color:#fff; text-align:center; float:right; font-size:14px; text-decoration:none;}
#index3 .con dd.pro2 p.a5 a:hover{ background:#e31931; color:#fff; border:solid 2px #e31931;}

#index3 .con dd.pro3 p.a1{ font-size:24px; text-align:right; line-height:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro3 p.a2{ font-size:28px; text-align:right; line-height:40px; color:#e31931; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro3 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro3 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro3 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro3 p.a5 a{ display:block; width:100px; line-height:30px; border:solid 2px rgba(255,255,255,0.2); border-radius:50px; color:#fff; text-align:center; float:right; font-size:14px; text-decoration:none;}
#index3 .con dd.pro3 p.a5 a:hover{ background:#e31931; color:#fff; border:solid 2px #e31931;}


#pro_btn{ position:absolute; bottom:30px; width:100%;}
#pro_btn ul{ display:inline-block;}
#pro_btn ul li{ float:left; width:10px; height:10px; border-radius:50px; background:rgba(255,255,255,0.2); margin:0 5px; cursor:pointer;}

#index4{background:url(../image/di6.jpg) no-repeat center /100% auto; transition:all 1s;}
#index4 .title{ font-size:40px; font-weight:900; letter-spacing:10px; opacity:0}
#index4 .con{ font-size:14px; line-height:24px; margin-top:10px; opacity:0; letter-spacing:3px;}
#index4 .more{ overflow:hidden; margin-top:60px; opacity:0;}
#index4 .more a{ display:block; line-height:36px; background:#e31931; color:#fff; font-size:14px; width:150px; margin:0 auto; text-decoration:none; border-radius:500px;}
#index4 .more a:hover{ width:120px; background:#fff; color:#e31931;}

#index4 .data{ text-align:center; overflow:hidden; width:100%; margin-top:30px;}
#index4 .data ul{ display:inline-block; list-style:none; margin:0; padding:0;}
#index4 .data ul li{ float:left; padding:0 30px; opacity:0;}
#index4 .data ul li p.a1 img{ border:solid 3px #fff; border-radius:50%;}
#index4 .data ul li p.a2{ font-size:16px; line-height:40px; color:#e31931; font-weight:900;}
#index4 .data ul li p.a3{ font-size:12px;}


}