/*banner背景图片动画*/



@-webkit-keyframes scale-bg {

    from {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

    }

    to {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes scale-bg {

    from {

        -webkit-transform: scale(1.2);

        transform: scale(1.2);

    }

    to {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



a:hover {

    text-decoration: none;

}



.container {

    width: 95%;

    margin: 0 auto;

}





/*banner */



.index_main {

    background: #f7f7f7;

}



.index_main .container {

    padding: 0 6%;

}



.section {

    position: relative;

}



.index_main .section1 {

    position: relative;

}



.index_main .section1 .index_banner .item {

    background-size: cover;

    -webkit-background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    height: 100vh;

    position: relative;

}



.index_main .section1 .index_banner .item.slick-current .scaleBg {

    visibility: visible;

    -webkit-animation: scale-bg 6s linear forwards;

    animation: scale-bg 6s linear forwards;

}



.index_main .section1 .index_banner .items {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

}



.index_main .section1 .index_banner .items:after {

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.2);

}



.index_main .section1 .index_banner .item .inner .block_txt {

    position: absolute;

    top: 44%;

    right: 10px;

    left: 10px;

    opacity: 0;

    transform: translateY(40px);

    -webkit-transform: translateY(40px);

    -webkit-transition: all 500ms ease;

    transition: all 500ms ease;

}



.index_main .section1 .index_banner .item.active .inner .block_txt {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

}



.index_main .section1 .index_banner .item .inner .block_txt h4 {

    font-size: 30px;

    color: #fff;

    text-align: center;

    font-family: 'COCO';

}



.index_main .section1 .index_banner .item .inner .block_txt h2 {

    color: #fff;

    font-size: 70px;

    font-weight: bold;

    text-align: center;

    letter-spacing: 5px;

}



.index_main .section1 .index_banner .item .inner .block_txt h2 span {

    color: #f5c920;

    display: inline-block;

    letter-spacing: 5px;

}



.index_main .section1 .index_banner .item .inner .block_txt h3 {

    color: #fff;

    font-size: 22px;

    text-align: center;

    margin-top: 10px;

    letter-spacing: 3px;

}



.index_main .section1 .slick_txt {

    width: 30%;

    height: 100%;

    background-color: transparent;

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    background-repeat: no-repeat;

    position: absolute;

    top: 0;

    font-size: 0;

    outline: none;

    border: 0;

}



.index_main .section1 .left {

    left: 0;

}



.index_main .section1 .right {

    right: 0;

}



.index_main .section1 .slick_txt:hover .slick_arrow {

    opacity: 1;

    visibility: visible;

}



.index_main .section1 .slick_txt .slick_arrow {

    width: 20px;

    height: 36px;

    background-repeat: no-repeat;

    background-position: center;

    margin-top: -18px;

    position: absolute;

    top: 50%;

    cursor: pointer;

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    opacity: 0;

    visibility: hidden;

}



.index_main .section1 .slick_txt .prev {

    background-image: url(../image/ban_prev.png);

    left: 60px;

}



.index_main .section1 .slick_txt .next {

    background-image: url(../image/ban_next.png);

    right: 60px;

}



.index_main .section1 .slick_txt .prev:hover {

    background-image: url(../image/ban_prev_hover.png);

}



.index_main .section1 .slick_txt .next:hover {

    background-image: url(../image/ban_next_hover.png);

}



.index_main .section1 .number {

    position: absolute;

    bottom: 8%;

    left: 50%;

    padding-bottom: 5px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    display: table;

    padding: 0 20px;

    width: auto;

    text-align: center;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.index_main .section1 .number span {

    font-family: "Myriad Pro", "Microsoft YaHei";

    font-size: 14px;

    color: #fff;

    margin-right: 100px;

    display: inline-block;

    cursor: pointer;

    position: relative;

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

}



.index_main .section1 .number span:last-child {

    margin-right: 0;

}



.index_main .section1 .number span:after {

    content: "";

    display: inline-block;

    width: 0;

    height: 2px;

    background: #fff;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    bottom: -20px;

    opacity: 0;

    visibility: hidden;

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

}



.index_main .section1 .number span.active:after {

    width: 100%;

    opacity: 1;

    visibility: visible;

}



.index_main .section2 {

    background: url(../image/bg02.jpg) no-repeat;

    background-size: 100% 100%;

    color: #FFF;

}



.index_main .section2 .fr span {

    color: #909294;

    font-size: 14px;

}



.index_main .section2 .fr .text {

    font-size: 14px;

    padding: 5% 0;

    line-height: 30px;

}



.index_main .section2 .fr a {

    background: #b80e15;

    border-radius: 20px;

    color: #FFF;

    padding: 10px 20px;

    display: inline-block;

}



.index_main .section2Bottom .section2Bottomli {

    background: rgba(184, 14, 21, 0.8);

    text-align: center;

}



.index_main .section2Bottom .section2Bottomli {

    width: 23%;

    margin: 5% 1% 0;

}



.index_main .section2Bottom .section2Bottomli img {

    display: inline-block;

    vertical-align: middle;

    width: 50px;

}



.index_main .section2Bottom .section2Bottomli .flex {

    display: inline-block;

    vertical-align: middle;

    color: #FFF;

    font-size: 14px;

    position: relative;

    padding-bottom: 20px;

}



.index_main .section2Bottom .section2Bottomli .flex span.timer {

    font-size: 40px;

    min-width: 80px;

    display: inline-block;

}



.index_main .section2Bottom .section2Bottomli .flex sup {

    top: -2em;

}



.index_main .section2Bottom .section2Bottomli .flex p {

    position: absolute;

    right: 0;

    bottom: 0;

    padding-right: 15px;

}



.index_main .section3 {

    width: 100%;

    height: 100%;

    background: url(../image/bg03.jpg) no-repeat;

    background-size: 100% 100%;

}



.index_main .section3 .container div {

    border-right: 1px solid #55514f;

    color: #FFF;

}



.index_main .section3 .container div:first-child {

    border-left: 1px solid #55514f;

}



.index_main .section3 .container div img {

    display: block;

    margin: 5% auto;

}



.index_main .section3 .container div h3 {

    text-align: center;

    position: relative;

    padding-bottom: 20px;

}



.index_main .section3 .container div h3::after {

    position: absolute;

    left: 50%;

    bottom: 10px;

    margin-left: -25px;

    width: 50px;

    background: #FFF;

    content: "";

    height: 1px;

}



.index_main .section3 .container div p {

    color: #a09f9e;

    font-size: 14px;

    text-align: center;

    line-height: 30px;

    height: 90px;

}



.index_main .section3 .container div i {

    display: block;

    padding: 15% 0;

    text-align: center;

}



.index_main .section .title {

    border-bottom: 1px solid #5b5b5d;

    margin-bottom: 5%;

}



.index_main .section .title .container {

    margin: 0 auto;

    position: relative;

}



.index_main .section .title .container h2 {

    font-size: 30px;

    color: #FFF;

    position: relative;

}



.index_main .section .title .container h2 span {

    font-size: 16px;

    color: #FFF;

    opacity: .5;

}



.index_main .section .title .container h2::after {

    background: #b80e15;

    content: "";

    left: 50px;

    bottom: -12px;

    width: 120px;

    height: 3px;

    position: absolute;

}



.index_main .section .container .tabTop {

    list-style: none;

    margin-bottom: 0;

    position: absolute;

    right: 6%;

    bottom: 0;

    text-align: center;

}



.index_main .section .container .tabTop li {

    border: 1px solid #b80e15;

    font-size: 14px;

    padding: 5px 15px;

    margin: 10px;

    list-style: none;

    text-indent: 0;

    display: inline-block;

}



.index_main .section .container .tabTop li a {

    color: #FFF;

    display: block;

    text-align: center;

}



.index_main .section .container .tabTop li.on {

    background: #b80e15;

}



.index_main .section .container .tabTop li.on a {

    color: #FFF;

}



.index_main .section .tabBottom {

    height: 0;

    overflow: hidden;

}



.index_main .section .tabBottom.on {

    height: auto;

}



.index_main .section4 {

    background: url(../image/bg04.jpg) no-repeat;

    background-size: 100% 100%;

}



.swiper-container {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    color: #FFF;

    margin-bottom: 80px;

}



.swiper-slide img {

    max-width: 100%;

}



.swiper-slide aside {

    position: relative;

    overflow: hidden;

}



.swiper-slide aside .layer {

    position: absolute;

    left: 0;

    top: -100%;

    width: 100%;

    height: 100%;

    background: url(../image/layerbg.png) no-repeat;

    background-size: 100% 100%;

    transition: .3s;

}



.swiper-slide aside:hover .layer {

    top: 0;

}



.swiper-slide a h3 {

    font-size: 18px;

    color: #FFF;

}



.swiper-slide a p {

    font-size: 14px;

    color: #FFF;

    opacity: .5;

}



.swiper-button-next,

.swiper-button-prev {

    top: 90%;

    width: 50%;

    height: 30px;

}



.swiper-button-next {

    right: 0;

    

    background: url(../image/right.png) no-repeat left center;

}



.swiper-button-prev {

    left: 0;

    background: url(../image/left.png) no-repeat right center;

}



.index_main .section5 {

    width: 100%;

    height: 100%;

    background: url(../image/bg05.jpg) no-repeat;

    background-size: 100% 100%;

}



.index_main .section5 .newsUl {

    overflow: hidden;

}



.index_main .section5 .newslifl {

    position: relative;

}



.index_main .section5 .newslifl img {

    margin-left: -7%;

    max-width: 100%;

    display: block;

}



.index_main .section5 .newslifl a,

.index_main .section5 .newslifr a {

    color: #FFF;

}



.index_main .section5 .newslifr ul li {

    position: relative;

}



.index_main .section5 .newstime {

    color: #FFF;

    font-size: 14px;

    text-align: right;

    position: absolute;

    left: 0;

    top: 40%;

    opacity: .8;

}



.index_main .section5 .newstime b {

    font-size: 24px;

    display: block;

}



.index_main .section5 .newsUl h3 {

    font-size: 16px;

    font-weight: normal;

}



.index_main .section5 .newsUl p {

    font-size: 14px;

    color: #f6f5f5;

    opacity: .8;

}



.index_main .section5 .newsUl span {

    background: #b80e15;

    color: #FFF;

    font-size: 14px;

    padding: 10px 20px;

    display: inline-block;

}



.index_main .section5 .newsUl .heng {

    border-left: 1px solid #5a5959;

    border-bottom: 1px solid #5a5959;

    float: right;

    padding: 3%;

}



.index_main .section5 .newsUl ul li {

    overflow: hidden;

}



.index_main .section6 {

    width: 100%;

    height: 100%;

    background: url(../image/bg06.jpg) no-repeat;

    background-size: 100% 100%;

    position: relative;

}



.index_main .section6 .section6Bottom {

    color: #FFF;

}



.index_main .section6 .section6Bottom h3 {

    font-size: 24px;

}



.index_main .section6 .section6Bottom p {

    opacity: .5;

    font-size: 16px;

}



.index_main .section6 .section6Bottom .contactfl .wx {

    text-align: center;

    line-height: 40px;

    font-size: 16px;

    opacity: .5;

}



.index_main .section6 .section6Bottom .contactfl .wx img {

    display: block;

    margin: 5% auto;

    opacity: 1;

}



.index_main .section6 .section6Bottom p.ico {

    padding-left: 40px;

    line-height: 30px;

    position: relative;

    font-size: 16px;

    padding-bottom: 20px;

}



.index_main .section6 .section6Bottom .contactfl p.ico img {

    width: 40px;

    position: absolute;

    left: 0;

    top: -5px;

    margin: 0;

}



.index_main .section6 .section6Bottom .contactfr input.inputText {

    width: 70%;

    height: 40px;

    line-height: 40px;

    border: 1px solid #595554;

    background: none;

    margin-bottom: 20px;

    text-indent: 20px;

}



.index_main .section6 .section6Bottom .contactfr textarea {

    width: 90%;

    height: 120px;

    line-height: 40px;

    border: 1px solid #595554;

    background: none;

    margin-bottom: 20px;

    text-indent: 20px;

}



.index_main .section6 .section6Bottom .contactfr input.btn {

    width: 40%;

    background: #b80e15;

    color: #FFF;

}



.index_main .section6f {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    line-height: 20px;

    text-align: center;

    font-size: 14px;

    color: #FFF;

    opacity: .6;

    padding: 10px 0;

}



.footer {

width: 100%;

line-height: 20px;

text-align: center;

font-size: 14px;

color: #323232;

/* opacity: .6; */

padding: 10px 0;

/* background: #333; */
}



.page {

    text-align: center;

    font-size: 16px;

    color: #000;

}



@media only screen and (max-width: 1400px) {

    .index_main .container {

        padding: 0;

    }

}



@media only screen and (max-width: 1100px) {

    .index_main .container {

        padding: 0;

    }

    .index_main .section .title {

        margin-bottom: 10%;

    }

    .index_main .section .title .tabTop {

        bottom: -100%;

    }

}



@media only screen and (max-width: 992px) {

    .index_main .section1 .number {

        bottom: 12%;

        display: none;

    }

    .index_main .section1 .number span {

        margin-right: 22px;

    }

    .index_main .section1 .number span:after {

        bottom: -14px;

    }

    .index_main .section2Bottom .section2Bottomli {

        width: 48%;

        margin: 2% 1%;

    }

    .index_main .section2Bottom .section2Bottomli .flex span.timer {

        font-size: 30px;

    }

    .index_main .section3 .container div img {

        width: 70px;

    }

    .index_main .section5 .newstime b {

        font-size: 18px;

    }

}