#fp-nav ul li span:before {
    display: none
}
#fp-nav.right{
    right: auto;
    left: 6.25%;
}
#fp-nav ul li a span:after{
    display: none
}
#fp-nav ul li a span{
    background: #fff
}
#fp-nav ul li a.active span{
    background: #fff
}
.btindex {
    opacity: 0;
    transform: translateY(-200%);
    transition: all .5s cubic-bezier(.35, .75, .55, 1) 0.3s;
    -webkit-transition: all .5s cubic-bezier(.35, .75, .55, 1) .3s;
    -moz-transition: all .5s cubic-bezier(.35, .75, .55, 1) .3s;
}

.active .btindex {
    opacity: 1;
    transform: translateY(0)
}
.xt_ban{position: absolute;top:10%;width: 100%;transform: translateY(-50%);box-sizing: border-box;padding: 0 5%;text-align: center;z-index:99999999;}
.xt_ban font{display: block;font-size: 12px;color: rgba(250,250,250,.5);line-height: 18px;transform: translateY(200px);transition: 0.8s ease-in-out 0.6s;opacity: 0;}
.xt_ban h1{font-size: 48px;font-weight: bold;color: white;text-transform: uppercase;transform: translateX(200px);transition: 0.8s ease-in-out 0.3s;opacity: 0;}
.xt_ban h1:after{content: '';display: block;margin: 20px auto;width: 70px;height:3px;background: white;}
.xt_ban p{font-size: 28px;color: white;margin-bottom: 10px;transform: translateX(-200px);transition: 0.8s ease-in-out 0.3s;opacity: 0;}

@keyframes run {
    from {
        transform: scale(1)
    }
    to {
        transform: scale(1.15)
    }
}

.btindex h2 {
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .06);
    text-align: center;
    line-height: normal;
    transform: translateY(-300%);
    opacity: 0;
}

.swiper-slide-active .btindex h2 {
    opacity: 1;
    transform: translateY(0);
}

.btindex p {
    text-align: right;
    background: #d00101;
    line-height: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    float: right;
    padding: 0 5px;
    margin-right: 44%;
    margin-top: -1px;
    transform: translateY(300%);
    opacity: 0;
}

.swiper-slide-active .btindex p {
    opacity: 1;
    transform: translateY(0);
}

.btindex .bannerx1{
    transform: translateX(-50%) translateY(-50%);
}
.btindex .bannerx2{
    transform: translateX(-70%) translateY(-50%)
}
.btindex {
    text-align: center;
    /* background-image: url(../images/indexbac_03.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: initial;
    height: 444px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.fp-tableCell {
    position: relative;
}

.section1 .swiper-slide {
    overflow: hidden;
}

.section1 .swiper-slide>img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    max-height: 949px;
    animation: run 5s infinite alternate;
    -webkit-animation: run 6s infinite alternate;
    /* Safari and Chrome */
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.btindex div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

.section1 .swiper-container, .section1 .swiper-wrapper {
    width: 100% !important;
    height: 100%
}

.index1banner {
    height: 100%;
    width: 100%;
	position:relative;
}
.section2 .fp-tableCell>img {
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
    color: #fff;
    font-size: 25px;
    z-index: 5;
    animation: my 2s ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.section1 .fp-tableCell>img {
    display: inline-block;
    width: 20px;
    height: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
    color: #fff;
    font-size: 25px;
    z-index: 5;
    animation: my 2s ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes my {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(20px);
    }
}

.section2 {
    background-image: url(../images/jtbac_03.png);
    background-repeat: no-repeat;
    background-position: 100% 100%
}

.jttxt {
    float: left;
    width: 52%;
    margin-left: 6.25%
}

.num {
    display: inline-block;
    width: 33.33%;
    float: left;
    text-align: center
}

.jttxt>img {
    display: block
}

.num h2 {
    display: inline-block;
    font-size: 98px;
    font-weight: bold;
    color: #d10000;
    font-family: 'ak';
}

.num p {
    font-size: 18px;
    color: #3a3333
}

.num sub {
    font-size: 20px;
    font-weight: bold;
    color: #d10000
}

.num {
    margin-bottom: 90px;
    margin-top: 100px
}

.jttxt>p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 30px;
}

.jtimg {
    float: right;
    margin-right: 6.5625%;
    margin-top:8%;
}
.jtimg .img:hover img{
    transform: scale(1)
}
.jtimg img {
    max-width: 100%;
    height: auto
}

.jtimg .img {
    position: relative;
    overflow: initial;
}

.jtimg .img:after {
    content: '';
    display: block;
    width: 50%;
    height: 65%;
    border: 5px solid #e3e3e3;
    position: absolute;
    left: -29%;
    bottom: -17%;
    z-index: -1;
}

.jtimg>a {
    font-size: 16px;
    color: #d10000;
    margin-top: 10px;
    display: inline-block
}

.jtimg>a i {
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    background: #d10000;
}

.section3>.fp-tableCell>div>.img{
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../images/cybac_03.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 340px;
    background-color: #d10000;
    text-align: center;
    z-index: 10;
}
.section3>.fp-tableCell>div:nth-child(1){
    position: relative;
}
.section3>.fp-tableCell>div>.img img {
    margin: 15px 0;
    width: auto
}

.section3 {
    background-image: url(../images/btcybac_02.jpg)
}

.btcy>img {
    float: left;
    width: 48.07%
}

.btcy {
    background: #fff;
    padding-bottom: 10px;
    display: none
}

.btcy.ac {
    display: block
}

.btcytxt {
    float: left;
    width: 51.93%;
    box-sizing: border-box;
    padding: 100px 10% 0 5%
}

.btcytxt h2 {
    font-size: 30px;
    color: #272727;
    margin-bottom: 40px;
}

.btcytxt p {
    font-size: 16px;
    color: #666666;
    line-height: 36px;
}

.btcytxt a {
    display: inline-block;
    width: 145px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #d10000;
    color: #d10000;
    margin-top: 75px;
    position: relative;
    overflow: hidden;
}

.btcytxt a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    background: #d10000
}

.btcytxt a:hover {
    color: #fff
}

.btcytxt a:hover:after {
    left: 0;
}

.btcytxt a span {
    position: relative;
    z-index: 2;
}

.cylist {
    margin-top: 30px
}

.cylist .swiper-button-next, .cylist .swiper-button-prev {
    display: none;
    background-image: none;
    font-size: 35px;
    color: #d10000;
    opacity: 1;
}

.cplist .swiper-button-next, .cplist .swiper-button-prev {
    display: none;
    background-image: none;
    font-size: 35px;
    color: #d10000;
    opacity: 1;
}

.cylist .swiper-slide {
    text-align: center;
    cursor: pointer;
    transform: translateX(200%);
    opacity: 0;
}

.active .cylist .swiper-slide {
    transform: translateX(0);
    opacity: 1;
}

.active .cylist .swiper-slide:nth-child(1) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.1s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s;
}

.active .cylist .swiper-slide:nth-child(2) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.3s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .3s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .3s;
}

.active .cylist .swiper-slide:nth-child(3) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.5s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .5s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .5s;
}

.active .cylist .swiper-slide:nth-child(4) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.7s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .7s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .7s;
}

.active .cylist .swiper-slide:nth-child(5) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.9s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .9s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .9s;
}

.active .cylist .swiper-slide:nth-child(6) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.1s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.1s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.1s;
}

.active .cylist .swiper-slide:nth-child(7) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.3s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.3s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.3s;
}

.cylist .swiper-slide div {
    height: 106px;
    width: 94px;
    display: inline-block;
    background-image: url(../images/btcylist_03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cylist .swiper-slide.ac div {
    background-image: url(../images/btcylist1_03.png);
}

.cylist .swiper-slide div span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.cylist .swiper-slide:nth-child(1) span {
    background-image: url(../images/sy1_03.png);
}

.cylist .swiper-slide:nth-child(2) span {
    background-image: url(../images/jr1_03.png);
}

.cylist .swiper-slide:nth-child(3) span {
    background-image: url(../images/sm1_03.png);
}

.cylist .swiper-slide:nth-child(4) span {
    background-image: url(../images/jy1_03.png);
}

.cylist .swiper-slide:nth-child(5) span {
    background-image: url(../images/tz1_03.png);
}

.cylist .swiper-slide:nth-child(6) span {
    background-image: url(../images/kj1_03.png);
}

.cylist .swiper-slide:nth-child(7) span {
    background-image: url(../images/ny1_03.png);
}

.cylist .swiper-slide:hover div {
    background-image: url(../images/btcylist1_03.png)
}

.cylist .swiper-slide:nth-child(1):hover span, .cylist .swiper-slide.ac:nth-child(1) span {
    background-image: url(../images/sy2_03.png);
}

.cylist .swiper-slide:nth-child(2):hover span, .cylist .swiper-slide.ac:nth-child(2) span {
    background-image: url(../images/jr2_03.png);
}

.cylist .swiper-slide:nth-child(3):hover span, .cylist .swiper-slide.ac:nth-child(3) span {
    background-image: url(../images/sm2_03.png);
}

.cylist .swiper-slide:nth-child(4):hover span, .cylist .swiper-slide.ac:nth-child(4) span {
    background-image: url(../images/jy2_03.png);
}

.cylist .swiper-slide:nth-child(5):hover span, .cylist .swiper-slide.ac:nth-child(5) span {
    background-image: url(../images/tz2_03.png);
}

.cylist .swiper-slide:nth-child(6):hover span, .cylist .swiper-slide.ac:nth-child(6) span {
    background-image: url(../images/kj2_03.png);
}

.cylist .swiper-slide:nth-child(7):hover span, .cylist .swiper-slide.ac:nth-child(7) span {
    background-image: url(../images/ny2_03.png);
}
.cylist .swiper-slide p {
    font-size: 18px;
    color: #696969;
    margin-top: 15px;
}

.cylist .swiper-slide:hover p {
    color: #d10000;
}

.cylist .swiper-slide.ac p {
    color: #d10000;
}

.indexcptit {
    height: 45.2%;
    background-image: url(../images/cpbac_02.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.indexcptit>img {
    position: absolute;
    left: 6.25%;
    top: 50%;
    transform: translateY(-50%)
}

.cplist {
    height: 54.8%
}

.cptxt {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    padding: 0 7%;
    z-index: 5;
}

.section4 .swiper-slide>img {
    width: 100%;
    height: 100%
}

.cptxt h2 {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin-top: 80%;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.cptxt span {
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.cptxt p {
    color: rgba(255, 255, 255, .7);
    line-height: 30px;
    opacity: 0;
    margin-top: 50px
}

.cptxt i {
    display: block;
    width: 105px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .58);
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
    margin-top: 90px;
    opacity: 0;
}

.cplist .swiper-slide:hover h2 {
    margin-top: 27%;
    left: 0;
    transform: translateX(0)
}

.cplist .swiper-button-next, .cplist .swiper-button-prev {
    display: none
}

.cplist .swiper-slide:hover span {
    left: 0;
    transform: translateX(0)
}

.cplist .swiper-slide:hover p, .cplist .swiper-slide:hover i {
    opacity: 1;
}

.cplist .swiper-slide:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(209, 0, 0, .8);
    position: absolute;
    left: 0;
}

.cplist .swiper-slide:nth-child(odd):after {
    top: -100%
}

.cplist .swiper-slide:nth-child(even):after {
    top: 100%
}

.cplist .swiper-slide:hover:after {
    top: 0
}

.cplist .swiper-slide {
    transform: translateX(200%);
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.1s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s;
    opacity: 0;
}

.cplist .swiper-slide:nth-child(2) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.3s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .3s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .3s;
}

.cplist .swiper-slide:nth-child(3) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.5s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .5s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .5s;
}

.cplist .swiper-slide:nth-child(4) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.73s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .7s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .7s;
}

.cplist .swiper-slide:nth-child(5) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.9s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .9s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .9s;
}

.cplist .swiper-slide:nth-child(6) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1)1.1s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.1s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.1s;
}

.cplist .swiper-slide:nth-child(7) {
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.3s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.3s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) 1.3s;
}

.active .cplist .swiper-slide {
    transform: translateX(0);
    opacity: 1;
}

.cplist .swiper-slide a>img {
    width: 100%;
    height: 100%;
}

.cplist .swiper-container {
    height: 100%;
}

.newleft {
    float: left;
    width: 44.27%;
    box-sizing: border-box;
    padding-left: 6.25%;
    padding-right: 3.48%
}

.n_b_t h2 {
    float: left;
    width: 74%;
    font-size: 18px;
    color: #414141;
}

.n_b_t h2 p {
    color: #8e8e8e;
    line-height: 18px;
    margin-top: 14px;
    font-size: 16px
}

/* .n_b_t div{
    float: right;
    
} */

.n_b_t h3 {
    float: right;
    font-size: 48px;
    line-height: 43px;
    color: #8e8e8e;
    font-family: 'an';
    text-align: center
}

.n_b_t h3 span {
    display: block;
    font-size: 18px;
    line-height: initial;
    color: #8e8e8e;
    text-align: center;
}

.newleft .img {
    margin-bottom: 30px;
    overflow: hidden;
}

.newleft .img img {
    width: 100%
}

.newleft .swiper-slide {
    margin-bottom: 60px;
}

.newleft .swiper-button-next, .newleft .swiper-button-prev {
    position: static;
    display: inline-block;
    margin-top: 0;
    background-image: none;
    font-size: 25px;
    color: #000
}

.newleft .swiper-button-next:hover, .newleft .swiper-button-prev:hover {
    color: #d10000
}

.newleft .swiper-container {
    margin-top: 40px;
}

.section5 {
    background: #f7f7f7
}

.newleft .swiper-slide:hover img {
    transform: scale(1.125)
}

.newleft .swiper-slide:hover h3 {
    color: #d10000
}

.newleft .swiper-slide:hover h2 {
    color: #d10000
}

.newleft .swiper-slide:hover h3 span {
    color: #d10000
}

.newright {
    background: #fff;
    width: 55.73%;
    position: absolute;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 43px 0 111px 2.76%
}

.newright .img {
    float: left;
    width: 21.86%;
    margin-right: 2.15%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.newright .img img {
    width: 100%
}

.newright h2 {
    float: left;
    font-size: 18px;
    color: #666666;
    width: 51.5%;
    margin-top: 10px;
    vertical-align: middle
}

.newright h2 p {
    color: #666666;
    line-height: 18px;
    margin-top: 15px;
    width: 95%;
    display: inline-block;
}

.newright h3 {
    float: right;
    margin-right: 7%;
    font-family: 'an';
    font-size: 48px;
    color: #8e8e8e;
    vertical-align: middle;
    display: inline-block
}

.newright h3 span {
    display: block;
    font-size: 18px
}

.newright li {
    padding-bottom: 33px;
    border-bottom: 1px dashed #cecece;
    margin-bottom: 33px;
    transform: translateY(200%);
    opacity: 0;
}

.newright li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.newright li:hover img {
    transform: scale(1.125)
}

.newright li:hover h3 {
    color: #d10000
}

.newright li:hover h2 {
    color: #d10000
}

.newright {
    transform: translateX(100%)
}

.newleft {
    transform: translateX(-100%)
}

.active.newleft, .active.newright {
    transform: translateX(0)
}
.active.newleft{
    transform: translateX(0) translateY(5%)

}
.section6 .fp-tableCell, .section6 {
    height: auto !important
}

.active.newright li:nth-child(1) {
    transform: translateY(0);
    opacity: 1;
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.5s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .5s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .5s;
}

.active.newright li:nth-child(2) {
    transform: translateY(0);
    opacity: 1;
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.65s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .65s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .65s;
}

.active.newright li:nth-child(3) {
    transform: translateY(0);
    opacity: 1;
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.8s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .8s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .8s;
}

.active.newright li:nth-child(4) {
    transform: translateY(0);
    opacity: 1;
    transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.95s;
    -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .95s;
    -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .95s;
}
.returnindex{
    display: none
}
@media screen and (max-width: 480px){
    #firstDiv{display: none;}
}