@charset "utf-8";



/* CSS Document */



* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



body {

    font: normal normal 0.32rem/1 sans-serif;

    color: #000;

    background: #fff;

    /*min-width: 1200px;*/

}



textarea,

input {

    font: normal normal 0.28rem/1.5 sans-serif;

}



img {

    display: block;

    border: none;

}



.clear:after {

    content: "";

    display: block;

    clear: both;

}



input[type=button],

input[type=submit],

input[type=file],

input[type=reset],

button {

    cursor: pointer;

    -webkit-appearance: none;

}



body,

p,

ol,

ul,

h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    padding: 0;

    list-style: none;

    font: normal normal 0.28rem/1.5 sans-serif;

}



button {

    font: normal normal 0.28rem/1.5 sans-serif;

}



a {

    color: inherit;

    text-decoration: none;

}



.i100 {

    overflow: hidden;

}



.i100>img {

    width: 100%;

}



.i200 {

    overflow: hidden;

}



.i200>img {

    height: 100%;

}



.i300 {

    overflow: hidden;

}



.i300>img {

    width: 100%;

    height: 100%;

}



a>img {

    width: 100%;

}



.to1 {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.a1 {

    position: relative;

}





/* .a1>a {



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    display: block;



} */



input {

    border: 0;

    display: block;

    outline: none;

    background: none;

    box-sizing: border-box;

}



select {

    border: 0;

    display: block;

    outline: none;

    background: none;

    box-sizing: border-box;

}



button {

    border: 0;

    display: block;

    outline: none;

    background: none;

    box-sizing: border-box;

}



textarea {

    border: 0;

    display: block;

    outline: none;

    background: none;

    box-sizing: border-box;

    resize: none;

}



.menu1-a1 {

    /*background: #a40000;*/

    z-index: 99999;

}



.to2 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.to3 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.to4 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.to5 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.to6 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.to7 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 7;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.to8 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 8;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.to9 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 9;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.to10 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 10;

    -webkit-box-orient: vertical;

    white-space: normal;

}



.swiper-button-prev,

.swiper-button-next {

    background: none;

    margin: 0;

    padding: 0;

    top: auto;

    left: auto;

    right: auto;

    bottom: auto;

}



.f_more {

    font-size: 16px;

    width: 160px;

    height: 55px;

    border: solid 1px #949494;

    border-radius: 26px;

    text-align: center;

    line-height: 50px;

    display: block;

    position: relative;

    overflow: hidden;

}



.f_more:before {

    content: "";

    width: 0;

    height: 100%;

    background: #d0111b;

    position: absolute;

    right: 0;

    bottom: 0;

    transition: 0.5s;

    z-index: -1;

}



.f_more:after {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -2;

    content: "";

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    border-radius: 28px;

}



.f_more:hover,

.f_more.active {

    color: #fff;

    border-color: #d0111b;

    transition-delay: 0.1s;

}



.f_more:hover:before,

.f_more.active:before {

    width: 100%;

    right: auto;

    left: 0;

}





/*hd1*/



@media only screen and (min-width: 1921px) {

    .pc_nav_zz {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

        background: #fff;

        /*display:none;*/

        opacity: 0;

    }

    .pc_nav_zz .hd1-a5 {

        color: #333;

    }

    .hd1-a1 {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

    }

    .hd1-a1 {

        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));

        transition: 0.5s;

    }

    .hd1-a2 {

        height: 60px;

        position: absolute;

        top: 20px;

        left: 40px;

    }

    .hd1-a3 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 80px;

    }

    .hd1-a11 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 30px;

    }

    .hd1-a4 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 130px;

    }

    .hd1-a5 {

        height: 26px;

        font-size: 16px;

        line-height: 26px;

        color: #ffffff;

        font-weight: bold;

        float: left;

        margin-left: 42px;

        position: relative;

    }

    .hd1-a5:first-child {

        margin-left: 0;

    }

    /*.hd1-a5>div:first-child {*/

    /*    width: 6px;*/

    /*    height: 6px;*/

    /*    border-radius: 50%;*/

    /*    background: #d90029;*/

    /*    position: absolute;*/

    /*    top: 35px;*/

    /*    left: calc(50% - 6px/2);*/

    /*    display: none;*/

    /*}*/

    .hd1-a5:hover>div:first-child {

        display: block;

    }

    .hd1-a5.on1>div:first-child {

        display: block;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .pc_nav_zz {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

        background: #fff;

        /*display:none;*/

        opacity: 0;

    }

    .pc_nav_zz .hd1-a5 {

        color: #333;

    }

    .hd1-a1 {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

    }

    .hd1-a1 {

        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));

        transition: 0.5s;

    }

    .hd1-a2 {

        height: 60px;

        position: absolute;

        top: 20px;

        left: 40px;

    }

    .hd1-a3 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 80px;

    }

    .hd1-a11 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 30px;

    }

    .hd1-a4 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 130px;

    }

    .hd1-a5 {

        height: 26px;

        font-size: 16px;

        line-height: 26px;

        color: #ffffff;

        font-weight: bold;

        float: left;

        margin-left: 42px;

        position: relative;

    }

    .hd1-a5:first-child {

        margin-left: 0;

    }

    /*.hd1-a5>div:first-child {*/

    /*    width: 6px;*/

    /*    height: 6px;*/

    /*    border-radius: 50%;*/

    /*    background: #d90029;*/

    /*    position: absolute;*/

    /*    top: 35px;*/

    /*    left: calc(50% - 6px/2);*/

    /*    display: none;*/

    /*}*/

    .hd1-a5:hover>div:first-child {

        display: block;

    }

    .hd1-a5.on1>div:first-child {

        display: block;

    }

}



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

    .pc_nav_zz {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

        background: #fff;

        /*display:none;*/

        opacity: 0;

    }

    .pc_nav_zz .hd1-a5 {

        color: #333;

    }

    .hd1-a1 {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

    }

    .hd1-a1 {

        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));

        transition: 0.5s;

    }

    .hd1-a2 {

        height: 60px;

        position: absolute;

        top: 20px;

        left: 40px;

    }

    .hd1-a3 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 80px;

    }

    .hd1-a11 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 30px;

    }

    .hd1-a4 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 130px;

    }

    .hd1-a5 {

        height: 26px;

        font-size: 16px;

        line-height: 26px;

        color: #ffffff;

        font-weight: bold;

        float: left;

        margin-left: 42px;

        position: relative;

    }

    .hd1-a5:first-child {

        margin-left: 0;

    }

    /*.hd1-a5>div:first-child {*/

    /*    width: 6px;*/

    /*    height: 6px;*/

    /*    border-radius: 50%;*/

    /*    background: #d90029;*/

    /*    position: absolute;*/

    /*    top: 35px;*/

    /*    left: calc(50% - 6px/2);*/

    /*    display: none;*/

    /*}*/

    .hd1-a5:hover>div:first-child {

        display: block;

    }

    .hd1-a5.on1>div:first-child {

        display: block;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .pc_nav_zz {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

        background: #fff;

        /*display:none;*/

        opacity: 0;

    }

    .pc_nav_zz .hd1-a5 {

        color: #333;

    }

    .hd1-a1 {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

    }

    .hd1-a1 {

        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));

        transition: 0.5s;

    }

    .hd1-a2 {

        height: 60px;

        position: absolute;

        top: 20px;

        left: 30px;

    }

    .hd1-a3 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 80px;

    }

    .hd1-a11 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 30px;

    }

    .hd1-a4 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 110px;

    }

    .hd1-a5 {

        height: 26px;

        font-size: 16px;

        line-height: 26px;

        color: #ffffff;

        font-weight: bold;

        float: left;

        margin-left: 42px;

        position: relative;

    }

    .hd1-a5:first-child {

        margin-left: 0;

    }

    /*.hd1-a5>div:first-child {*/

    /*    width: 6px;*/

    /*    height: 6px;*/

    /*    border-radius: 50%;*/

    /*    background: #d90029;*/

    /*    position: absolute;*/

    /*    top: 35px;*/

    /*    left: calc(50% - 6px/2);*/

    /*    display: none;*/

    /*}*/

    .hd1-a5:hover>div:first-child {

        display: block;

    }

    .hd1-a5.on1>div:first-child {

        display: block;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .pc_nav_zz {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

        background: #fff;

        /*display:none;*/

        opacity: 0;

    }

    .pc_nav_zz .hd1-a5 {

        color: #333;

    }

    .hd1-a1 {

        width: 100%;

        height: 100px;

        position: fixed;

        top: 0;

        left: 0;

        z-index: 10;

        transition: 0.5s;

    }

    .hd1-a1 {

        background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));

        transition: 0.5s;

    }

    .hd1-a2 {

        height: 60px;

        position: absolute;

        top: 20px;

        left: 30px;

    }

    .hd1-a3 {

        height: 22px;

        position: absolute;

        top: 40px;

        right: 50px;

    }

    .hd1-a11 {

        height: 22px;

        position: absolute;

        top: 40px;

        right: 10px;

    }

    .hd1-a4 {

        height: 26px;

        position: absolute;

        top: 38px;

        right: 80px;

    }

    .hd1-a5 {

        height: 26px;

        font-size: 16px;

        line-height: 26px;

        color: #ffffff;

        font-weight: bold;

        float: left;

        margin-left: 20px;

        position: relative;

    }

    .hd1-a5:first-child {

        margin-left: 0;

    }

    /*.hd1-a5>div:first-child {*/

    /*    width: 6px;*/

    /*    height: 6px;*/

    /*    border-radius: 50%;*/

    /*    background: #d90029;*/

    /*    position: absolute;*/

    /*    top: 35px;*/

    /*    left: calc(50% - 6px/2);*/

    /*    display: none;*/

    /*}*/

    .hd1-a5:hover>div:first-child {

        display: block;

    }

    .hd1-a5.on1>div:first-child {

        display: block;

    }

}





/*ft1*/



@media only screen and (min-width: 1921px) {

    .ft1-a1 {

        width: 100%;

        height: 100px;

        margin-top: 65px;

    }

    .ft1-a2 {

        width: 1560px;

        height: 100%;

        position: relative;

        margin: 0 auto;

    }

    .ft1-a3 {

        width: calc(190/1560*100%);

        height: 100%;

        position: relative;

        float: left;

    }

    .ft1-a3>div:nth-child(1) {

        font-size: 18px;

        line-height: 100px;

        color: #454545;

        font-weight: bold;

        float: left;

    }

    .ft1-a3>div:nth-child(2) {

        width: 1px;

        height: 18px;

        background: #b2b2b2;

        position: relative;

        top: calc(50% - 18px/2);

        float: right;

    }

    .ft1-a4 {

        width: calc(1240/1560*100%);

        height: 100%;

        position: relative;

        float: right;

        display: flex;

        justify-content: space-between;

    }

    .ft1-a5 {

        height: 100px;

        position: relative;

        cursor: pointer;

    }

    .ft1-a6 {

        width: 280px;

        height: 0;

        overflow: hidden;

        position: absolute;

        bottom: 75px;

        left: calc(50% - 280px/2);

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a6 {

        height: 146px;

        transition: 0.5s;

    }

    .ft1-a7 {

        width: 100%;

        height: 146px;

        position: relative;

        top: 1px;

    }

    .ft1-a8 {

        width: 100%;

        height: 136px;

        background: #d9012a;

        padding: 14px;

    }

    .ft1-a8>div:nth-child(1) {

        height: 108px;

        float: left;

    }

    .ft1-a8>div:nth-child(2) {

        width: 120px;

        height: 108px;

        float: right;

        display: table;

    }

    .ft1-a8>div:nth-child(2)>div {

        display: table-cell;

        vertical-align: middle;

        font-size: 15px;

        line-height: 24px;

        color: #fff;

        font-weight: bold;

    }

    .ft1-a9 {

        width: 0;

        height: 0;

        border-top: 9px solid #d9012a;

        border-left: 9px solid transparent;

        border-right: 9px solid transparent;

        position: absolute;

        top: 136px;

        left: 22px;

    }

    .ft1-a10 {

        height: 100px;

        position: relative;

    }

    .ft1-a11 {

        height: 20px;

        position: relative;

        top: calc(50% - 20px/2);

        float: left;

        margin-right: 20px;

    }

    .ft1-a11 img:nth-child(1) {

        position: relative;

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a11 img:nth-child(2) {

        position: absolute;

        top: 0;

        right: 0;

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a12 {

        font-size: 16px;

        line-height: 100px;

        color: #454545;

        float: left;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a12 {

        color: #d90029;

        transition: 0.5s;

    }

    .ft1-b1 {

        width: 100%;

        position: relative;

        background: #1e1e1e;

        padding-top: 80px;

    }

    .ft1-b2 {

        width: 1560px;

        margin: 0 auto;

        padding-bottom: 64px;

        display: flex;

        justify-content: space-between;

    }

    .ft1-b3 {

        position: relative;

    }

    .ft1-b4 {

        font-size: 18px;

        line-height: 18px;

        color: #777777;

        font-weight: bold;

        margin-bottom: 36px;

        transition: 0.5s;

    }

    .ft1-b4:hover {

        color: #ffffff;

        transition: 0.5s;

    }

    .ft1-b5 {

        position: relative;

    }

    .ft1-b5>div {

        font-size: 14px;

        line-height: 30px;

        color: #7a7a7a;

        transition: 0.5s;

    }

    .ft1-b5>div:hover {

        color: #ffffff;

        text-decoration: underline;

        transition: 0.5s;

    }

    .ft1-b6 {

        width: 1560px;

        padding: 26px 0;

        border-top: 1px solid #393939;

        margin: 0 auto;

    }

    .ft1-b7 {

        font-size: 12px;

        line-height: 20px;

        color: #656565;

        vertical-align: middle;

        float: left;

    }

    .ft1-b7 img {

        display: inline-block;

        height: 16px;

        vertical-align: middle;

        margin: 0 10px;

    }

    .ft1-b8 {

        float: right;

    }

    .ft1-b8>div {

        font-size: 12px;

        line-height: 20px;

        color: #777777;

        float: left;

        margin-left: 20px;

    }

    .ft1-b8>div:first-child {

        margin-left: 0;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ft1-a1 {

        width: 100%;

        height: 100px;

        margin-top: 65px;

    }

    .ft1-a2 {

        width: 1560px;

        height: 100%;

        position: relative;

        margin: 0 auto;

    }

    .ft1-a3 {

        width: calc(190/1560*100%);

        height: 100%;

        position: relative;

        float: left;

    }

    .ft1-a3>div:nth-child(1) {

        font-size: 18px;

        line-height: 100px;

        color: #454545;

        font-weight: bold;

        float: left;

    }

    .ft1-a3>div:nth-child(2) {

        width: 1px;

        height: 18px;

        background: #b2b2b2;

        position: relative;

        top: calc(50% - 18px/2);

        float: right;

    }

    .ft1-a4 {

        width: calc(1240/1560*100%);

        height: 100%;

        position: relative;

        float: right;

        display: flex;

        justify-content: space-between;

    }

    .ft1-a5 {

        height: 100px;

        position: relative;

        cursor: pointer;

    }

    .ft1-a6 {

        width: 280px;

        height: 0;

        overflow: hidden;

        position: absolute;

        bottom: 75px;

        left: calc(50% - 280px/2);

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a6 {

        height: 146px;

        transition: 0.5s;

    }

    .ft1-a7 {

        width: 100%;

        height: 146px;

        position: relative;

        top: 1px;

    }

    .ft1-a8 {

        width: 100%;

        height: 136px;

        background: #d9012a;

        padding: 14px;

    }

    .ft1-a8>div:nth-child(1) {

        height: 108px;

        float: left;

    }

    .ft1-a8>div:nth-child(2) {

        width: 120px;

        height: 108px;

        float: right;

        display: table;

    }

    .ft1-a8>div:nth-child(2)>div {

        display: table-cell;

        vertical-align: middle;

        font-size: 15px;

        line-height: 24px;

        color: #fff;

        font-weight: bold;

    }

    .ft1-a9 {

        width: 0;

        height: 0;

        border-top: 9px solid #d9012a;

        border-left: 9px solid transparent;

        border-right: 9px solid transparent;

        position: absolute;

        top: 136px;

        left: 22px;

    }

    .ft1-a10 {

        height: 100px;

        position: relative;

    }

    .ft1-a11 {

        height: 20px;

        position: relative;

        top: calc(50% - 20px/2);

        float: left;

        margin-right: 20px;

    }

    .ft1-a11 img:nth-child(1) {

        position: relative;

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a11 img:nth-child(2) {

        position: absolute;

        top: 0;

        right: 0;

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a12 {

        font-size: 16px;

        line-height: 100px;

        color: #454545;

        float: left;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a12 {

        color: #d90029;

        transition: 0.5s;

    }

    .ft1-b1 {

        width: 100%;

        position: relative;

        background: #1e1e1e;

        padding-top: 80px;

    }

    .ft1-b2 {

        width: 1560px;

        margin: 0 auto;

        padding-bottom: 64px;

        display: flex;

        justify-content: space-between;

    }

    .ft1-b3 {

        position: relative;

    }

    .ft1-b4 {

        font-size: 18px;

        line-height: 18px;

        color: #777777;

        font-weight: bold;

        margin-bottom: 36px;

        transition: 0.5s;

    }

    .ft1-b4:hover {

        color: #ffffff;

        transition: 0.5s;

    }

    .ft1-b5 {

        position: relative;

    }

    .ft1-b5>div {

        font-size: 14px;

        line-height: 30px;

        color: #7a7a7a;

        transition: 0.5s;

    }

    .ft1-b5>div:hover {

        color: #ffffff;

        text-decoration: underline;

        transition: 0.5s;

    }

    .ft1-b6 {

        width: 1560px;

        padding: 26px 0;

        border-top: 1px solid #393939;

        margin: 0 auto;

    }

    .ft1-b7 {

        font-size: 12px;

        line-height: 20px;

        color: #656565;

        vertical-align: middle;

        float: left;

    }

    .ft1-b7 img {

        display: inline-block;

        height: 16px;

        vertical-align: middle;

        margin: 0 10px;

    }

    .ft1-b8 {

        float: right;

    }

    .ft1-b8>div {

        font-size: 12px;

        line-height: 20px;

        color: #777777;

        float: left;

        margin-left: 20px;

    }

    .ft1-b8>div:first-child {

        margin-left: 0;

    }

}



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

    .ft1-a1 {

        width: 100%;

        height: 100px;

        margin-top: 65px;

    }

    .ft1-a2 {

        width: 1360px;

        height: 100%;

        position: relative;

        margin: 0 auto;

    }

    .ft1-a3 {

        width: calc(190/1560*100%);

        height: 100%;

        position: relative;

        float: left;

    }

    .ft1-a3>div:nth-child(1) {

        font-size: 18px;

        line-height: 100px;

        color: #454545;

        font-weight: bold;

        float: left;

    }

    .ft1-a3>div:nth-child(2) {

        width: 1px;

        height: 18px;

        background: #b2b2b2;

        position: relative;

        top: calc(50% - 18px/2);

        float: right;

    }

    .ft1-a4 {

        width: calc(1240/1560*100%);

        height: 100%;

        position: relative;

        float: right;

        display: flex;

        justify-content: space-between;

    }

    .ft1-a5 {

        height: 100px;

        position: relative;

        cursor: pointer;

    }

    .ft1-a6 {

        width: 280px;

        height: 0;

        overflow: hidden;

        position: absolute;

        bottom: 75px;

        left: calc(50% - 280px/2);

        transition: 0.5s;

    }

    .ft1-a5:last-child .ft1-a6 {

        left: calc(50% - 280px/2 - 50px);

    }

    .ft1-a5:hover .ft1-a6 {

        height: 146px;

        transition: 0.5s;

    }

    .ft1-a7 {

        width: 100%;

        height: 146px;

        position: relative;

        top: 1px;

    }

    .ft1-a8 {

        width: 100%;

        height: 136px;

        background: #d9012a;

        padding: 14px;

    }

    .ft1-a8>div:nth-child(1) {

        height: 108px;

        float: left;

    }

    .ft1-a8>div:nth-child(2) {

        width: 120px;

        height: 108px;

        float: right;

        display: table;

    }

    .ft1-a8>div:nth-child(2)>div {

        display: table-cell;

        vertical-align: middle;

        font-size: 15px;

        line-height: 24px;

        color: #fff;

        font-weight: bold;

    }

    .ft1-a9 {

        width: 0;

        height: 0;

        border-top: 9px solid #d9012a;

        border-left: 9px solid transparent;

        border-right: 9px solid transparent;

        position: absolute;

        top: 136px;

        left: 22px;

    }

    .ft1-a10 {

        height: 100px;

        position: relative;

    }

    .ft1-a11 {

        height: 20px;

        position: relative;

        top: calc(50% - 20px/2);

        float: left;

        margin-right: 20px;

    }

    .ft1-a11 img:nth-child(1) {

        position: relative;

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a11 img:nth-child(2) {

        position: absolute;

        top: 0;

        right: 0;

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a12 {

        font-size: 16px;

        line-height: 100px;

        color: #454545;

        float: left;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a12 {

        color: #d90029;

        transition: 0.5s;

    }

    .ft1-b1 {

        width: 100%;

        position: relative;

        background: #1e1e1e;

        padding-top: 80px;

    }

    .ft1-b2 {

        width: 1360px;

        margin: 0 auto;

        padding-bottom: 64px;

        display: flex;

        justify-content: space-between;

    }

    .ft1-b3 {

        position: relative;

    }

    .ft1-b4 {

        font-size: 18px;

        line-height: 18px;

        color: #777777;

        font-weight: bold;

        margin-bottom: 36px;

        transition: 0.5s;

    }

    .ft1-b4:hover {

        color: #ffffff;

        transition: 0.5s;

    }

    .ft1-b5 {

        position: relative;

    }

    .ft1-b5>div {

        font-size: 14px;

        line-height: 30px;

        color: #7a7a7a;

        transition: 0.5s;

    }

    .ft1-b5>div:hover {

        color: #ffffff;

        text-decoration: underline;

        transition: 0.5s;

    }

    .ft1-b6 {

        width: 1360px;

        padding: 26px 0;

        border-top: 1px solid #393939;

        margin: 0 auto;

    }

    .ft1-b7 {

        font-size: 12px;

        line-height: 20px;

        color: #656565;

        vertical-align: middle;

        float: left;

    }

    .ft1-b7 img {

        display: inline-block;

        height: 16px;

        vertical-align: middle;

        margin: 0 10px;

    }

    .ft1-b8 {

        float: right;

    }

    .ft1-b8>div {

        font-size: 12px;

        line-height: 20px;

        color: #777777;

        float: left;

        margin-left: 20px;

    }

    .ft1-b8>div:first-child {

        margin-left: 0;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ft1-a1 {

        width: 100%;

        height: 100px;

        margin-top: 65px;

    }

    .ft1-a2 {

        width: 1160px;

        height: 100%;

        position: relative;

        margin: 0 auto;

    }

    .ft1-a3 {

        width: calc(190/1560*100%);

        height: 100%;

        position: relative;

        float: left;

    }

    .ft1-a3>div:nth-child(1) {

        font-size: 16px;

        line-height: 100px;

        color: #454545;

        font-weight: bold;

        float: left;

    }

    .ft1-a3>div:nth-child(2) {

        width: 1px;

        height: 16px;

        background: #b2b2b2;

        position: relative;

        top: calc(50% - 16px/2);

        float: right;

    }

    .ft1-a4 {

        width: calc(1240/1560*100%);

        height: 100%;

        position: relative;

        float: right;

        display: flex;

        justify-content: space-between;

    }

    .ft1-a5 {

        height: 100px;

        position: relative;

        cursor: pointer;

    }

    .ft1-a6 {

        width: 240px;

        height: 0;

        overflow: hidden;

        position: absolute;

        bottom: 75px;

        left: calc(50% - 240px/2);

        transition: 0.5s;

    }

    .ft1-a5:last-child .ft1-a6 {

        left: calc(50% - 240px/2 - 40px);

    }

    .ft1-a5:hover .ft1-a6 {

        height: 126px;

        transition: 0.5s;

    }

    .ft1-a7 {

        width: 100%;

        height: 126px;

        position: relative;

        top: 1px;

    }

    .ft1-a8 {

        width: 100%;

        height: 116px;

        background: #d9012a;

        padding: 10px;

    }

    .ft1-a8>div:nth-child(1) {

        height: 96px;

        float: left;

    }

    .ft1-a8>div:nth-child(2) {

        width: 104px;

        height: 96px;

        float: right;

        display: table;

    }

    .ft1-a8>div:nth-child(2)>div {

        display: table-cell;

        vertical-align: middle;

        font-size: 12px;

        line-height: 20px;

        color: #fff;

        font-weight: bold;

    }

    .ft1-a9 {

        width: 0;

        height: 0;

        border-top: 9px solid #d9012a;

        border-left: 9px solid transparent;

        border-right: 9px solid transparent;

        position: absolute;

        top: 136px;

        left: 22px;

    }

    .ft1-a10 {

        height: 100px;

        position: relative;

    }

    .ft1-a11 {

        height: 20px;

        position: relative;

        top: calc(50% - 20px/2);

        float: left;

        margin-right: 20px;

    }

    .ft1-a11 img:nth-child(1) {

        position: relative;

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a11 img:nth-child(2) {

        position: absolute;

        top: 0;

        right: 0;

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a12 {

        font-size: 16px;

        line-height: 100px;

        color: #454545;

        float: left;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a12 {

        color: #d90029;

        transition: 0.5s;

    }

    .ft1-b1 {

        width: 100%;

        position: relative;

        background: #1e1e1e;

        padding-top: 60px;

    }

    .ft1-b2 {

        width: 1160px;

        margin: 0 auto;

        padding-bottom: 44px;

        display: flex;

        justify-content: space-between;

    }

    .ft1-b3 {

        position: relative;

    }

    .ft1-b4 {

        font-size: 16px;

        line-height: 16px;

        color: #777777;

        font-weight: bold;

        margin-bottom: 28px;

        transition: 0.5s;

    }

    .ft1-b4:hover {

        color: #ffffff;

        transition: 0.5s;

    }

    .ft1-b5 {

        position: relative;

    }

    .ft1-b5>div {

        font-size: 12px;

        line-height: 26px;

        color: #7a7a7a;

        transition: 0.5s;

    }

    .ft1-b5>div:hover {

        color: #ffffff;

        text-decoration: underline;

        transition: 0.5s;

    }

    .ft1-b6 {

        width: 1160px;

        padding: 20px 0;

        border-top: 1px solid #393939;

        margin: 0 auto;

    }

    .ft1-b7 {

        font-size: 12px;

        line-height: 20px;

        color: #656565;

        vertical-align: middle;

        float: left;

    }

    .ft1-b7 img {

        display: inline-block;

        height: 16px;

        vertical-align: middle;

        margin: 0 10px;

    }

    .ft1-b8 {

        float: right;

    }

    .ft1-b8>div {

        font-size: 12px;

        line-height: 20px;

        color: #777777;

        float: left;

        margin-left: 20px;

    }

    .ft1-b8>div:first-child {

        margin-left: 0;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ft1-a1 {

        width: 100%;

        height: 100px;

        margin-top: 65px;

    }

    .ft1-a2 {

        width: 960px;

        height: 100%;

        position: relative;

        margin: 0 auto;

    }

    .ft1-a3 {

        width: calc(190/1560*100%);

        height: 100%;

        position: relative;

        float: left;

    }

    .ft1-a3>div:nth-child(1) {

        font-size: 16px;

        line-height: 100px;

        color: #454545;

        font-weight: bold;

        float: left;

    }

    .ft1-a3>div:nth-child(2) {

        width: 1px;

        height: 16px;

        background: #b2b2b2;

        position: relative;

        top: calc(50% - 16px/2);

        float: right;

    }

    .ft1-a4 {

        width: calc(1240/1560*100%);

        height: 100%;

        position: relative;

        float: right;

        display: flex;

        justify-content: space-between;

    }

    .ft1-a5 {

        height: 100px;

        position: relative;

        cursor: pointer;

    }

    .ft1-a6 {

        width: 240px;

        height: 0;

        overflow: hidden;

        position: absolute;

        bottom: 75px;

        left: calc(50% - 240px/2);

        transition: 0.5s;

    }

    .ft1-a5:last-child .ft1-a6 {

        left: calc(50% - 240px/2 - 40px);

    }

    .ft1-a5:hover .ft1-a6 {

        height: 126px;

        transition: 0.5s;

    }

    .ft1-a7 {

        width: 100%;

        height: 126px;

        position: relative;

        top: 1px;

    }

    .ft1-a8 {

        width: 100%;

        height: 116px;

        background: #d9012a;

        padding: 10px;

    }

    .ft1-a8>div:nth-child(1) {

        height: 96px;

        float: left;

    }

    .ft1-a8>div:nth-child(2) {

        width: 104px;

        height: 96px;

        float: right;

        display: table;

    }

    .ft1-a8>div:nth-child(2)>div {

        display: table-cell;

        vertical-align: middle;

        font-size: 12px;

        line-height: 20px;

        color: #fff;

        font-weight: bold;

    }

    .ft1-a9 {

        width: 0;

        height: 0;

        border-top: 9px solid #d9012a;

        border-left: 9px solid transparent;

        border-right: 9px solid transparent;

        position: absolute;

        top: 136px;

        left: 22px;

    }

    .ft1-a10 {

        height: 100px;

        position: relative;

    }

    .ft1-a11 {

        height: 20px;

        position: relative;

        top: calc(50% - 20px/2);

        float: left;

        margin-right: 20px;

    }

    .ft1-a11 img:nth-child(1) {

        position: relative;

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a11 img:nth-child(2) {

        position: absolute;

        top: 0;

        right: 0;

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a11 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .ft1-a12 {

        font-size: 16px;

        line-height: 100px;

        color: #454545;

        float: left;

        transition: 0.5s;

    }

    .ft1-a5:hover .ft1-a12 {

        color: #d90029;

        transition: 0.5s;

    }

    .ft1-b1 {

        width: 100%;

        position: relative;

        background: #1e1e1e;

        padding-top: 60px;

    }

    .ft1-b2 {

        width: 960px;

        margin: 0 auto;

        padding-bottom: 44px;

        display: flex;

        justify-content: space-between;

    }

    .ft1-b3 {

        position: relative;

    }

    .ft1-b4 {

        font-size: 16px;

        line-height: 16px;

        color: #777777;

        font-weight: bold;

        margin-bottom: 28px;

        transition: 0.5s;

    }

    .ft1-b4:hover {

        color: #ffffff;

        transition: 0.5s;

    }

    .ft1-b5 {

        position: relative;

    }

    .ft1-b5>div {

        font-size: 12px;

        line-height: 26px;

        color: #7a7a7a;

        transition: 0.5s;

    }

    .ft1-b5>div:hover {

        color: #ffffff;

        text-decoration: underline;

        transition: 0.5s;

    }

    .ft1-b6 {

        width: 960px;

        padding: 20px 0;

        border-top: 1px solid #393939;

        margin: 0 auto;

    }

    .ft1-b7 {

        font-size: 12px;

        line-height: 20px;

        color: #656565;

        vertical-align: middle;

        float: left;

    }

    .ft1-b7 img {

        display: inline-block;

        height: 16px;

        vertical-align: middle;

        margin: 0 10px;

    }

    .ft1-b8 {

        float: right;

    }

    .ft1-b8>div {

        font-size: 12px;

        line-height: 20px;

        color: #777777;

        float: left;

        margin-left: 20px;

    }

    .ft1-b8>div:first-child {

        margin-left: 0;

    }

}





/*search1*/



@media only screen and (min-width: 1921px) {

    .search1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        background: #d9012a;

        z-index: 11;

        transition: 0.5s;

    }

    .search1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .search1-a2 {

        font-size: 72px;

        line-height: 72px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: calc(50% - 160px);

        left: calc(50% - 1440px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 160);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a2 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a3 {

        font-size: 72px;

        line-height: 72px;

        color: #fff;

        font-weight: lighter;

        position: absolute;

        top: calc(50% - 72px);

        left: calc(50% - 1440px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 100);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a3 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a4 {

        width: 770px;

        height: 56px;

        border-radius: 28px;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: calc(50% + 44px);

        left: calc(50% - 1440px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 60);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a4 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a5 {

        width: 600px;

        height: 40px;

        position: absolute;

        top: calc(50% - 40px/2);

        left: 44px;

    }

    .search1-a5 input {

        width: 100%;

        height: 100%;

        position: relative;

        font-size: 16px;

        line-height: 40px;

        color: #d9012a;

    }

    .search1-a5 input::-webkit-input-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input::-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-ms-input-placeholder {

        color: #d9012a;

    }

    .search1-a6 {

        width: 24px;

        height: 24px;

        position: absolute;

        top: calc(50% - 24px/2);

        right: 30px;

        cursor: pointer;

    }

    .search1-a6+input {

        display: none;

    }

    .search1-a7 {

        width: 690px;

        position: absolute;

        top: calc(50% + 124px);

        left: calc(50% - 1440px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 80);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a7 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a8 {

        font-size: 18px;

        line-height: 36px;

        color: #fff;

        font-weight: bold;

        float: left;

    }

    .search1-a9 {

        width: calc(100% - 100px);

        float: right;

    }

    .search1-a9>div {

        font-size: 16px;

        line-height: 36px;

        color: #fff;

        float: left;

        margin-right: 24px;

    }

    .search1-a10 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: 30px;

        right: 40px;

        cursor: pointer;

    }

    .search1-a11 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 40px;

    }

    .search1-a12 {

        height: calc(592/920*100%);

        position: absolute;

        right: calc(50% - 1440px/2);

        top: calc(164/920*100%);

    }

    .search1-a12 video {

        height: 100%;

        width: auto;

        border: 0;

        background: none;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .search1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        background: #d9012a;

        z-index: 11;

        transition: 0.5s;

    }

    .search1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .search1-a2 {

        font-size: 72px;

        line-height: 72px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: calc(50% - 160px);

        left: calc(50% - 1440px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 160);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a2 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a3 {

        font-size: 72px;

        line-height: 72px;

        color: #fff;

        font-weight: lighter;

        position: absolute;

        top: calc(50% - 72px);

        left: calc(50% - 1440px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 100);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a3 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a4 {

        width: 770px;

        height: 56px;

        border-radius: 28px;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: calc(50% + 44px);

        left: calc(50% - 1440px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 60);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a4 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a5 {

        width: 600px;

        height: 40px;

        position: absolute;

        top: calc(50% - 40px/2);

        left: 44px;

    }

    .search1-a5 input {

        width: 100%;

        height: 100%;

        position: relative;

        font-size: 16px;

        line-height: 40px;

        color: #d9012a;

    }

    .search1-a5 input::-webkit-input-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input::-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-ms-input-placeholder {

        color: #d9012a;

    }

    .search1-a6 {

        width: 24px;

        height: 24px;

        position: absolute;

        top: calc(50% - 24px/2);

        right: 30px;

        cursor: pointer;

    }

    .search1-a6+input {

        display: none;

    }

    .search1-a7 {

        width: 690px;

        position: absolute;

        top: calc(50% + 124px);

        left: calc(50% - 1440px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 80);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a7 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a8 {

        font-size: 18px;

        line-height: 36px;

        color: #fff;

        font-weight: bold;

        float: left;

    }

    .search1-a9 {

        width: calc(100% - 100px);

        float: right;

    }

    .search1-a9>div {

        font-size: 16px;

        line-height: 36px;

        color: #fff;

        float: left;

        margin-right: 24px;

    }

    .search1-a10 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: 30px;

        right: 40px;

        cursor: pointer;

    }

    .search1-a11 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 40px;

    }

    .search1-a12 {

        height: calc(592/920*100%);

        position: absolute;

        right: calc(50% - 1440px/2);

        top: calc(164/920*100%);

    }

    .search1-a12 video {

        height: 100%;

        width: auto;

        border: 0;

        background: none;

    }

}



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

    .search1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        background: #d9012a;

        z-index: 11;

        transition: 0.5s;

    }

    .search1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .search1-a2 {

        font-size: 72px;

        line-height: 72px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: calc(50% - 160px);

        left: calc(50% - 1360px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 160);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a2 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a3 {

        font-size: 72px;

        line-height: 72px;

        color: #fff;

        font-weight: lighter;

        position: absolute;

        top: calc(50% - 72px);

        left: calc(50% - 1360px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 100);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a3 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a4 {

        width: 770px;

        height: 56px;

        border-radius: 28px;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: calc(50% + 44px);

        left: calc(50% - 1360px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 60);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a4 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a5 {

        width: 600px;

        height: 40px;

        position: absolute;

        top: calc(50% - 40px/2);

        left: 44px;

    }

    .search1-a5 input {

        width: 100%;

        height: 100%;

        position: relative;

        font-size: 16px;

        line-height: 40px;

        color: #d9012a;

    }

    .search1-a5 input::-webkit-input-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input::-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-ms-input-placeholder {

        color: #d9012a;

    }

    .search1-a6 {

        width: 24px;

        height: 24px;

        position: absolute;

        top: calc(50% - 24px/2);

        right: 30px;

        cursor: pointer;

    }

    .search1-a6+input {

        display: none;

    }

    .search1-a7 {

        width: 690px;

        position: absolute;

        top: calc(50% + 124px);

        left: calc(50% - 1360px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 80);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a7 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a8 {

        font-size: 18px;

        line-height: 36px;

        color: #fff;

        font-weight: bold;

        float: left;

    }

    .search1-a9 {

        width: calc(100% - 100px);

        float: right;

    }

    .search1-a9>div {

        font-size: 16px;

        line-height: 36px;

        color: #fff;

        float: left;

        margin-right: 24px;

    }

    .search1-a10 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: 30px;

        right: 40px;

        cursor: pointer;

    }

    .search1-a11 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 40px;

    }

    .search1-a12 {

        height: calc(592/920*100%);

        position: absolute;

        right: calc(50% - 1360px/2);

        top: calc(164/920*100%);

    }

    .search1-a12 video {

        height: 100%;

        width: auto;

        border: 0;

        background: none;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .search1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        background: #d9012a;

        z-index: 11;

        transition: 0.5s;

    }

    .search1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .search1-a2 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: calc(50% - 100px);

        left: calc(50% - 1160px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 160);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a2 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a3 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: lighter;

        position: absolute;

        top: calc(50% - 48px);

        left: calc(50% - 1160px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 100);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a3 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a4 {

        width: 640px;

        height: 48px;

        border-radius: 24px;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: calc(50% + 28px);

        left: calc(50% - 1160px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 60);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a4 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a5 {

        width: 500px;

        height: 40px;

        position: absolute;

        top: calc(50% - 40px/2);

        left: 30px;

    }

    .search1-a5 input {

        width: 100%;

        height: 100%;

        position: relative;

        font-size: 14px;

        line-height: 40px;

        color: #d9012a;

    }

    .search1-a5 input::-webkit-input-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input::-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-ms-input-placeholder {

        color: #d9012a;

    }

    .search1-a6 {

        width: 20px;

        height: 20px;

        position: absolute;

        top: calc(50% - 20px/2);

        right: 30px;

        cursor: pointer;

    }

    .search1-a6+input {

        display: none;

    }

    .search1-a7 {

        width: 560px;

        position: absolute;

        top: calc(50% + 96px);

        left: calc(50% - 1160px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 80);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a7 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a8 {

        font-size: 16px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        float: left;

    }

    .search1-a9 {

        width: calc(100% - 80px);

        float: right;

    }

    .search1-a9>div {

        font-size: 14px;

        line-height: 30px;

        color: #fff;

        float: left;

        margin-right: 18px;

    }

    .search1-a10 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: 24px;

        right: 30px;

        cursor: pointer;

    }

    .search1-a11 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 30px;

    }

    .search1-a12 {

        height: calc(592/920*100%);

        position: absolute;

        right: calc(50% - 1160px/2);

        top: calc(164/920*100%);

    }

    .search1-a12 video {

        height: 100%;

        width: auto;

        border: 0;

        background: none;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .search1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        background: #d9012a;

        z-index: 11;

        transition: 0.5s;

    }

    .search1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .search1-a2 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: calc(50% - 100px);

        left: calc(50% - 960px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 160);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a2 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a3 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: lighter;

        position: absolute;

        top: calc(50% - 48px);

        left: calc(50% - 960px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 100);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a3 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a4 {

        width: 540px;

        height: 48px;

        border-radius: 24px;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: calc(50% + 28px);

        left: calc(50% - 960px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 60);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a4 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a5 {

        width: 500px;

        height: 40px;

        position: absolute;

        top: calc(50% - 40px/2);

        left: 30px;

    }

    .search1-a5 input {

        width: 100%;

        height: 100%;

        position: relative;

        font-size: 14px;

        line-height: 40px;

        color: #d9012a;

    }

    .search1-a5 input::-webkit-input-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input::-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-ms-input-placeholder {

        color: #d9012a;

    }

    .search1-a6 {

        width: 20px;

        height: 20px;

        position: absolute;

        top: calc(50% - 20px/2);

        right: 30px;

        cursor: pointer;

    }

    .search1-a6+input {

        display: none;

    }

    .search1-a7 {

        width: 560px;

        position: absolute;

        top: calc(50% + 96px);

        left: calc(50% - 960px/2);

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 80);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a7 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a8 {

        font-size: 16px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        float: left;

    }

    .search1-a9 {

        width: calc(100% - 80px);

        float: right;

    }

    .search1-a9>div {

        font-size: 14px;

        line-height: 30px;

        color: #fff;

        float: left;

        margin-right: 18px;

    }

    .search1-a10 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: 24px;

        right: 30px;

        cursor: pointer;

    }

    .search1-a11 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 30px;

    }

    .search1-a12 {

        height: calc(592/920*100%);

        position: absolute;

        right: calc(50% - 960px/2);

        top: calc(164/920*100%);

    }

    .search1-a12 video {

        height: 100%;

        width: auto;

        border: 0;

        background: none;

    }

}





/*menu1*/



@media only screen and (min-width: 1921px) {

    .menu1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        z-index: 11;

        transition: 0.5s;

        overflow: hidden;

    }

    .menu1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a2 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .menu1-a3 {

        width: calc(100%/6);

        height: 100%;

        position: relative;

        float: left;

        overflow: hidden;

        float: left;

    }

    .menu1-a4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: -100%;

        left: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a4 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(1) .menu1-a4 {

        transition-delay: 0.15s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(2) .menu1-a4 {

        transition-delay: 0.3s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(3) .menu1-a4 {

        transition-delay: 0.45s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(4) .menu1-a4 {

        transition-delay: 0.6s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(5) .menu1-a4 {

        transition-delay: 0.75s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(6) .menu1-a4 {

        transition-delay: 0.9s;

    }

    .menu1-a5 {

        width: 90px;

        height: 90px;

        position: absolute;

        top: calc(50% - 214px);

        left: calc(50% - 90px/2);

    }

    .menu1-a4:hover .menu1-a5 {

        transform: rotateY(360deg);

        transition: 0.5s;

    }

    .menu1-a5 img {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .menu1-a5 img:nth-child(1) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a5 img:nth-child(2) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a6 {

        width: 100%;

        font-size: 30px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        top: calc(50% - 95px);

        left: 0;

    }

    .menu1-a7 {

        width: 100%;

        position: absolute;

        top: calc(50% - 40px);

        left: 0;

    }

    .menu1-a8 {

        width: 100%;

        font-size: 16px;

        line-height: 48px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .menu1-a8:hover {

        text-decoration: underline;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .menu1-a9 {

        width: 600%;

        height: 100%;

        position: absolute;

        top: 0;

        background: #d9012a;

    }

    .menu1-a3:nth-child(1) .menu1-a9 {

        left: 0;

    }

    .menu1-a3:nth-child(2) .menu1-a9 {

        left: -100%;

    }

    .menu1-a3:nth-child(3) .menu1-a9 {

        left: -200%;

    }

    .menu1-a3:nth-child(4) .menu1-a9 {

        left: -300%;

    }

    .menu1-a3:nth-child(5) .menu1-a9 {

        left: -400%;

    }

    .menu1-a3:nth-child(6) .menu1-a9 {

        left: -500%;

    }

    .menu1-a9 div {

        height: calc(864/920*100%);

        position: absolute;

        right: 0;

        top: calc(32/920*100%);

    }

    .menu1-a10 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 40px;

    }

    .menu1-a11 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: -60px;

        right: 40px;

        cursor: pointer;transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a11{

        top: 24px;

        transition: 0.5s;

        transition-delay: 1s;

    }

    .menu1-a12 {

        width: 100%;

        position: absolute;

        bottom: -260px;

        left: 40px;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a12 {

        bottom: 60px;

        transition: 0.5s;

        transition-delay: 0.5s;

    }

    .menu1-a13 {

        font-size: 18px;

        line-height: 20px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        margin-right: 40px;

        float: left;

    }

    .menu1-a14 {

        float: left;

    }

    .menu1-a15 {

        width: 25px;

        height: 20px;

        position: relative;

        display: inline-block;

        margin: 0 20px;

    }

    .menu1-a16 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .menu1-a16 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .menu1-a17 {

        width: 120px;

        position: absolute;

        bottom: 110%;

        left: calc(50% - 120px/2);

        transform: scale(0);

        transition: 0.5s;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .menu1-a15:nth-child(2):hover .menu1-a17 {

        transform: scale(1);

        transition: 0.5s;

    }

    .menu1-a15:nth-child(3):hover .menu1-a17 {

        transform: scale(1);

        transition: 0.5s;

    }

    .menu1-a15:nth-child(4):hover .menu1-a17 {

        transform: scale(1);

        transition: 0.5s;

    }

    .menu1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        z-index: 11;

        transition: 0.5s;

        overflow: hidden;

    }

    .menu1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a2 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .menu1-a3 {

        width: calc(100%/6);

        height: 100%;

        position: relative;

        float: left;

        overflow: hidden;

        float: left;

    }

    .menu1-a4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: -100%;

        left: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a4 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(1) .menu1-a4 {

        transition-delay: 0.15s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(2) .menu1-a4 {

        transition-delay: 0.3s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(3) .menu1-a4 {

        transition-delay: 0.45s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(4) .menu1-a4 {

        transition-delay: 0.6s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(5) .menu1-a4 {

        transition-delay: 0.75s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(6) .menu1-a4 {

        transition-delay: 0.9s;

    }

    .menu1-a5 {

        width: 90px;

        height: 90px;

        position: absolute;

        top: calc(50% - 214px);

        left: calc(50% - 90px/2);

    }

    .menu1-a4:hover .menu1-a5 {

        transform: rotateY(360deg);

        transition: 0.5s;

    }

    .menu1-a5 img {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .menu1-a5 img:nth-child(1) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a5 img:nth-child(2) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a6 {

        width: 100%;

        font-size: 30px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        top: calc(50% - 95px);

        left: 0;

    }

    .menu1-a7 {

        width: 100%;

        position: absolute;

        top: calc(50% - 40px);

        left: 0;

    }

    .menu1-a8 {

        width: 100%;

        font-size: 16px;

        line-height: 48px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .menu1-a8:hover {

        text-decoration: underline;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .menu1-a9 {

        width: 600%;

        height: 100%;

        position: absolute;

        top: 0;

        background: #d9012a;

    }

    .menu1-a3:nth-child(1) .menu1-a9 {

        left: 0;

    }

    .menu1-a3:nth-child(2) .menu1-a9 {

        left: -100%;

    }

    .menu1-a3:nth-child(3) .menu1-a9 {

        left: -200%;

    }

    .menu1-a3:nth-child(4) .menu1-a9 {

        left: -300%;

    }

    .menu1-a3:nth-child(5) .menu1-a9 {

        left: -400%;

    }

    .menu1-a3:nth-child(6) .menu1-a9 {

        left: -500%;

    }

    .menu1-a9 div {

        height: calc(864/920*100%);

        position: absolute;

        right: 0;

        top: calc(32/920*100%);

    }

    .menu1-a10 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 40px;

    }

    .menu1-a11 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: 24px;

        right: 40px;

        cursor: pointer;

    }

    .menu1-a12 {

        position: absolute;

        bottom: -260px;

        left: 40px;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a12 {

        bottom: 60px;

        transition: 0.5s;

        transition-delay: 0.5s;

    }

    .menu1-a13 {

        font-size: 18px;

        line-height: 20px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        margin-right: 40px;

        float: left;

    }

    .menu1-a14 {

        float: left;

    }

    .menu1-a15 {

        width: 25px;

        height: 20px;

        position: relative;

        display: inline-block;

        margin: 0 20px;

    }

    .menu1-a16 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .menu1-a16 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .menu1-a17 {

        width: 120px;

        position: absolute;

        bottom: 110%;

        left: calc(50% - 120px/2);

        transform: scale(0);

        transition: 0.5s;

    }

    .menu1-a15:hover .menu1-a17 {

        transform: scale(1);

        transition: 0.5s;

    }

}



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

    .menu1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        z-index: 11;

        transition: 0.5s;

        overflow: hidden;

    }

    .menu1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a2 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .menu1-a3 {

        width: calc(100%/6);

        height: 100%;

        position: relative;

        float: left;

        overflow: hidden;

        float: left;

    }

    .menu1-a4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: -100%;

        left: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a4 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(1) .menu1-a4 {

        transition-delay: 0.15s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(2) .menu1-a4 {

        transition-delay: 0.3s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(3) .menu1-a4 {

        transition-delay: 0.45s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(4) .menu1-a4 {

        transition-delay: 0.6s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(5) .menu1-a4 {

        transition-delay: 0.75s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(6) .menu1-a4 {

        transition-delay: 0.9s;

    }

    .menu1-a5 {

        width: 90px;

        height: 90px;

        position: absolute;

        top: calc(50% - 214px);

        left: calc(50% - 90px/2);

    }

    .menu1-a4:hover .menu1-a5 {

        transform: rotateY(360deg);

        transition: 0.5s;

    }

    .menu1-a5 img {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .menu1-a5 img:nth-child(1) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a5 img:nth-child(2) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a6 {

        width: 100%;

        font-size: 30px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        top: calc(50% - 95px);

        left: 0;

    }

    .menu1-a7 {

        width: 100%;

        position: absolute;

        top: calc(50% - 40px);

        left: 0;

    }

    .menu1-a8 {

        width: 100%;

        font-size: 16px;

        line-height: 48px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .menu1-a8:hover {

        text-decoration: underline;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .menu1-a9 {

        width: 600%;

        height: 100%;

        position: absolute;

        top: 0;

        background: #d9012a;

    }

    .menu1-a3:nth-child(1) .menu1-a9 {

        left: 0;

    }

    .menu1-a3:nth-child(2) .menu1-a9 {

        left: -100%;

    }

    .menu1-a3:nth-child(3) .menu1-a9 {

        left: -200%;

    }

    .menu1-a3:nth-child(4) .menu1-a9 {

        left: -300%;

    }

    .menu1-a3:nth-child(5) .menu1-a9 {

        left: -400%;

    }

    .menu1-a3:nth-child(6) .menu1-a9 {

        left: -500%;

    }

    .menu1-a9 div {

        height: calc(864/920*100%);

        position: absolute;

        right: 0;

        top: calc(32/920*100%);

    }

    .menu1-a10 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 40px;

    }

    .menu1-a11 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: 24px;

        right: 40px;

        cursor: pointer;

    }

    .menu1-a12 {

        position: absolute;

        bottom: -260px;

        left: 40px;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a12 {

        bottom: 60px;

        transition: 0.5s;

        transition-delay: 0.5s;

    }

    .menu1-a13 {

        font-size: 18px;

        line-height: 20px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        margin-right: 40px;

        float: left;

    }

    .menu1-a14 {

        float: left;

    }

    .menu1-a15 {

        width: 25px;

        height: 20px;

        position: relative;

        display: inline-block;

        margin: 0 20px;

    }

    .menu1-a16 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .menu1-a16 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .menu1-a17 {

        width: 120px;

        position: absolute;

        bottom: 110%;

        left: calc(50% - 120px/2);

        transform: scale(0);

        transition: 0.5s;

    }

    .menu1-a15:hover .menu1-a17 {

        transform: scale(1);

        transition: 0.5s;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .menu1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        z-index: 11;

        transition: 0.5s;

        overflow: hidden;

    }

    .menu1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a2 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .menu1-a3 {

        width: calc(100%/6);

        height: 100%;

        position: relative;

        float: left;

        overflow: hidden;

        float: left;

    }

    .menu1-a4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: -100%;

        left: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a4 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(1) .menu1-a4 {

        transition-delay: 0.15s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(2) .menu1-a4 {

        transition-delay: 0.3s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(3) .menu1-a4 {

        transition-delay: 0.45s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(4) .menu1-a4 {

        transition-delay: 0.6s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(5) .menu1-a4 {

        transition-delay: 0.75s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(6) .menu1-a4 {

        transition-delay: 0.9s;

    }

    .menu1-a5 {

        width: 70px;

        height: 70px;

        position: absolute;

        top: calc(50% - 214px);

        left: calc(50% - 70px/2);

    }

    .menu1-a4:hover .menu1-a5 {

        transform: rotateY(360deg);

        transition: 0.5s;

    }

    .menu1-a5 img {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .menu1-a5 img:nth-child(1) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a5 img:nth-child(2) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a6 {

        width: 100%;

        font-size: 24px;

        line-height: 24px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        top: calc(50% - 115px);

        left: 0;

    }

    .menu1-a7 {

        width: 100%;

        position: absolute;

        top: calc(50% - 60px);

        left: 0;

    }

    .menu1-a8 {

        width: 100%;

        font-size: 14px;

        line-height: 40px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .menu1-a8:hover {

        text-decoration: underline;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .menu1-a9 {

        width: 600%;

        height: 100%;

        position: absolute;

        top: 0;

        background: #d9012a;

    }

    .menu1-a3:nth-child(1) .menu1-a9 {

        left: 0;

    }

    .menu1-a3:nth-child(2) .menu1-a9 {

        left: -100%;

    }

    .menu1-a3:nth-child(3) .menu1-a9 {

        left: -200%;

    }

    .menu1-a3:nth-child(4) .menu1-a9 {

        left: -300%;

    }

    .menu1-a3:nth-child(5) .menu1-a9 {

        left: -400%;

    }

    .menu1-a3:nth-child(6) .menu1-a9 {

        left: -500%;

    }

    .menu1-a9 div {

        height: calc(864/920*100%);

        position: absolute;

        right: 0;

        top: calc(32/920*100%);

    }

    .menu1-a10 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 40px;

    }

    .menu1-a11 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: 24px;

        right: 40px;

        cursor: pointer;

    }

    .menu1-a12 {

        position: absolute;

        bottom: -240px;

        left: 30px;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a12 {

        bottom: 40px;

        transition: 0.5s;

        transition-delay: 0.5s;

    }

    .menu1-a13 {

        font-size: 18px;

        line-height: 20px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        margin-right: 30px;

        float: left;

    }

    .menu1-a14 {

        float: left;

    }

    .menu1-a15 {

        width: 25px;

        height: 20px;

        position: relative;

        display: inline-block;

        margin: 0 20px;

    }

    .menu1-a16 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .menu1-a16 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .menu1-a17 {

        width: 110px;

        position: absolute;

        bottom: 110%;

        left: calc(50% - 110px/2);

        transform: scale(0);

        transition: 0.5s;

    }

    .menu1-a15:hover .menu1-a17 {

        transform: scale(1);

        transition: 0.5s;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .menu1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        z-index: 11;

        transition: 0.5s;

        overflow: hidden;

    }

    .menu1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a2 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .menu1-a3 {

        width: calc(100%/6);

        height: 100%;

        position: relative;

        float: left;

        overflow: hidden;

        float: left;

    }

    .menu1-a4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: -100%;

        left: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a4 {

        top: 0;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(1) .menu1-a4 {

        transition-delay: 0.15s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(2) .menu1-a4 {

        transition-delay: 0.3s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(3) .menu1-a4 {

        transition-delay: 0.45s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(4) .menu1-a4 {

        transition-delay: 0.6s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(5) .menu1-a4 {

        transition-delay: 0.75s;

    }

    .menu1-a1.on1 .menu1-a3:nth-child(6) .menu1-a4 {

        transition-delay: 0.9s;

    }

    .menu1-a5 {

        width: 70px;

        height: 70px;

        position: absolute;

        top: calc(50% - 214px);

        left: calc(50% - 70px/2);

    }

    .menu1-a4:hover .menu1-a5 {

        transform: rotateY(360deg);

        transition: 0.5s;

    }

    .menu1-a5 img {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .menu1-a5 img:nth-child(1) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a5 img:nth-child(2) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(1) {

        opacity: 0;

        transition: 0.5s;

    }

    .menu1-a4:hover .menu1-a5 img:nth-child(2) {

        opacity: 1;

        transition: 0.5s;

    }

    .menu1-a6 {

        width: 100%;

        font-size: 24px;

        line-height: 24px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        top: calc(50% - 115px);

        left: 0;

    }

    .menu1-a7 {

        width: 100%;

        position: absolute;

        top: calc(50% - 60px);

        left: 0;

    }

    .menu1-a8 {

        width: 100%;

        font-size: 14px;

        line-height: 40px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .menu1-a8:hover {

        text-decoration: underline;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .menu1-a9 {

        width: 600%;

        height: 100%;

        position: absolute;

        top: 0;

        background: #d9012a;

    }

    .menu1-a3:nth-child(1) .menu1-a9 {

        left: 0;

    }

    .menu1-a3:nth-child(2) .menu1-a9 {

        left: -100%;

    }

    .menu1-a3:nth-child(3) .menu1-a9 {

        left: -200%;

    }

    .menu1-a3:nth-child(4) .menu1-a9 {

        left: -300%;

    }

    .menu1-a3:nth-child(5) .menu1-a9 {

        left: -400%;

    }

    .menu1-a3:nth-child(6) .menu1-a9 {

        left: -500%;

    }

    .menu1-a9 div {

        height: calc(864/920*100%);

        position: absolute;

        right: 0;

        top: calc(32/920*100%);

    }

    .menu1-a10 {

        height: 60px;

        position: absolute;

        top: 30px;

        left: 40px;

    }

    .menu1-a11 {

        width: 56px;

        height: 56px;

        position: absolute;

        top: 24px;

        right: 40px;

        cursor: pointer;

    }

    .menu1-a12 {

        width: 100%;

        position: absolute;

        bottom: -240px;

        left: 30px;

        transition: 0.5s;

    }

    .menu1-a1.on1 .menu1-a12 {

        bottom: 40px;

        transition: 0.5s;

        transition-delay: 0.5s;

    }

    .menu1-a13 {

        font-size: 18px;

        line-height: 20px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        margin-right: 30px;

        float: left;

    }

    .menu1-a14 {

        float: left;

    }

    .menu1-a15 {

        width: 25px;

        height: 20px;

        position: relative;

        display: inline-block;

        margin: 0 20px;

    }

    .menu1-a16 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .menu1-a16 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .menu1-a17 {

        width: 110px;

        position: absolute;

        bottom: 110%;

        left: calc(50% - 110px/2);

        transform: scale(0);

        transition: 0.5s;

    }

    .menu1-a15:hover .menu1-a17 {

        transform: scale(1);

        transition: 0.5s;

    }

}





/*left1*/



@media only screen and (min-width: 1921px) {

    .left1-a1 {

        width: 106px;

        height: 340px;

        position: fixed;

        top: calc(50% - 340px/2);

        left: -96px;

        z-index: 8;

        padding-left: 36px;

        transition: 0.5s;

        display: none;

    }

    .left1-a1:hover {

        left: 0;

        transition: 0.5s;

    }

    .left1-a2 {

        width: 70px;

        height: 20%;

        position: relative;

        border-bottom: 1px solid #5b5e60;

    }

    .left1-a2:last-child {

        border-bottom: 0;

    }

    .left1-a3 {

        width: 100%;

        height: 100%;

        background: #303539;

        position: absolute;

        top: 0;

        left: 0;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3 {

        width: 175px;

        background: #d9012a;

        transition: 0.5s;

    }

    .left1-a3>div {

        width: 0;

        height: 26px;

        overflow: hidden;

        font-size: 14px;

        line-height: 26px;

        color: #fff;

        position: absolute;

        top: calc(50% - 26px/2);

        left: 62px;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3>div {

        width: 100px;

        transition: 0.5s;

    }

    .left1-a4 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .left1-a4 img {

        max-width: 34px;

        max-height: 30px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .left1-a1 {

        width: 106px;

        height: 340px;

        position: fixed;

        top: calc(50% - 340px/2);

        left: -96px;

        z-index: 8;

        padding-left: 36px;

        transition: 0.5s;

        display: none;

    }

    .left1-a1:hover {

        left: 0;

        transition: 0.5s;

    }

    .left1-a2 {

        width: 70px;

        height: 20%;

        position: relative;

        border-bottom: 1px solid #5b5e60;

    }

    .left1-a2:last-child {

        border-bottom: 0;

    }

    .left1-a3 {

        width: 100%;

        height: 100%;

        background: #303539;

        position: absolute;

        top: 0;

        left: 0;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3 {

        width: 175px;

        background: #d9012a;

        transition: 0.5s;

    }

    .left1-a3>div {

        width: 0;

        height: 26px;

        overflow: hidden;

        font-size: 14px;

        line-height: 26px;

        color: #fff;

        position: absolute;

        top: calc(50% - 26px/2);

        left: 62px;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3>div {

        width: 100px;

        transition: 0.5s;

    }

    .left1-a4 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .left1-a4 img {

        max-width: 34px;

        max-height: 30px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

}



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

    .left1-a1 {

        width: 106px;

        height: 340px;

        position: fixed;

        top: calc(50% - 340px/2);

        left: -96px;

        z-index: 8;

        padding-left: 36px;

        transition: 0.5s;

        display: none;

    }

    .left1-a1:hover {

        left: 0;

        transition: 0.5s;

    }

    .left1-a2 {

        width: 70px;

        height: 20%;

        position: relative;

        border-bottom: 1px solid #5b5e60;

    }

    .left1-a2:last-child {

        border-bottom: 0;

    }

    .left1-a3 {

        width: 100%;

        height: 100%;

        background: #303539;

        position: absolute;

        top: 0;

        left: 0;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3 {

        width: 175px;

        background: #d9012a;

        transition: 0.5s;

    }

    .left1-a3>div {

        width: 0;

        height: 26px;

        overflow: hidden;

        font-size: 14px;

        line-height: 26px;

        color: #fff;

        position: absolute;

        top: calc(50% - 26px/2);

        left: 62px;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3>div {

        width: 100px;

        transition: 0.5s;

    }

    .left1-a4 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .left1-a4 img {

        max-width: 34px;

        max-height: 30px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .left1-a1 {

        width: 80px;

        height: 280px;

        position: fixed;

        top: calc(50% - 280px/2);

        left: -70px;

        z-index: 8;

        padding-left: 24px;

        transition: 0.5s;

        display: none;

    }

    .left1-a1:hover {

        left: 0;

        transition: 0.5s;

    }

    .left1-a2 {

        width: 56px;

        height: 20%;

        position: relative;

        border-bottom: 1px solid #5b5e60;

    }

    .left1-a2:last-child {

        border-bottom: 0;

    }

    .left1-a3 {

        width: 100%;

        height: 100%;

        background: #303539;

        position: absolute;

        top: 0;

        left: 0;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3 {

        width: 175px;

        background: #d9012a;

        transition: 0.5s;

    }

    .left1-a3>div {

        width: 0;

        height: 26px;

        overflow: hidden;

        font-size: 14px;

        line-height: 26px;

        color: #fff;

        position: absolute;

        top: calc(50% - 26px/2);

        left: 62px;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3>div {

        width: 100px;

        transition: 0.5s;

    }

    .left1-a4 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .left1-a4 img {

        max-width: 28px;

        max-height: 26px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .left1-a1 {

        width: 80px;

        height: 280px;

        position: fixed;

        top: calc(50% - 280px/2);

        left: -70px;

        z-index: 8;

        padding-left: 24px;

        transition: 0.5s;

        display: none;

    }

    .left1-a1:hover {

        left: 0;

        transition: 0.5s;

    }

    .left1-a2 {

        width: 56px;

        height: 20%;

        position: relative;

        border-bottom: 1px solid #5b5e60;

    }

    .left1-a2:last-child {

        border-bottom: 0;

    }

    .left1-a3 {

        width: 100%;

        height: 100%;

        background: #303539;

        position: absolute;

        top: 0;

        left: 0;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3 {

        width: 175px;

        background: #d9012a;

        transition: 0.5s;

    }

    .left1-a3>div {

        width: 0;

        height: 26px;

        overflow: hidden;

        font-size: 14px;

        line-height: 26px;

        color: #fff;

        position: absolute;

        top: calc(50% - 26px/2);

        left: 62px;

        transition: 0.5s;

    }

    .left1-a2:hover .left1-a3>div {

        width: 100px;

        transition: 0.5s;

    }

    .left1-a4 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .left1-a4 img {

        max-width: 28px;

        max-height: 26px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

}





/*right1*/



@media only screen and (min-width: 1921px) {

    .right1-a1 {

        width: 105px;

        position: fixed;

        bottom: 50px;

        right: -35px;

        z-index: 7;

        transition: 0.5s;

        /*display: none;*/

    }

    .right1-a1:hover {

        right: -10px;

        transition: 0.5s;

        z-index: 8;

    }

    .right1-a2 {

        width: 97px;

        height: 114px;

        overflow: hidden;

        transform: rotate(-30deg);

        transition: 0.5s;

    }

    .right1-a2 div {

        width: 125px;

        height: 137px;

        position: absolute;

        top: -11px;

        left: -11px;

    }

    .right1-a1:hover .right1-a2 {

        transform: rotate(0deg);

        transition: 0.5s;

    }

    .right1-a3 {

        width: 230px;

        height: 78px;

        border-radius: 30px 30px 0 30px;

        background: #d9012a;

        padding: 9px 16px 0 34px;

        font-size: 16px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: 50px;

        right: 100%;

        transform: rotateX(90deg);

        transition: 0.5s;

    }

    .right1-a1:hover .right1-a3 {

        transform: rotateX(0deg);

        transition: 0.5s;

    }

    .right1-b1 {

        width: 100%;

        height: 260px;

        position: relative;

    }

    .right1-b2 {

        width: 100%;

        height: 25%;

        position: relative;

        cursor: pointer;

        background: #d9012a;

    }

    /*.right1-b2:first-child {

        border-radius: 0 25px 0 0;

    }*/

    .right1-b2:last-child {

        border-radius: 0 0 25px 0;

    }

    .right1-b3 {

        width: 0;

        height: 100%;

        position: absolute;

        top: 0;

        right: 100%;

        overflow: hidden;

        background: #d9012a;

        font-size: 15px;

        line-height: 65px;

        color: #fff;

        text-align: center;

        white-space: nowrap;

        transition: 0.5s;

    }

    .right1-b3{border-radius: 0 0 0 30px;}

    .right1-b2:hover .right1-b3 {

        width: 150px;

        transition: 0.5s;

    }

    .right1-b4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .right1-b4 img {

        max-width: 31px;

        max-height: 29px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .right1-c1 {

        width: 50px;

        height: 50px;

        position: fixed;

        bottom: 180px;

        right: 30px;

        z-index: 7;

        border-radius: 50%;

        display: none;

    }

    .right1-c1:hover {

        z-index: 8;

    }

    .right1-c2 {

        width: 100%;

        height: 100%;

        position: relative;

        border-radius: 50%;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c2 {

        transform: rotate(45deg);

        transition: 0.5s;

    }

    .right1-c3 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #aaacaf;

        position: absolute;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c3 {

        background: #d9012a;

        transition: 0.5s;

    }

    .right1-c3:nth-child(1) {

        top: calc(50% - 15px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(2) {

        top: calc(50% - 15px);

        left: calc(50% + 5px);

    }

    .right1-c3:nth-child(3) {

        top: calc(50% + 5px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(4) {

        top: calc(50% + 5px);

        left: calc(50% + 5px);

    }

    .right1-c4 {

        width: 70px;

        height: 280px;

        position: absolute;

        top: -270px;

        left: calc(50% - 70px/2);

        transition: 0.5s;

        transform: scale(0);

        opacity: 0;

    }

    .right1-c1:hover .right1-c4 {

        transition: 0.5s;

        transform: scale(1);

        opacity: 1;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .right1-a1 {

        width: 105px;

        position: fixed;

        top: auto;

        bottom: 50px;

        right: -35px;

        z-index: 7;

        transition: 0.5s;

        display: block;

        /*display: none;*/

        opacity: 1!important;

    }

    .right1-a1:hover {

        right: -10px;

        transition: 0.5s;

        z-index: 8;

    }

    .right1-a2 {

        width: 97px;

        height: 114px;

        overflow: hidden;

        transform: rotate(-30deg);

        transition: 0.5s;

    }

    .right1-a2 div {

        width: 125px;

        height: 137px;

        position: absolute;

        top: -11px;

        left: -11px;

    }

    .right1-a1:hover .right1-a2 {

        transform: rotate(0deg);

        transition: 0.5s;

    }

    .right1-a3 {

        width: 230px;

        height: 78px;

        border-radius: 30px 30px 0 30px;

        background: #d9012a;

        padding: 9px 16px 0 34px;

        font-size: 16px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: 50px;

        right: 100%;

        transform: rotateX(90deg);

        transition: 0.5s;

    }

    .right1-a1:hover .right1-a3 {

        transform: rotateX(0deg);

        transition: 0.5s;

    }

    .right1-b1 {

        width: 100%;

        height: 260px;

        position: relative;

    }

    .right1-b2 {

        width: 100%;

        height: 25%;

        position: relative;

        cursor: pointer;

        background: #d9012a;

    }

    /*.right1-b2:first-child {

        border-radius: 0 25px 0 0;

    }*/

    .right1-b2:last-child {

        border-radius: 0 0 25px 0;

    }

    .right1-b3 {

        width: 0;

        height: 100%;

        position: absolute;

        top: 0;

        right: 100%;

        overflow: hidden;

        background: #d9012a;

        font-size: 15px;

        line-height: 65px;

        color: #fff;

        text-align: center;

        white-space: nowrap;

        transition: 0.5s;

    }

    .right1-b3{border-radius: 0 0 0 30px;}

    .right1-b2:hover .right1-b3 {

        width: 150px;

        transition: 0.5s;

    }

    .right1-b4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .right1-b4 img {

        max-width: 31px;

        max-height: 29px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .right1-c1 {

        width: 50px;

        height: 50px;

        position: fixed;

        bottom: 180px;

        right: 30px;

        z-index: 7;

        border-radius: 50%;

        /*display: none;*/

    }

    .right1-c1:hover {

        z-index: 8;

    }

    .right1-c2 {

        width: 100%;

        height: 100%;

        position: relative;

        border-radius: 50%;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c2 {

        transform: rotate(45deg);

        transition: 0.5s;

    }

    .right1-c3 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #aaacaf;

        position: absolute;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c3 {

        background: #d9012a;

        transition: 0.5s;

    }

    .right1-c3:nth-child(1) {

        top: calc(50% - 15px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(2) {

        top: calc(50% - 15px);

        left: calc(50% + 5px);

    }

    .right1-c3:nth-child(3) {

        top: calc(50% + 5px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(4) {

        top: calc(50% + 5px);

        left: calc(50% + 5px);

    }

    .right1-c4 {

        width: 70px;

        height: 280px;

        position: absolute;

        top: -270px;

        left: calc(50% - 70px/2);

        transition: 0.5s;

        transform: scale(0);

        opacity: 0;

    }

    .right1-c1:hover .right1-c4 {

        transition: 0.5s;

        transform: scale(1);

        opacity: 1;

    }

}



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

    .right1-a1 {

        width: 105px;

        position: fixed;

        bottom: 50px;

        right: -35px;

        z-index: 7;

        transition: 0.5s;

        /*display: none;*/

    }

    .right1-a1:hover {

        right: -10px;

        transition: 0.5s;

        z-index: 8;

    }

    .right1-a2 {

        width: 97px;

        height: 114px;

        overflow: hidden;

        transform: rotate(-30deg);

        transition: 0.5s;

    }

    .right1-a2 div {

        width: 125px;

        height: 137px;

        position: absolute;

        top: -11px;

        left: -11px;

    }

    .right1-a1:hover .right1-a2 {

        transform: rotate(0deg);

        transition: 0.5s;

    }

    .right1-a3 {

        width: 230px;

        height: 78px;

        border-radius: 30px 30px 0 30px;

        background: #d9012a;

        padding: 9px 16px 0 34px;

        font-size: 16px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: 50px;

        right: 100%;

        transform: rotateX(90deg);

        transition: 0.5s;

    }

    .right1-a1:hover .right1-a3 {

        transform: rotateX(0deg);

        transition: 0.5s;

    }

    .right1-b1 {

        width: 100%;

        height: 260px;

        position: relative;

    }

    .right1-b2 {

        width: 100%;

        height: 25%;

        position: relative;

        cursor: pointer;

        background: #d9012a;

    }

    /*.right1-b2:first-child {

        border-radius: 0 25px 0 0;

    }*/

    .right1-b2:last-child {

        border-radius: 0 0 25px 0;

    }

    .right1-b3 {

        width: 0;

        height: 100%;

        position: absolute;

        top: 0;

        right: 100%;

        overflow: hidden;

        background: #d9012a;

        font-size: 15px;

        line-height: 65px;

        color: #fff;

        text-align: center;

        white-space: nowrap;

        transition: 0.5s;

    }

    .right1-b3{border-radius: 0 0 0 30px;}

    .right1-b2:hover .right1-b3 {

        width: 150px;

        transition: 0.5s;

    }

    .right1-b4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .right1-b4 img {

        max-width: 31px;

        max-height: 29px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .right1-c1 {

        width: 50px;

        height: 50px;

        position: fixed;

        bottom: 180px;

        right: 30px;

        z-index: 7;

        border-radius: 50%;

        display: none;

    }

    .right1-c1:hover {

        z-index: 8;

    }

    .right1-c2 {

        width: 100%;

        height: 100%;

        position: relative;

        border-radius: 50%;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c2 {

        transform: rotate(45deg);

        transition: 0.5s;

    }

    .right1-c3 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #aaacaf;

        position: absolute;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c3 {

        background: #d9012a;

        transition: 0.5s;

    }

    .right1-c3:nth-child(1) {

        top: calc(50% - 15px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(2) {

        top: calc(50% - 15px);

        left: calc(50% + 5px);

    }

    .right1-c3:nth-child(3) {

        top: calc(50% + 5px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(4) {

        top: calc(50% + 5px);

        left: calc(50% + 5px);

    }

    .right1-c4 {

        width: 70px;

        height: 280px;

        position: absolute;

        top: -270px;

        left: calc(50% - 70px/2);

        transition: 0.5s;

        transform: scale(0);

        opacity: 0;

    }

    .right1-c1:hover .right1-c4 {

        transition: 0.5s;

        transform: scale(1);

        opacity: 1;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .right1-a1 {

        width: 105px;

        position: fixed;

        bottom: 50px;

        right: -35px;

        z-index: 7;

        transition: 0.5s;

        /*display: none;*/

    }

    .right1-a1:hover {

        right: -10px;

        transition: 0.5s;

        z-index: 8;

    }

    .right1-a2 {

        width: 97px;

        height: 114px;

        overflow: hidden;

        transform: rotate(-30deg);

        transition: 0.5s;

    }

    .right1-a2 div {

        width: 125px;

        height: 137px;

        position: absolute;

        top: -11px;

        left: -11px;

    }

    .right1-a1:hover .right1-a2 {

        transform: rotate(0deg);

        transition: 0.5s;

    }

    .right1-a3 {

        width: 200px;

        height: 66px;

        border-radius: 30px 30px 0 30px;

        background: #d9012a;

        padding: 7px 12px 0 20px;

        font-size: 14px;

        line-height: 26px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: 50px;

        right: 100%;

        transform: rotateX(90deg);

        transition: 0.5s;

    }

    .right1-a1:hover .right1-a3 {

        transform: rotateX(0deg);

        transition: 0.5s;

    }

    .right1-b1 {

        width: 56px;

        height: 200px;

        position: relative;

    }

    .right1-b2 {

        width: 100%;

        height: 25%;

        position: relative;

        cursor: pointer;

        background: #d9012a;

    }

    /*.right1-b2:first-child {

        border-radius: 0 25px 0 0;

    }*/

    .right1-b2:last-child {

        border-radius: 0 0 25px 0;

    }

    .right1-b3 {

        width: 0;

        height: 100%;

        position: absolute;

        top: 0;

        right: 100%;

        overflow: hidden;

        background: #d9012a;

        font-size: 13px;

        line-height: 50px;

        color: #fff;

        text-align: center;

        white-space: nowrap;

        transition: 0.5s;

    }

    .right1-b3{border-radius: 0 0 0 30px;}

    .right1-b2:hover .right1-b3 {

        width: 130px;

        transition: 0.5s;

    }

    .right1-b4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .right1-b4 img {

        max-width: 26px;

        max-height: 24px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .right1-c1 {

        width: 50px;

        height: 50px;

        position: fixed;

        bottom: 180px;

        right: 30px;

        z-index: 7;

        border-radius: 50%;

        /*display: none;*/

    }

    .right1-c1:hover {

        z-index: 8;

    }

    .right1-c2 {

        width: 100%;

        height: 100%;

        position: relative;

        border-radius: 50%;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c2 {

        transform: rotate(45deg);

        transition: 0.5s;

    }

    .right1-c3 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #aaacaf;

        position: absolute;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c3 {

        background: #d9012a;

        transition: 0.5s;

    }

    .right1-c3:nth-child(1) {

        top: calc(50% - 15px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(2) {

        top: calc(50% - 15px);

        left: calc(50% + 5px);

    }

    .right1-c3:nth-child(3) {

        top: calc(50% + 5px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(4) {

        top: calc(50% + 5px);

        left: calc(50% + 5px);

    }

    .right1-c4 {

        width: 56px;

        height: 220px;

        position: absolute;

        top: -210px;

        left: calc(50% - 56px/2);

        transition: 0.5s;

        transform: scale(0);

        opacity: 0;

    }

    .right1-c1:hover .right1-c4 {

        transition: 0.5s;

        transform: scale(1);

        opacity: 1;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .right1-a1 {

        width: 105px;

        position: fixed;

        bottom: 50px;

        right: -15px;

        z-index: 7;

        transition: 0.5s;

        /*display: none;*/

    }

    .right1-a1:hover {

        right: -10px;

        transition: 0.5s;

        z-index: 8;

    }

    .right1-a2 {

        width: 97px;

        height: 114px;

        overflow: hidden;

        transform: rotate(-30deg);

        transition: 0.5s;

    }

    .right1-a2 div {

        width: 125px;

        height: 137px;

        position: absolute;

        top: -11px;

        left: -11px;

    }

    .right1-a1:hover .right1-a2 {

        transform: rotate(0deg);

        transition: 0.5s;

    }

    .right1-a3 {

        width: 200px;

        height: 66px;

        border-radius: 30px 30px 0 30px;

        background: #d9012a;

        padding: 7px 12px 0 20px;

        font-size: 14px;

        line-height: 26px;

        color: #fff;

        font-weight: bold;

        position: absolute;

        top: 50px;

        right: 100%;

        transform: rotateX(90deg);

        transition: 0.5s;

    }

    .right1-a1:hover .right1-a3 {

        transform: rotateX(0deg);

        transition: 0.5s;

    }

    .right1-b1 {

        width: 56px;

        height: 200px;

        position: relative;

    }

    .right1-b2 {

        width: 100%;

        height: 25%;

        position: relative;

        cursor: pointer;

        background: #d9012a;

    }

    /*.right1-b2:first-child {

        border-radius: 0 25px 0 0;

    }*/

    .right1-b2:last-child {

        border-radius: 0 0 25px 0;

    }

    .right1-b3 {

        width: 0;

        height: 100%;

        position: absolute;

        top: 0;

        right: 100%;

        overflow: hidden;

        background: #d9012a;

        font-size: 13px;

        line-height: 50px;

        color: #fff;

        text-align: center;

        white-space: nowrap;

        transition: 0.5s;

    }

    .right1-b3{border-radius: 0 0 0 30px;}

    .right1-b2:hover .right1-b3 {

        width: 130px;

        transition: 0.5s;

    }

    .right1-b4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .right1-b4 img {

        max-width: 26px;

        max-height: 24px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .right1-c1 {

        width: 50px;

        height: 50px;

        position: fixed;

        bottom: 180px;

        right: 30px;

        z-index: 7;

        border-radius: 50%;

        display: none;

    }

    .right1-c1:hover {

        z-index: 8;

    }

    .right1-c2 {

        width: 100%;

        height: 100%;

        position: relative;

        border-radius: 50%;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c2 {

        transform: rotate(45deg);

        transition: 0.5s;

    }

    .right1-c3 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #aaacaf;

        position: absolute;

        transition: 0.5s;

    }

    .right1-c1:hover .right1-c3 {

        background: #d9012a;

        transition: 0.5s;

    }

    .right1-c3:nth-child(1) {

        top: calc(50% - 15px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(2) {

        top: calc(50% - 15px);

        left: calc(50% + 5px);

    }

    .right1-c3:nth-child(3) {

        top: calc(50% + 5px);

        left: calc(50% - 15px);

    }

    .right1-c3:nth-child(4) {

        top: calc(50% + 5px);

        left: calc(50% + 5px);

    }

    .right1-c4 {

        width: 56px;

        height: 220px;

        position: absolute;

        top: -210px;

        left: calc(50% - 56px/2);

        transition: 0.5s;

        transform: scale(0);

        opacity: 0;

    }

    .right1-c1:hover .right1-c4 {

        transition: 0.5s;

        transform: scale(1);

        opacity: 1;

    }

}





/*t1*/



@media only screen and (min-width: 1921px) {

    .t1-a1 {

        padding: 90px 0 60px;

    }

    .t1-a2 {

        font-size: 52px;

        line-height: 52px;

        color: #333333;

        font-weight: bold;

        text-align: center;

        margin-bottom: 26px;

    }

    .t1-a3 {

        font-size: 24px;

        line-height: 24px;

        color: #5e5e5e;

        text-align: center;

        font-weight: lighter;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .t1-a1 {

        padding: 90px 0 60px;

    }

    .t1-a2 {

        font-size: 52px;

        line-height: 52px;

        color: #333333;

        font-weight: bold;

        text-align: center;

        margin-bottom: 26px;

    }

    .t1-a3 {

        font-size: 24px;

        line-height: 24px;

        color: #5e5e5e;

        text-align: center;

        font-weight: lighter;

    }

}



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

    .t1-a1 {

        padding: 90px 0 60px;

    }

    .t1-a2 {

        font-size: 52px;

        line-height: 52px;

        color: #333333;

        font-weight: bold;

        text-align: center;

        margin-bottom: 26px;

    }

    .t1-a3 {

        font-size: 24px;

        line-height: 24px;

        color: #5e5e5e;

        text-align: center;

        font-weight: lighter;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .t1-a1 {

        padding: 72px 0 48px;

    }

    .t1-a2 {

        font-size: 42px;

        line-height: 42px;

        color: #333333;

        font-weight: bold;

        text-align: center;

        margin-bottom: 22px;

    }

    .t1-a3 {

        font-size: 20px;

        line-height: 20px;

        color: #5e5e5e;

        text-align: center;

        font-weight: lighter;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .t1-a1 {

        padding: 72px 0 48px;

    }

    .t1-a2 {

        font-size: 42px;

        line-height: 42px;

        color: #333333;

        font-weight: bold;

        text-align: center;

        margin-bottom: 22px;

    }

    .t1-a3 {

        font-size: 20px;

        line-height: 20px;

        color: #5e5e5e;

        text-align: center;

        font-weight: lighter;

    }

}





/*t2*/



@media only screen and (min-width: 1921px) {

    .t2-a1 {

        position: relative;

    }

    .t2-a2 {

        font-size: 52px;

        line-height: 52px;

        color: #333333;

        font-weight: bold;

        margin-bottom: 36px;

    }

    .t2-a3 {

        font-size: 24px;

        line-height: 24px;

        color: #5e5e5e;

        font-weight: lighter;

        letter-spacing: 4px;

        text-indent: 4px;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .t2-a1 {

        position: relative;

    }

    .t2-a2 {

        font-size: 52px;

        line-height: 52px;

        color: #333333;

        font-weight: bold;

        margin-bottom: 36px;

    }

    .t2-a3 {

        font-size: 24px;

        line-height: 24px;

        color: #5e5e5e;

        font-weight: lighter;

        letter-spacing: 4px;

        text-indent: 4px;

    }

}



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

    .t2-a1 {

        position: relative;

    }

    .t2-a2 {

        font-size: 52px;

        line-height: 52px;

        color: #333333;

        font-weight: bold;

        margin-bottom: 36px;

    }

    .t2-a3 {

        font-size: 24px;

        line-height: 24px;

        color: #5e5e5e;

        font-weight: lighter;

        letter-spacing: 4px;

        text-indent: 4px;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .t2-a1 {

        position: relative;

    }

    .t2-a2 {

        font-size: 42px;

        line-height: 42px;

        color: #333333;

        font-weight: bold;

        margin-bottom: 28px;

    }

    .t2-a3 {

        font-size: 20px;

        line-height: 20px;

        color: #5e5e5e;

        font-weight: lighter;

        letter-spacing: 4px;

        text-indent: 4px;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .t2-a1 {

        position: relative;

    }

    .t2-a2 {

        font-size: 42px;

        line-height: 42px;

        color: #333333;

        font-weight: bold;

        margin-bottom: 28px;

    }

    .t2-a3 {

        font-size: 20px;

        line-height: 20px;

        color: #5e5e5e;

        font-weight: lighter;

        letter-spacing: 4px;

        text-indent: 4px;

    }

}





/*bt1*/



@media only screen and (min-width: 1921px) {

    .bt1-a1 {

        width: 64px;

        height: 64px;

        position: relative;

    }

    .bt1-a1 img {

        position: absolute;

        top: 0;

        left: 0;

    }

    .bt1-a1 img:nth-child(1) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

    .bt1-a1 img:nth-child(2) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(1) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(2) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .bt1-a1 {

        width: 64px;

        height: 64px;

        position: relative;

    }

    .bt1-a1 img {

        position: absolute;

        top: 0;

        left: 0;

    }

    .bt1-a1 img:nth-child(1) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

    .bt1-a1 img:nth-child(2) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(1) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(2) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

}



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

    .bt1-a1 {

        width: 64px;

        height: 64px;

        position: relative;

    }

    .bt1-a1 img {

        position: absolute;

        top: 0;

        left: 0;

    }

    .bt1-a1 img:nth-child(1) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

    .bt1-a1 img:nth-child(2) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(1) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(2) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .bt1-a1 {

        width: 48px;

        height: 48px;

        position: relative;

    }

    .bt1-a1 img {

        position: absolute;

        top: 0;

        left: 0;

    }

    .bt1-a1 img:nth-child(1) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

    .bt1-a1 img:nth-child(2) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(1) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(2) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .bt1-a1 {

        width: 48px;

        height: 48px;

        position: relative;

    }

    .bt1-a1 img {

        position: absolute;

        top: 0;

        left: 0;

    }

    .bt1-a1 img:nth-child(1) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

    .bt1-a1 img:nth-child(2) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(1) {

        opacity: 0;

        transform: scale(0);

        transition: 0.8s;

    }

    .bt1-a1:hover img:nth-child(2) {

        opacity: 1;

        transform: scale(1);

        transition: 0.8s;

    }

}





/*ind1*/



@media only screen and (min-width: 1921px) {

    .ind1-a1 {

        width: 100%;

        height: 920px;

        position: relative;

        overflow: hidden;

        z-index: 1;

    }

    .ind1-a2 {

        width: 2560px;

        height: 100%;

        position: relative;

        margin-left: calc(50% - 2560px/2);

    }

    .ind111 {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-wrapper {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind111 .swiper-slide video {

        width: 136%!important;

        height: 136%!important;

        position: absolute;

        top: -18%;

        left: -18%;

    }

    .ind111 .swiper-slide video+div {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-a3 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind1-a3 img {

        min-height: 100%;

    }

    .ind1-a4 {

        height: 434px;

        position: absolute;

        top: 266px;

        right: calc(50% - 1560px/2);

    }

    .ind1-a5 {

        position: absolute;

        top: 310px;

        left: calc(50% - 1560px/2);

    }

    .ind1-a6 {

        height: 76px;

        margin-bottom: 32px;

    }

    .ind1-a6>div {

        height: 76px;

        padding: 0 14px;

        background: #881a16;

        font-size: 60px;

        line-height: 76px;

        color: #fff0eb;

        float: left;

    }

    .ind1-a7 {

        font-size: 90px;

        line-height: 90px;

        color: #fefaf9;

        font-weight: bold;

        margin-bottom: 36px;

    }

    .ind1-a8 {

        width: 54px;

        height: 5px;

        background: #fff;

        margin-bottom: 44px;

    }

    .ind1-a9 {

        font-size: 54px;

        line-height: 54px;

        color: #fefaf9;

        font-weight: lighter;

    }

    .ind112 {

        left: calc(50% - 1560px/2)!important;

    }

    .ind113 {

        left: calc(50% - 1560px/2 + 40px)!important;

    }

    .ind114 {

        width: 12px;

        height: 22px;

        position: absolute;

        padding: 0;

        margin: 0;

        background: none;

        top: 844px!important;

        right: auto;

    }

    .ind114 img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind114:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind1-a10 {

        position: absolute;

        bottom: 30px;

        right: calc(50% - 1560px/2);

        z-index: 1;

        animation: scroll1 3s linear infinite;

    }

    .ind1-a10>div:nth-child(1) {

        font-size: 14px;

        line-height: 14px;

        color: #f6f0f0;

        font-weight: bold;

        position: relative;

    }

    .ind1-a10>div:nth-child(2) {

        width: 2px;

        height: 34px;

        background: #fff;

        position: absolute;

        bottom: 20px;

        left: calc(50% - 1px);

    }

    @keyframes scroll1 {

        0% {

            transform: translateY(0px);

        }

        50% {

            transform: translateY(-20px);

        }

        100% {

            transform: translateY(0px);

        }

    }

    .ind1-b1 {

        width: 100%;

        height: 920px;

        background: #830000;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .ind1-b2 {

        width: 1523px;

        height: 1080px;

        position: absolute;

        top: calc(50% - 1080px/2);

        left: calc(50% - 1523px/2);

        animation: ind1b511 4s linear infinite;

    }

    .ind1-b3 {

        width: 1190px;

        height: 462px;

        position: absolute;

        top: calc(50% - 462px/2);

        left: calc(50% - 1190px/2);

        animation: ind1b512 4s linear infinite;

    }

    .ind1-b4 {

        width: 100%;

        position: absolute;

        top: calc(50% - 80px);

        left: 0;

    }

    .ind1-b5 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-b5>div:nth-child(1) {

        font-size: 120px;

        line-height: 120px;

        color: #fff;

        text-align: center;

        font-weight: bold;

        margin-bottom: 20px;

    }

    .ind1-b5>div:nth-child(2) {

        font-size: 20px;

        line-height: 40px;

        color: #fff;

        text-align: center;

        text-transform: uppercase;

    }

    .ind1-b5:nth-child(1) {

        animation: ind1b51 3.5s linear infinite;

    }

    .ind1-b5:nth-child(2) {

        animation: ind1b52 3.5s linear infinite;

    }

    .ind1-b5:nth-child(3) {

        animation: ind1b53 3.5s linear infinite;

    }

    .ind1-b5:nth-child(4) {

        animation: ind1b54 3.5s linear infinite;

    }

    .ind1-b5:nth-child(5) {

        animation: ind1b55 3.5s linear infinite;

    }

    @keyframes ind1b511 {

        0% {

            transform: scale(1);

        }

        50% {

            transform: scale(1.1);

        }

        100% {

            transform: scale(1);

        }

    }

    @keyframes ind1b512 {

        0% {

            transform: scale(1);

        }

        50% {

            transform: scale(1.1);

        }

        100% {

            transform: scale(1);

        }

    }

    @keyframes ind1b51 {

        0% {

            opacity: 1;

        }

        20% {

            opacity: 1;

        }

        20.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b52 {

        0% {

            opacity: 0;

        }

        20% {

            opacity: 0;

        }

        20.1% {

            opacity: 1;

        }

        40% {

            opacity: 1;

        }

        40.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b53 {

        0% {

            opacity: 0;

        }

        40% {

            opacity: 0;

        }

        40.1% {

            opacity: 1;

        }

        60% {

            opacity: 1;

        }

        60.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b54 {

        0% {

            opacity: 0;

        }

        60% {

            opacity: 0;

        }

        60.1% {

            opacity: 1;

        }

        80% {

            opacity: 1;

        }

        80.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b55 {

        0% {

            opacity: 0;

        }

        80% {

            opacity: 0;

        }

        80.1% {

            opacity: 1;

        }

        100% {

            opacity: 1;

        }

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind1-a1 {

        width: 100%;

        height: 920px;

        position: relative;

        overflow: hidden;

        z-index: 1;

    }

    .ind1-a2 {

        width: 1920px;

        height: 100%;

        position: relative;

        margin-left: calc(50% - 1920px/2);

    }

    .ind111 {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-wrapper {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind111 .swiper-slide video {

        width: 120%!important;

        height: 120%!important;

        position: absolute;

        top: -10%;

        left: -10;

    }

    .ind111 .swiper-slide video+div {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-a3 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind1-a3 img {

        min-height: 100%;

    }

    .ind1-a4 {

        height: 434px;

        position: absolute;

        top: 266px;

        right: calc(50% - 1560px/2);

    }

    .ind1-a5 {

        position: absolute;

        top: 310px;

        left: calc(50% - 1560px/2);

    }

    .ind1-a6 {

        height: 76px;

        margin-bottom: 32px;

    }

    .ind1-a6>div {

        height: 76px;

        padding: 0 14px;

        background: #881a16;

        font-size: 60px;

        line-height: 76px;

        color: #fff0eb;

        float: left;

    }

    .ind1-a7 {

        font-size: 90px;

        line-height: 90px;

        color: #fefaf9;

        font-weight: bold;

        margin-bottom: 36px;

    }

    .ind1-a8 {

        width: 54px;

        height: 5px;

        background: #fff;

        margin-bottom: 44px;

    }

    .ind1-a9 {

        font-size: 54px;

        line-height: 54px;

        color: #fefaf9;

        font-weight: lighter;

    }

    .ind112 {

        left: calc(50% - 1560px/2)!important;

    }

    .ind113 {

        left: calc(50% - 1560px/2 + 40px)!important;

    }

    .ind114 {

        width: 12px;

        height: 22px;

        position: absolute;

        padding: 0;

        margin: 0;

        background: none;

        top: 844px!important;

        right: auto;

    }

    .ind114 img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind114:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind1-a10 {

        position: absolute;

        bottom: 30px;

        right: calc(50% - 1560px/2);

        z-index: 1;

        animation: scroll1 3s linear infinite;

    }

    .ind1-a10>div:nth-child(1) {

        font-size: 14px;

        line-height: 14px;

        color: #f6f0f0;

        font-weight: bold;

        position: relative;

    }

    .ind1-a10>div:nth-child(2) {

        width: 2px;

        height: 34px;

        background: #fff;

        position: absolute;

        bottom: 20px;

        left: calc(50% - 1px);

    }

    @keyframes scroll1 {

        0% {

            transform: translateY(0px);

        }

        50% {

            transform: translateY(-20px);

        }

        100% {

            transform: translateY(0px);

        }

    }

    .ind1-b1 {

        width: 100%;

        height: 920px;

        background: #830000;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .ind1-b2 {

        width: 1523px;

        height: 1080px;

        position: absolute;

        top: calc(50% - 1080px/2);

        left: calc(50% - 1523px/2);

        animation: ind1b511 4s linear infinite;

    }

    .ind1-b3 {

        width: 1190px;

        height: 462px;

        position: absolute;

        top: calc(50% - 462px/2);

        left: calc(50% - 1190px/2);

        animation: ind1b512 4s linear infinite;

    }

    .ind1-b4 {

        width: 100%;

        position: absolute;

        top: calc(50% - 80px);

        left: 0;

    }

    .ind1-b5 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-b5>div:nth-child(1) {

        font-size: 120px;

        line-height: 120px;

        color: #fff;

        text-align: center;

        font-weight: bold;

        margin-bottom: 20px;

    }

    .ind1-b5>div:nth-child(2) {

        font-size: 20px;

        line-height: 40px;

        color: #fff;

        text-align: center;

        text-transform: uppercase;

    }

    .ind1-b5:nth-child(1) {

        animation: ind1b51 3.5s linear infinite;

    }

    .ind1-b5:nth-child(2) {

        animation: ind1b52 3.5s linear infinite;

    }

    .ind1-b5:nth-child(3) {

        animation: ind1b53 3.5s linear infinite;

    }

    .ind1-b5:nth-child(4) {

        animation: ind1b54 3.5s linear infinite;

    }

    .ind1-b5:nth-child(5) {

        animation: ind1b55 3.5s linear infinite;

    }

    @keyframes ind1b511 {

        0% {

            transform: scale(1);

        }

        50% {

            transform: scale(1.1);

        }

        100% {

            transform: scale(1);

        }

    }

    @keyframes ind1b512 {

        0% {

            transform: scale(1);

        }

        50% {

            transform: scale(1.1);

        }

        100% {

            transform: scale(1);

        }

    }

    @keyframes ind1b51 {

        0% {

            opacity: 1;

        }

        20% {

            opacity: 1;

        }

        20.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b52 {

        0% {

            opacity: 0;

        }

        20% {

            opacity: 0;

        }

        20.1% {

            opacity: 1;

        }

        40% {

            opacity: 1;

        }

        40.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b53 {

        0% {

            opacity: 0;

        }

        40% {

            opacity: 0;

        }

        40.1% {

            opacity: 1;

        }

        60% {

            opacity: 1;

        }

        60.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b54 {

        0% {

            opacity: 0;

        }

        60% {

            opacity: 0;

        }

        60.1% {

            opacity: 1;

        }

        80% {

            opacity: 1;

        }

        80.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b55 {

        0% {

            opacity: 0;

        }

        80% {

            opacity: 0;

        }

        80.1% {

            opacity: 1;

        }

        100% {

            opacity: 1;

        }

    }

}



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

    .ind1-a1 {

        width: 100%;

        height: 920px;

        position: relative;

        overflow: hidden;

        z-index: 1;

    }

    .ind1-a2 {

        width: 1920px;

        height: 100%;

        position: relative;

        margin-left: calc(50% - 1920px/2);

    }

    .ind111 {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-wrapper {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind111 .swiper-slide video {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind111 .swiper-slide video+div {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-a3 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind1-a3 img {

        min-height: 100%;

    }

    .ind1-a4 {

        height: 434px;

        position: absolute;

        top: 266px;

        right: calc(50% - 1360px/2);

    }

    .ind1-a5 {

        position: absolute;

        top: 310px;

        left: calc(50% - 1360px/2);

    }

    .ind1-a6 {

        height: 76px;

        margin-bottom: 32px;

    }

    .ind1-a6>div {

        height: 76px;

        padding: 0 14px;

        background: #881a16;

        font-size: 60px;

        line-height: 76px;

        color: #fff0eb;

        float: left;

    }

    .ind1-a7 {

        font-size: 90px;

        line-height: 90px;

        color: #fefaf9;

        font-weight: bold;

        margin-bottom: 36px;

    }

    .ind1-a8 {

        width: 54px;

        height: 5px;

        background: #fff;

        margin-bottom: 44px;

    }

    .ind1-a9 {

        font-size: 54px;

        line-height: 54px;

        color: #fefaf9;

        font-weight: lighter;

    }

    .ind112 {

        left: calc(50% - 1360px/2)!important;

    }

    .ind113 {

        left: calc(50% - 1360px/2 + 40px)!important;

    }

    .ind114 {

        width: 12px;

        height: 22px;

        position: absolute;

        padding: 0;

        margin: 0;

        background: none;

        top: 844px!important;

        right: auto;

    }

    .ind114 img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind114:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind1-a10 {

        position: absolute;

        bottom: 30px;

        right: calc(50% - 1360px/2);

        z-index: 1;

        animation: scroll1 3s linear infinite;

    }

    .ind1-a10>div:nth-child(1) {

        font-size: 14px;

        line-height: 14px;

        color: #f6f0f0;

        font-weight: bold;

        position: relative;

    }

    .ind1-a10>div:nth-child(2) {

        width: 2px;

        height: 34px;

        background: #fff;

        position: absolute;

        bottom: 20px;

        left: calc(50% - 1px);

    }

    @keyframes scroll1 {

        0% {

            transform: translateY(0px);

        }

        50% {

            transform: translateY(-20px);

        }

        100% {

            transform: translateY(0px);

        }

    }

    .ind1-b1 {

        width: 100%;

        height: 920px;

        background: #830000;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .ind1-b2 {

        width: 1523px;

        height: 1080px;

        position: absolute;

        top: calc(50% - 1080px/2);

        left: calc(50% - 1523px/2);

        animation: ind1b511 4s linear infinite;

    }

    .ind1-b3 {

        width: 1190px;

        height: 462px;

        position: absolute;

        top: calc(50% - 462px/2);

        left: calc(50% - 1190px/2);

        animation: ind1b512 4s linear infinite;

    }

    .ind1-b4 {

        width: 100%;

        position: absolute;

        top: calc(50% - 80px);

        left: 0;

    }

    .ind1-b5 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-b5>div:nth-child(1) {

        font-size: 120px;

        line-height: 120px;

        color: #fff;

        text-align: center;

        font-weight: bold;

        margin-bottom: 20px;

    }

    .ind1-b5>div:nth-child(2) {

        font-size: 20px;

        line-height: 40px;

        color: #fff;

        text-align: center;

        text-transform: uppercase;

    }

    .ind1-b5:nth-child(1) {

        animation: ind1b51 3.5s linear infinite;

    }

    .ind1-b5:nth-child(2) {

        animation: ind1b52 3.5s linear infinite;

    }

    .ind1-b5:nth-child(3) {

        animation: ind1b53 3.5s linear infinite;

    }

    .ind1-b5:nth-child(4) {

        animation: ind1b54 3.5s linear infinite;

    }

    .ind1-b5:nth-child(5) {

        animation: ind1b55 3.5s linear infinite;

    }

    @keyframes ind1b511 {

        0% {

            transform: scale(1);

        }

        50% {

            transform: scale(1.1);

        }

        100% {

            transform: scale(1);

        }

    }

    @keyframes ind1b512 {

        0% {

            transform: scale(1);

        }

        50% {

            transform: scale(1.1);

        }

        100% {

            transform: scale(1);

        }

    }

    @keyframes ind1b51 {

        0% {

            opacity: 1;

        }

        20% {

            opacity: 1;

        }

        20.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b52 {

        0% {

            opacity: 0;

        }

        20% {

            opacity: 0;

        }

        20.1% {

            opacity: 1;

        }

        40% {

            opacity: 1;

        }

        40.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b53 {

        0% {

            opacity: 0;

        }

        40% {

            opacity: 0;

        }

        40.1% {

            opacity: 1;

        }

        60% {

            opacity: 1;

        }

        60.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b54 {

        0% {

            opacity: 0;

        }

        60% {

            opacity: 0;

        }

        60.1% {

            opacity: 1;

        }

        80% {

            opacity: 1;

        }

        80.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b55 {

        0% {

            opacity: 0;

        }

        80% {

            opacity: 0;

        }

        80.1% {

            opacity: 1;

        }

        100% {

            opacity: 1;

        }

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind1-a1 {

        width: 100%;

        height: 690px;

        position: relative;

        overflow: hidden;

        z-index: 1;

    }

    .ind1-a2 {

        width: 1440px;

        height: 100%;

        position: relative;

        margin-left: calc(50% - 1440px/2);

    }

    .ind111 {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-wrapper {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind111 .swiper-slide video {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind111 .swiper-slide video+div {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-a3 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind1-a3 img {

        min-height: 100%;

    }

    .ind1-a4 {

        height: 320px;

        position: absolute;

        top: 200px;

        right: calc(50% - 1160px/2);

    }

    .ind1-a5 {

        position: absolute;

        top: 240px;

        left: calc(50% - 1160px/2);

    }

    .ind1-a6 {

        height: 56px;

        margin-bottom: 24px;

    }

    .ind1-a6>div {

        height: 56px;

        padding: 0 10px;

        background: #881a16;

        font-size: 44px;

        line-height: 56px;

        color: #fff0eb;

        float: left;

    }

    .ind1-a7 {

        font-size: 72px;

        line-height: 72px;

        color: #fefaf9;

        font-weight: bold;

        margin-bottom: 28px;

    }

    .ind1-a8 {

        width: 44px;

        height: 5px;

        background: #fff;

        margin-bottom: 32px;

    }

    .ind1-a9 {

        font-size: 44px;

        line-height: 44px;

        color: #fefaf9;

        font-weight: lighter;

    }

    .ind112 {

        left: calc(50% - 1160px/2)!important;

    }

    .ind113 {

        left: calc(50% - 1160px/2 + 40px)!important;

    }

    .ind114 {

        width: 12px;

        height: 22px;

        position: absolute;

        padding: 0;

        margin: 0;

        background: none;

        top: 620px!important;

        right: auto;

    }

    .ind114 img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind114:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind1-a10 {

        position: absolute;

        bottom: 30px;

        right: calc(50% - 1160px/2);

        z-index: 1;

        animation: scroll1 3s linear infinite;

    }

    .ind1-a10>div:nth-child(1) {

        font-size: 14px;

        line-height: 14px;

        color: #f6f0f0;

        font-weight: bold;

        position: relative;

    }

    .ind1-a10>div:nth-child(2) {

        width: 2px;

        height: 34px;

        background: #fff;

        position: absolute;

        bottom: 20px;

        left: calc(50% - 1px);

    }

    @keyframes scroll1 {

        0% {

            transform: translateY(0px);

        }

        50% {

            transform: translateY(-20px);

        }

        100% {

            transform: translateY(0px);

        }

    }

    .ind1-b1 {

        width: 100%;

        height: 690px;

        background: #830000;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .ind1-b2 {

        width: 1523px;

        height: 1080px;

        position: absolute;

        top: calc(50% - 1080px/2);

        left: calc(50% - 1523px/2);

        animation: ind1b511 4s linear infinite;

    }

    .ind1-b3 {

        width: 1190px;

        height: 462px;

        position: absolute;

        top: calc(50% - 462px/2);

        left: calc(50% - 1190px/2);

        animation: ind1b512 4s linear infinite;

    }

    .ind1-b4 {

        width: 100%;

        position: absolute;

        top: calc(50% - 70px);

        left: 0;

    }

    .ind1-b5 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-b5>div:nth-child(1) {

        font-size: 90px;

        line-height: 90px;

        color: #fff;

        text-align: center;

        font-weight: bold;

        margin-bottom: 20px;

    }

    .ind1-b5>div:nth-child(2) {

        font-size: 14px;

        line-height: 30px;

        color: #fff;

        text-align: center;

        text-transform: uppercase;

    }

    .ind1-b5:nth-child(1) {

        animation: ind1b51 3.5s linear infinite;

    }

    .ind1-b5:nth-child(2) {

        animation: ind1b52 3.5s linear infinite;

    }

    .ind1-b5:nth-child(3) {

        animation: ind1b53 3.5s linear infinite;

    }

    .ind1-b5:nth-child(4) {

        animation: ind1b54 3.5s linear infinite;

    }

    .ind1-b5:nth-child(5) {

        animation: ind1b55 3.5s linear infinite;

    }

    @keyframes ind1b511 {

        0% {

            transform: scale(0.75);

        }

        50% {

            transform: scale(0.9);

        }

        100% {

            transform: scale(0.75);

        }

    }

    @keyframes ind1b512 {

        0% {

            transform: scale(0.75);

        }

        50% {

            transform: scale(0.9);

        }

        100% {

            transform: scale(0.75);

        }

    }

    @keyframes ind1b51 {

        0% {

            opacity: 1;

        }

        20% {

            opacity: 1;

        }

        20.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b52 {

        0% {

            opacity: 0;

        }

        20% {

            opacity: 0;

        }

        20.1% {

            opacity: 1;

        }

        40% {

            opacity: 1;

        }

        40.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b53 {

        0% {

            opacity: 0;

        }

        40% {

            opacity: 0;

        }

        40.1% {

            opacity: 1;

        }

        60% {

            opacity: 1;

        }

        60.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b54 {

        0% {

            opacity: 0;

        }

        60% {

            opacity: 0;

        }

        60.1% {

            opacity: 1;

        }

        80% {

            opacity: 1;

        }

        80.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b55 {

        0% {

            opacity: 0;

        }

        80% {

            opacity: 0;

        }

        80.1% {

            opacity: 1;

        }

        100% {

            opacity: 1;

        }

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind1-a1 {

        width: 100%;

        height: 690px;

        position: relative;

        overflow: hidden;

        z-index: 1;

    }

    .ind1-a2 {

        width: 1440px;

        height: 100%;

        position: relative;

        margin-left: calc(50% - 1440px/2);

    }

    .ind111 {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-wrapper {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind111 .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind111 .swiper-slide video {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind111 .swiper-slide video+div {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-a3 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind1-a3 img {

        min-height: 100%;

    }

    .ind1-a4 {

        height: 320px;

        position: absolute;

        top: 200px;

        right: calc(50% - 960px/2);

    }

    .ind1-a5 {

        position: absolute;

        top: 240px;

        left: calc(50% - 960px/2);

    }

    .ind1-a6 {

        height: 56px;

        margin-bottom: 24px;

    }

    .ind1-a6>div {

        height: 56px;

        padding: 0 10px;

        background: #881a16;

        font-size: 44px;

        line-height: 56px;

        color: #fff0eb;

        float: left;

    }

    .ind1-a7 {

        font-size: 72px;

        line-height: 72px;

        color: #fefaf9;

        font-weight: bold;

        margin-bottom: 28px;

    }

    .ind1-a8 {

        width: 44px;

        height: 5px;

        background: #fff;

        margin-bottom: 32px;

    }

    .ind1-a9 {

        font-size: 44px;

        line-height: 44px;

        color: #fefaf9;

        font-weight: lighter;

    }

    .ind112 {

        left: calc(50% - 960px/2)!important;

    }

    .ind113 {

        left: calc(50% - 960px/2 + 40px)!important;

    }

    .ind114 {

        width: 12px;

        height: 22px;

        position: absolute;

        padding: 0;

        margin: 0;

        background: none;

        top: 620px!important;

        right: auto;

    }

    .ind114 img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind114:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind1-a10 {

        position: absolute;

        bottom: 30px;

        right: calc(50% - 960px/2);

        z-index: 1;

        animation: scroll1 3s linear infinite;

    }

    .ind1-a10>div:nth-child(1) {

        font-size: 14px;

        line-height: 14px;

        color: #f6f0f0;

        font-weight: bold;

        position: relative;

    }

    .ind1-a10>div:nth-child(2) {

        width: 2px;

        height: 34px;

        background: #fff;

        position: absolute;

        bottom: 20px;

        left: calc(50% - 1px);

    }

    @keyframes scroll1 {

        0% {

            transform: translateY(0px);

        }

        50% {

            transform: translateY(-20px);

        }

        100% {

            transform: translateY(0px);

        }

    }

    .ind1-b1 {

        width: 100%;

        height: 690px;

        background: #830000;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .ind1-b2 {

        width: 1523px;

        height: 1080px;

        position: absolute;

        top: calc(50% - 1080px/2);

        left: calc(50% - 1523px/2);

        animation: ind1b511 4s linear infinite;

    }

    .ind1-b3 {

        width: 1190px;

        height: 462px;

        position: absolute;

        top: calc(50% - 462px/2);

        left: calc(50% - 960px/2);

        animation: ind1b512 4s linear infinite;

    }

    .ind1-b4 {

        width: 100%;

        position: absolute;

        top: calc(50% - 70px);

        left: 0;

    }

    .ind1-b5 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind1-b5>div:nth-child(1) {

        font-size: 90px;

        line-height: 90px;

        color: #fff;

        text-align: center;

        font-weight: bold;

        margin-bottom: 20px;

    }

    .ind1-b5>div:nth-child(2) {

        font-size: 14px;

        line-height: 30px;

        color: #fff;

        text-align: center;

        text-transform: uppercase;

    }

    .ind1-b5:nth-child(1) {

        animation: ind1b51 3.5s linear infinite;

    }

    .ind1-b5:nth-child(2) {

        animation: ind1b52 3.5s linear infinite;

    }

    .ind1-b5:nth-child(3) {

        animation: ind1b53 3.5s linear infinite;

    }

    .ind1-b5:nth-child(4) {

        animation: ind1b54 3.5s linear infinite;

    }

    .ind1-b5:nth-child(5) {

        animation: ind1b55 3.5s linear infinite;

    }

    @keyframes ind1b511 {

        0% {

            transform: scale(0.75);

        }

        50% {

            transform: scale(0.9);

        }

        100% {

            transform: scale(0.75);

        }

    }

    @keyframes ind1b512 {

        0% {

            transform: scale(0.75);

        }

        50% {

            transform: scale(0.9);

        }

        100% {

            transform: scale(0.75);

        }

    }

    @keyframes ind1b51 {

        0% {

            opacity: 1;

        }

        20% {

            opacity: 1;

        }

        20.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b52 {

        0% {

            opacity: 0;

        }

        20% {

            opacity: 0;

        }

        20.1% {

            opacity: 1;

        }

        40% {

            opacity: 1;

        }

        40.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b53 {

        0% {

            opacity: 0;

        }

        40% {

            opacity: 0;

        }

        40.1% {

            opacity: 1;

        }

        60% {

            opacity: 1;

        }

        60.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b54 {

        0% {

            opacity: 0;

        }

        60% {

            opacity: 0;

        }

        60.1% {

            opacity: 1;

        }

        80% {

            opacity: 1;

        }

        80.1% {

            opacity: 0;

        }

        100% {

            opacity: 0;

        }

    }

    @keyframes ind1b55 {

        0% {

            opacity: 0;

        }

        80% {

            opacity: 0;

        }

        80.1% {

            opacity: 1;

        }

        100% {

            opacity: 1;

        }

    }

}





/*ind2*/



@media only screen and (min-width: 1921px) {

    .ind2-a1 {

        width: 100%;

    }

    .ind2-a2 {

        width: 1560px;

        position: relative;

        text-align: center;

        margin: 0 auto 44px;

    }

    .ind2-a3 {

        display: inline-block;

        margin: 0 45px;

    }

    .ind2-a4 {

        font-size: 60px;

        line-height: 60px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

        display: none;

    }

    .ind2-a5 {

        font-size: 60px;

        line-height: 60px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

    }

    .ind2-a5 span {

        display: inline-block;

        height: 60px;

        margin: 0 0 12px;

    }

    .ind2-a6 {

        font-size: 16px;

        line-height: 16px;

        color: #696969;

        text-align: center;

    }

    .ind2-a7 {

        width: 1140px;

        font-size: 16px;

        line-height: 40px;

        color: #5e5e5e;

        text-align: center;

        margin: 0 auto 48px;

    }

    .ind2-a1 .bt1-a1 {

        margin: 0 auto;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind2-a1 {

        width: 100%;

    }

    .ind2-a2 {

        width: 1560px;

        position: relative;

        text-align: center;

        margin: 0 auto 44px;

    }

    .ind2-a3 {

        display: inline-block;

        margin: 0 45px;

    }

    .ind2-a4 {

        font-size: 60px;

        line-height: 60px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

        display: none;

    }

    .ind2-a5 {

        font-size: 60px;

        line-height: 60px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

    }

    .ind2-a5 span {

        display: inline-block;

        height: 60px;

        margin: 0 0 12px;

    }

    .ind2-a6 {

        font-size: 16px;

        line-height: 16px;

        color: #696969;

        text-align: center;

    }

    .ind2-a7 {

        width: 1140px;

        font-size: 16px;

        line-height: 40px;

        color: #5e5e5e;

        text-align: center;

        margin: 0 auto 48px;

    }

    .ind2-a1 .bt1-a1 {

        margin: 0 auto;

    }

}



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

    .ind2-a1 {

        width: 100%;

    }

    .ind2-a2 {

        width: 1360px;

        position: relative;

        text-align: center;

        margin: 0 auto 44px;

    }

    .ind2-a3 {

        display: inline-block;

        margin: 0 45px;

    }

    .ind2-a4 {

        font-size: 60px;

        line-height: 60px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

        display: none;

    }

    .ind2-a5 {

        font-size: 60px;

        line-height: 60px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

    }

    .ind2-a5 span {

        display: inline-block;

        height: 60px;

        margin: 0 0 12px;

    }

    .ind2-a6 {

        font-size: 16px;

        line-height: 16px;

        color: #696969;

        text-align: center;

    }

    .ind2-a7 {

        width: 1140px;

        font-size: 16px;

        line-height: 40px;

        color: #5e5e5e;

        text-align: center;

        margin: 0 auto 48px;

    }

    .ind2-a1 .bt1-a1 {

        margin: 0 auto;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind2-a1 {

        width: 100%;

    }

    .ind2-a2 {

        width: 1160px;

        position: relative;

        text-align: center;

        margin: 0 auto 32px;

    }

    .ind2-a3 {

        display: inline-block;

        margin: 0 45px;

    }

    .ind2-a4 {

        font-size: 48px;

        line-height: 48px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

        display: none;

    }

    .ind2-a5 {

        font-size: 48px;

        line-height: 48px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

    }

    .ind2-a5 span {

        display: inline-block;

        height: 48px;

        margin: 0 0 12px;

    }

    .ind2-a6 {

        font-size: 14px;

        line-height: 14px;

        color: #696969;

        text-align: center;

    }

    .ind2-a7 {

        width: 1000px;

        font-size: 14px;

        line-height: 32px;

        color: #5e5e5e;

        text-align: center;

        margin: 0 auto 36px;

    }

    .ind2-a1 .bt1-a1 {

        margin: 0 auto;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind2-a1 {

        width: 100%;

    }

    .ind2-a2 {

        width: 960px;

        position: relative;

        text-align: center;

        margin: 0 auto 32px;

    }

    .ind2-a3 {

        display: inline-block;

        margin: 0 45px;

    }

    .ind2-a4 {

        font-size: 48px;

        line-height: 48px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

        display: none;

    }

    .ind2-a5 {

        font-size: 48px;

        line-height: 48px;

        color: #2c2c2c;

        text-align: center;

        font-family: 'Rubik';

        margin-bottom: 12px;

    }

    .ind2-a5 span {

        display: inline-block;

        height: 48px;

        margin: 0 0 12px;

    }

    .ind2-a6 {

        font-size: 14px;

        line-height: 14px;

        color: #696969;

        text-align: center;

    }

    .ind2-a7 {

        width: 900px;

        font-size: 14px;

        line-height: 32px;

        color: #5e5e5e;

        text-align: center;

        margin: 0 auto 36px;

    }

    .ind2-a1 .bt1-a1 {

        margin: 0 auto;

    }

}





/*ind3*/



@media only screen and (min-width: 1921px) {

    .ind3-a1 {

        width: calc(1848/1920*100%);

        position: relative;

        margin: 0 auto;

        display: flex;

        justify-content: space-between;

    }

    .ind3-a2 {

        width: calc(454/1848*100%);

        height: 0;

        padding-bottom: calc(712/1848*100%);

        position: relative;

    }

    .ind3-a3 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        background: #000;

    }

    .ind3-a3 img {

        min-height: 100%;

        opacity: 0.45;

        transition: 0.5s;

    }

    .ind3-a2:hover .ind3-a3 img {

        opacity: 1;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .ind3-a4 {

        width: calc(374/454*100%);

        position: absolute;

        top: calc(100% - 148px);

        left: calc(40/454*100%);

        transition: 0.5s;

    }

    .ind3-a2:hover .ind3-a4 {

        top: calc(350/712*100%);

        transition: 0.5s;

    }

    .ind3-a5 {

        height: 64px;

        position: relative;

    }

    .ind3-a6 {

        font-size: 30px;

        line-height: 34px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 50px;

    }

    .ind3-a7 {

        font-size: 18px;

        line-height: 18px;

        color: #fff;

        margin-bottom: 18px;

    }

    .ind3-a8 {

        position: relative;

    }

    .ind3-a8>div {

        font-size: 16px;

        line-height: 36px;

        color: #fff;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind3-a1 {

        width: calc(1848/1920*100%);

        position: relative;

        margin: 0 auto;

        display: flex;

        justify-content: space-between;

    }

    .ind3-a2 {

        width: calc(454/1848*100%);

        height: 0;

        padding-bottom: calc(712/1848*100%);

        position: relative;

    }

    .ind3-a3 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        background: #000;

    }

    .ind3-a3 img {

        min-height: 100%;

        opacity: 0.6;

        transition: 0.5s;

    }

    .ind3-a2:hover .ind3-a3 img {

        opacity: 1;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .ind3-a4 {

        width: calc(374/454*100%);

        position: absolute;

        top: calc(100% - 148px);

        left: calc(40/454*100%);

        transition: 0.5s;

    }

    .ind3-a2:hover .ind3-a4 {

        top: calc(280/712*100%);

        transition: 0.5s;

    }

    .ind3-a5 {

        height: 64px;

        position: relative;

    }

    .ind3-a6 {

        font-size: 30px;

        line-height: 34px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 50px;

    }

    .ind3-a7 {

        font-size: 18px;

        line-height: 18px;

        color: #fff;

        margin-bottom: 18px;

    }

    .ind3-a8 {

        position: relative;

    }

    .ind3-a8>div {

        font-size: 16px;

        line-height: 36px;

        color: #fff;

    }

}



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

    .ind3-a1 {

        width: calc(1848/1920*100%);

        position: relative;

        margin: 0 auto;

        display: flex;

        justify-content: space-between;

    }

    .ind3-a2 {

        width: calc(454/1848*100%);

        height: 0;

        padding-bottom: calc(712/1848*100%);

        position: relative;

    }

    .ind3-a3 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        background: #000;

    }

    .ind3-a3 img {

        min-height: 100%;

        opacity: 0.6;

        transition: 0.5s;

    }

    .ind3-a2:hover .ind3-a3 img {

        opacity: 1;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .ind3-a4 {

        width: calc(374/454*100%);

        position: absolute;

        top: calc(100% - 148px);

        left: calc(40/454*100%);

        transition: 0.5s;

    }

    .ind3-a2:hover .ind3-a4 {

        top: calc(100% - 340px);

        transition: 0.5s;

    }

    .ind3-a5 {

        height: 64px;

        position: relative;

    }

    .ind3-a6 {

        font-size: 30px;

        line-height: 34px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 50px;

    }

    .ind3-a7 {

        font-size: 18px;

        line-height: 18px;

        color: #fff;

        margin-bottom: 18px;

    }

    .ind3-a8 {

        position: relative;

    }

    .ind3-a8>div {

        font-size: 16px;

        line-height: 36px;

        color: #fff;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind3-a1 {

        width: calc(1848/1920*100%);

        position: relative;

        margin: 0 auto;

        display: flex;

        justify-content: space-between;

    }

    .ind3-a2 {

        width: calc(454/1848*100%);

        height: 0;

        padding-bottom: calc(712/1848*100%);

        position: relative;

    }

    .ind3-a3 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        background: #000;

    }

    .ind3-a3 img {

        min-height: 100%;

        opacity: 0.6;

        transition: 0.5s;

    }

    .ind3-a2:hover .ind3-a3 img {

        opacity: 1;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .ind3-a4 {

        width: calc(374/454*100%);

        position: absolute;

        top: calc(100% - 120px);

        left: calc(40/454*100%);

        transition: 0.5s;

    }

    .ind3-a2:hover .ind3-a4 {

        top: calc(320/712*100%);

        transition: 0.5s;

    }

    .ind3-a5 {

        height: 44px;

        position: relative;

    }

    .ind3-a6 {

        font-size: 24px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 14px;

    }

    .ind3-a7 {

        font-size: 14px;

        line-height: 14px;

        color: #fff;

        margin-bottom: 14px;

    }

    .ind3-a8 {

        position: relative;

    }

    .ind3-a8>div {

        font-size: 14px;

        line-height: 28px;

        color: #fff;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind3-a1 {

        width: calc(1848/1920*100%);

        position: relative;

        margin: 0 auto;

        display: flex;

        justify-content: space-between;

    }

    .ind3-a2 {

        width: calc(454/1848*100%);

        height: 0;

        padding-bottom: calc(712/1848*100%);

        position: relative;

    }

    .ind3-a3 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        background: #000;

    }

    .ind3-a3 img {

        min-height: 100%;

        opacity: 0.6;

        transition: 0.5s;

    }

    .ind3-a2:hover .ind3-a3 img {

        opacity: 1;

        transform: scale(1.05);

        transition: 0.5s;

    }

    .ind3-a4 {

        width: calc(374/454*100%);

        position: absolute;

        top: calc(100% - 120px);

        left: calc(40/454*100%);

    }

    .ind3-a2:hover .ind3-a4 {

        top: calc(280/712*100%);

        transition: 0.5s;

    }

    .ind3-a5 {

        height: 44px;

        position: relative;

    }

    .ind3-a6 {

        font-size: 24px;

        line-height: 30px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 14px;

    }

    .ind3-a7 {

        font-size: 14px;

        line-height: 14px;

        color: #fff;

        margin-bottom: 14px;

    }

    .ind3-a8 {

        position: relative;

    }

    .ind3-a8>div {

        font-size: 14px;

        line-height: 28px;

        color: #fff;

    }

}





/*ind4*/



@media only screen and (min-width: 1921px) {

    .ind4-a1 {

        width: 100%;

        height: 840px;

        position: relative;

    }

    .ind4-a1 {

        background-image: url(../img/b11.jpg);

        background-size: 2560px auto;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #222222;

    }

    .ind4-a2 {

        width: calc(260px*5);

        position: absolute;

        top: 94px;

        left: calc(50% - 260px*5/2);

    }

    .ind4-a3 {

        width: 20%;

        position: relative;

        float: left;

    }

    .ind4-a4 {

        width: 130px;

        font-size: 20px;

        line-height: 20px;

        color: #8f8f8f;

        font-weight: bold;

        text-align: center;

        margin: 0 auto 24px;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a4 {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind4-a5 {

        width: 10px;

        height: 10px;

        background: rgba(213, 213, 213, 0.15);

        border-radius: 50%;

        margin: 0 auto;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a5 {

        background: #a80a28;

        transition: 0.5s;

    }

    .ind4-a6 {

        width: 100%;

        position: absolute;

        top: 48px;

        left: 0;

    }

    .ind4-a6>div {

        width: calc(50% - 30px);

        height: 1px;

        background: rgba(213, 213, 213, 0.15);

        position: absolute;

        top: 0;

    }

    .ind4-a6>div:nth-child(1) {

        left: 0;

    }

    .ind4-a6>div:nth-child(2) {

        right: 0;

    }

    .ind4-a3:first-child .ind4-a6>div:nth-child(1) {

        display: none;

    }

    .ind4-a3:last-child .ind4-a6>div:nth-child(2) {

        display: none;

    }

    .ind4-a7 {

        width: 1440px;

        position: absolute;

        top: 220px;

        left: calc(50% - 1440px/2);

    }

    .ind4-b1 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind4-b2 {

        width: 634px;

        height: 370px;

        position: relative;

        float: left;

    }

    .ind4-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind4-b2:hover img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind4-b3 {

        width: 510px;

        margin-right: 90px;

        padding-top: 50px;

        float: right;

    }

    .ind4-b4 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 30px;

    }

    .ind4-b5 {

        font-size: 18px;

        line-height: 36px;

        color: #c1c1c1;

        height: calc(36px*3);

        margin-bottom: 44px;

    }

    .ind4-b6 {

        width: 138px;

        height: 48px;

        border: 2px solid #8c8c8c;

        border-radius: 24px;

        font-size: 16px;

        line-height: 44px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .ind4-b6:hover {

        background: #fff;

        border: 2px solid #fff;

        color: #8c8c8c;

        transition: 0.5s;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind4-a1 {

        width: 100%;

        height: 840px;

        position: relative;

    }

    .ind4-a1 {

        background-image: url(../img/b11.jpg);

        background-size: 1920px 100%;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #222222;

    }

    .ind4-a2 {

        width: calc(260px*5);

        position: absolute;

        top: 94px;

        left: calc(50% - 260px*5/2);

    }

    .ind4-a3 {

        width: 20%;

        position: relative;

        float: left;

    }

    .ind4-a4 {

        width: 130px;

        font-size: 20px;

        line-height: 20px;

        color: #8f8f8f;

        font-weight: bold;

        text-align: center;

        margin: 0 auto 24px;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a4 {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind4-a5 {

        width: 10px;

        height: 10px;

        background: rgba(213, 213, 213, 0.15);

        border-radius: 50%;

        margin: 0 auto;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a5 {

        background: #a80a28;

        transition: 0.5s;

    }

    .ind4-a6 {

        width: 100%;

        position: absolute;

        top: 48px;

        left: 0;

    }

    .ind4-a6>div {

        width: calc(50% - 30px);

        height: 1px;

        background: rgba(213, 213, 213, 0.15);

        position: absolute;

        top: 0;

    }

    .ind4-a6>div:nth-child(1) {

        left: 0;

    }

    .ind4-a6>div:nth-child(2) {

        right: 0;

    }

    .ind4-a3:first-child .ind4-a6>div:nth-child(1) {

        display: none;

    }

    .ind4-a3:last-child .ind4-a6>div:nth-child(2) {

        display: none;

    }

    .ind4-a7 {

        width: 1440px;

        position: absolute;

        top: 220px;

        left: calc(50% - 1440px/2);

    }

    .ind4-b1 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind4-b2 {

        width: 634px;

        height: 370px;

        position: relative;

        float: left;

    }

    .ind4-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind4-b2:hover img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind4-b3 {

        width: 510px;

        margin-right: 90px;

        padding-top: 50px;

        float: right;

    }

    .ind4-b4 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 30px;

    }

    .ind4-b5 {

        font-size: 18px;

        line-height: 36px;

        color: #c1c1c1;

        height: calc(36px*3);

        margin-bottom: 44px;

    }

    .ind4-b6 {

        width: 138px;

        height: 48px;

        border: 2px solid #8c8c8c;

        border-radius: 24px;

        font-size: 16px;

        line-height: 44px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .ind4-b6:hover {

        background: #fff;

        border: 2px solid #fff;

        color: #8c8c8c;

        transition: 0.5s;

    }

}



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

    .ind4-a1 {

        width: 100%;

        height: 840px;

        position: relative;

    }

    .ind4-a1 {

        background-image: url(../img/b11.jpg);

        background-size: 1920px 100%;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #222222;

    }

    .ind4-a2 {

        width: calc(220px*5);

        position: absolute;

        top: 94px;

        left: calc(50% - 220px*5/2);

    }

    .ind4-a3 {

        width: 20%;

        position: relative;

        float: left;

    }

    .ind4-a4 {

        width: 130px;

        font-size: 20px;

        line-height: 20px;

        color: #8f8f8f;

        font-weight: bold;

        text-align: center;

        margin: 0 auto 24px;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a4 {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind4-a5 {

        width: 10px;

        height: 10px;

        background: rgba(213, 213, 213, 0.15);

        border-radius: 50%;

        margin: 0 auto;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a5 {

        background: #a80a28;

        transition: 0.5s;

    }

    .ind4-a6 {

        width: 100%;

        position: absolute;

        top: 48px;

        left: 0;

    }

    .ind4-a6>div {

        width: calc(50% - 30px);

        height: 1px;

        background: rgba(213, 213, 213, 0.15);

        position: absolute;

        top: 0;

    }

    .ind4-a6>div:nth-child(1) {

        left: 0;

    }

    .ind4-a6>div:nth-child(2) {

        right: 0;

    }

    .ind4-a3:first-child .ind4-a6>div:nth-child(1) {

        display: none;

    }

    .ind4-a3:last-child .ind4-a6>div:nth-child(2) {

        display: none;

    }

    .ind4-a7 {

        width: 1300px;

        position: absolute;

        top: 220px;

        left: calc(50% - 1300px/2);

    }

    .ind4-b1 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind4-b2 {

        width: 634px;

        height: 370px;

        position: relative;

        float: left;

    }

    .ind4-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind4-b2:hover img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind4-b3 {

        width: 510px;

        margin-right: 90px;

        padding-top: 50px;

        float: right;

    }

    .ind4-b4 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 30px;

    }

    .ind4-b5 {

        font-size: 18px;

        line-height: 36px;

        color: #c1c1c1;

        height: calc(36px*3);

        margin-bottom: 44px;

    }

    .ind4-b6 {

        width: 138px;

        height: 48px;

        border: 2px solid #8c8c8c;

        border-radius: 24px;

        font-size: 16px;

        line-height: 44px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .ind4-b6:hover {

        background: #fff;

        border: 2px solid #fff;

        color: #8c8c8c;

        transition: 0.5s;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind4-a1 {

        width: 100%;

        height: 630px;

        position: relative;

    }

    .ind4-a1 {

        background-image: url(../img/b11.jpg);

        background-size: 1440px 100%;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #222222;

    }

    .ind4-a2 {

        width: calc(200px*5);

        position: absolute;

        top: 64px;

        left: calc(50% - 200px*5/2);

    }

    .ind4-a3 {

        width: 20%;

        position: relative;

        float: left;

    }

    .ind4-a4 {

        width: 100px;

        font-size: 16px;

        line-height: 16px;

        color: #8f8f8f;

        font-weight: bold;

        text-align: center;

        margin: 0 auto 24px;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a4 {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind4-a5 {

        width: 10px;

        height: 10px;

        background: rgba(213, 213, 213, 0.15);

        border-radius: 50%;

        margin: 0 auto;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a5 {

        background: #a80a28;

        transition: 0.5s;

    }

    .ind4-a6 {

        width: 100%;

        position: absolute;

        top: 48px;

        left: 0;

    }

    .ind4-a6>div {

        width: calc(50% - 30px);

        height: 1px;

        background: rgba(213, 213, 213, 0.15);

        position: absolute;

        top: 0;

    }

    .ind4-a6>div:nth-child(1) {

        left: 0;

    }

    .ind4-a6>div:nth-child(2) {

        right: 0;

    }

    .ind4-a3:first-child .ind4-a6>div:nth-child(1) {

        display: none;

    }

    .ind4-a3:last-child .ind4-a6>div:nth-child(2) {

        display: none;

    }

    .ind4-a7 {

        width: 1100px;

        position: absolute;

        top: 180px;

        left: calc(50% - 1100px/2);

    }

    .ind4-b1 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind4-b2 {

        width: 540px;

        height: 316px;

        position: relative;

        float: left;

    }

    .ind4-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind4-b2:hover img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind4-b3 {

        width: 460px;

        margin-right: 50px;

        padding-top: 50px;

        float: right;

    }

    .ind4-b4 {

        font-size: 36px;

        line-height: 36px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 24px;

    }

    .ind4-b5 {

        font-size: 14px;

        line-height: 28px;

        color: #c1c1c1;

        height: calc(28px*3);

        margin-bottom: 32px;

    }

    .ind4-b6 {

        width: 112px;

        height: 40px;

        border: 2px solid #8c8c8c;

        border-radius: 20px;

        font-size: 14px;

        line-height: 36px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .ind4-b6:hover {

        background: #fff;

        border: 2px solid #fff;

        color: #8c8c8c;

        transition: 0.5s;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind4-a1 {

        width: 100%;

        height: 630px;

        position: relative;

    }

    .ind4-a1 {

        background-image: url(../img/b11.jpg);

        background-size: 1440px 100%;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #222222;

    }

    .ind4-a2 {

        width: calc(200px*5);

        position: absolute;

        top: 64px;

        left: calc(50% - 200px*5/2);

    }

    .ind4-a3 {

        width: 20%;

        position: relative;

        float: left;

    }

    .ind4-a4 {

        width: 100px;

        font-size: 16px;

        line-height: 16px;

        color: #8f8f8f;

        font-weight: bold;

        text-align: center;

        margin: 0 auto 24px;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a4 {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind4-a5 {

        width: 10px;

        height: 10px;

        background: rgba(213, 213, 213, 0.15);

        border-radius: 50%;

        margin: 0 auto;

        transition: 0.5s;

        cursor: pointer;

    }

    .ind4-a3.on1 .ind4-a5 {

        background: #a80a28;

        transition: 0.5s;

    }

    .ind4-a6 {

        width: 100%;

        position: absolute;

        top: 48px;

        left: 0;

    }

    .ind4-a6>div {

        width: calc(50% - 30px);

        height: 1px;

        background: rgba(213, 213, 213, 0.15);

        position: absolute;

        top: 0;

    }

    .ind4-a6>div:nth-child(1) {

        left: 0;

    }

    .ind4-a6>div:nth-child(2) {

        right: 0;

    }

    .ind4-a3:first-child .ind4-a6>div:nth-child(1) {

        display: none;

    }

    .ind4-a3:last-child .ind4-a6>div:nth-child(2) {

        display: none;

    }

    .ind4-a7 {

        width: 1100px;

        position: absolute;

        top: 180px;

        left: calc(50% - 1100px/2);

    }

    .ind4-b1 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind4-b2 {

        width: 540px;

        height: 316px;

        position: relative;

        float: left;

    }

    .ind4-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind4-b2:hover img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind4-b3 {

        width: 460px;

        margin-right: 50px;

        padding-top: 50px;

        float: right;

    }

    .ind4-b4 {

        font-size: 36px;

        line-height: 36px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 24px;

    }

    .ind4-b5 {

        font-size: 14px;

        line-height: 28px;

        color: #c1c1c1;

        height: calc(28px*3);

        margin-bottom: 32px;

    }

    .ind4-b6 {

        width: 112px;

        height: 40px;

        border: 2px solid #8c8c8c;

        border-radius: 20px;

        font-size: 14px;

        line-height: 36px;

        color: #fff;

        text-align: center;

        transition: 0.5s;

    }

    .ind4-b6:hover {

        background: #fff;

        border: 2px solid #fff;

        color: #8c8c8c;

        transition: 0.5s;

    }

}





/*ind5*/



@media only screen and (min-width: 1921px) {

    .ind5-a1 {

        width: 100%;

        position: relative;

        z-index: 1;

        background: linear-gradient(180deg, #fff, #f6f6f6);

    }

    .ind5-a2 {

        width: 1560px;

        margin: 0 auto 50px;

        position: relative;

    }

    .ind5-a3 {

        float: left;

        cursor: pointer;

    }

    .ind5-a4 {

        width: 0;

        height: 5px;

        background: #d90029;

        float: left;

        position: relative;

        top: 6px;

        margin-right: 16px;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a3.on1 .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a5 {

        font-size: 18px;

        line-height: 18px;

        color: #333333;

        font-weight: bold;

        font-style: italic;

        float: left;

        margin: 0 24px 0 0;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a5 {

        color: #d90029;

        transition: 0.8s;

    }

    .ind5-a6 {

        width: 1560px;

        height: 690px;

        margin: 0 auto;

        position: relative;

    }

    .ind5-b1 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        opacity: 0;

        z-index: 1;

        transition: 0.8s;

    }

    .ind5-b1.on1 {

        opacity: 1;

        z-index: 2;

        transition: 0.8s;

    }

    .ind5-b1 .swiper-container {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b2 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b2 img {

        min-height: 100%;

        transition: 0.8s;

    }

    .ind5-b1:hover .ind5-b2 img {

        transform: scale(1.08);

        transition: 0.8s;

    }

    .ind5-b3 {

        position: absolute;

        bottom: 104px;

        right: 60px;

    }

    .ind5-b4 {

        font-size: 36px;

        line-height: 36px;

        color: #303030;

        font-weight: bold;

        /*font-style: italic;*/

        text-align: right;

        margin-bottom: 22px;

    }

    .ind5-b5 {

        font-size: 24px;

        line-height: 30px;

        color: #535353;

        text-align: right;

    }

    .ind5-b1 .swiper-button-prev {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 36px;

        right: 96px;

    }

    .ind5-b1 .swiper-button-next {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 36px;

        right: 60px;

    }

    .ind5-b1 .swiper-button-prev img,

    .ind5-b1 .swiper-button-next img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-button-prev:hover img,

    .ind5-b1 .swiper-button-next:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind5-a1 {

        width: 100%;

        position: relative;

        z-index: 1;

        background: linear-gradient(180deg, #fff, #f6f6f6);

    }

    .ind5-a2 {

        width: 1560px;

        margin: 0 auto 50px;

        position: relative;

    }

    .ind5-a3 {

        float: left;

        cursor: pointer;

    }

    .ind5-a4 {

        width: 0;

        height: 5px;

        background: #d90029;

        float: left;

        position: relative;

        top: 6px;

        margin-right: 16px;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a3.on1 .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a5 {

        font-size: 18px;

        line-height: 18px;

        color: #333333;

        font-weight: bold;

        font-style: italic;

        float: left;

        margin: 0 24px 0 0;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a5 {

        color: #d90029;

        transition: 0.8s;

    }

    .ind5-a6 {

        width: 1560px;

        height: 690px;

        margin: 0 auto;

        position: relative;

    }

    .ind5-b1 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        opacity: 0;

        z-index: 1;

        transition: 0.8s;

    }

    .ind5-b1.on1 {

        opacity: 1;

        z-index: 2;

        transition: 0.8s;

    }

    .ind5-b1 .swiper-container {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b2 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b2 img {

        min-height: 100%;

        transition: 0.8s;

    }

    .ind5-b1:hover .ind5-b2 img {

        transform: scale(1.08);

        transition: 0.8s;

    }

    .ind5-b3 {

        position: absolute;

        bottom: 104px;

        right: 60px;

    }

    .ind5-b4 {

        font-size: 36px;

        line-height: 36px;

        color: #303030;

        font-weight: bold;

        /*font-style: italic;*/

        text-align: right;

        margin-bottom: 22px;

    }

    .ind5-b5 {

        font-size: 24px;

        line-height: 30px;

        color: #535353;

        text-align: right;

    }

    .ind5-b1 .swiper-button-prev {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 36px;

        right: 96px;

    }

    .ind5-b1 .swiper-button-next {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 36px;

        right: 60px;

    }

    .ind5-b1 .swiper-button-prev img,

    .ind5-b1 .swiper-button-next img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-button-prev:hover img,

    .ind5-b1 .swiper-button-next:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}



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

    .ind5-a1 {

        width: 100%;

        position: relative;

        z-index: 1;

        background: linear-gradient(180deg, #fff, #f6f6f6);

    }

    .ind5-a2 {

        width: 1360px;

        margin: 0 auto 50px;

        position: relative;

    }

    .ind5-a3 {

        float: left;

        cursor: pointer;

    }

    .ind5-a4 {

        width: 0;

        height: 5px;

        background: #d90029;

        float: left;

        position: relative;

        top: 6px;

        margin-right: 16px;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a3.on1 .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a5 {

        font-size: 18px;

        line-height: 18px;

        color: #333333;

        font-weight: bold;

        font-style: italic;

        float: left;

        margin: 0 24px 0 0;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a5 {

        color: #d90029;

        transition: 0.8s;

    }

    .ind5-a6 {

        width: 1360px;

        height: 600px;

        margin: 0 auto;

        position: relative;

    }

    .ind5-b1 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        opacity: 0;

        z-index: 1;

        transition: 0.8s;

    }

    .ind5-b1.on1 {

        opacity: 1;

        z-index: 2;

        transition: 0.8s;

    }

    .ind5-b1 .swiper-container {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b2 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b2 img {

        min-height: 100%;

        transition: 0.8s;

    }

    .ind5-b1:hover .ind5-b2 img {

        transform: scale(1.08);

        transition: 0.8s;

    }

    .ind5-b3 {

        position: absolute;

        bottom: 104px;

        right: 60px;

    }

    .ind5-b4 {

        font-size: 36px;

        line-height: 36px;

        color: #303030;

        font-weight: bold;

        /*font-style: italic;*/

        text-align: right;

        margin-bottom: 22px;

    }

    .ind5-b5 {

        font-size: 24px;

        line-height: 30px;

        color: #535353;

        text-align: right;

    }

    .ind5-b1 .swiper-button-prev {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 36px;

        right: 96px;

    }

    .ind5-b1 .swiper-button-next {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 36px;

        right: 60px;

    }

    .ind5-b1 .swiper-button-prev img,

    .ind5-b1 .swiper-button-next img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-button-prev:hover img,

    .ind5-b1 .swiper-button-next:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind5-a1 {

        width: 100%;

        position: relative;

        z-index: 1;

        background: linear-gradient(180deg, #fff, #f6f6f6);

    }

    .ind5-a2 {

        width: 1160px;

        margin: 0 auto 36px;

        position: relative;

    }

    .ind5-a3 {

        float: left;

        cursor: pointer;

    }

    .ind5-a4 {

        width: 0;

        height: 5px;

        background: #d90029;

        float: left;

        position: relative;

        top: 6px;

        margin-right: 16px;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a3.on1 .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a5 {

        font-size: 18px;

        line-height: 18px;

        color: #333333;

        font-weight: bold;

        font-style: italic;

        float: left;

        margin: 0 24px 0 0;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a5 {

        color: #d90029;

        transition: 0.8s;

    }

    .ind5-a6 {

        width: 1160px;

        height: 510px;

        margin: 0 auto;

        position: relative;

    }

    .ind5-b1 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        opacity: 0;

        z-index: 1;

        transition: 0.8s;

    }

    .ind5-b1.on1 {

        opacity: 1;

        z-index: 2;

        transition: 0.8s;

    }

    .ind5-b1 .swiper-container {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b2 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b2 img {

        min-height: 100%;

        transition: 0.8s;

    }

    .ind5-b1:hover .ind5-b2 img {

        transform: scale(1.08);

        transition: 0.8s;

    }

    .ind5-b3 {

        position: absolute;

        bottom: 84px;

        right: 40px;

    }

    .ind5-b4 {

        font-size: 28px;

        line-height: 28px;

        color: #303030;

        font-weight: bold;

        /*font-style: italic;*/

        text-align: right;

        margin-bottom: 16px;

    }

    .ind5-b5 {

        font-size: 20px;

        line-height: 24px;

        color: #535353;

        text-align: right;

    }

    .ind5-b1 .swiper-button-prev {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 28px;

        right: 76px;

    }

    .ind5-b1 .swiper-button-next {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 28px;

        right: 40px;

    }

    .ind5-b1 .swiper-button-prev img,

    .ind5-b1 .swiper-button-next img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-button-prev:hover img,

    .ind5-b1 .swiper-button-next:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind5-a1 {

        width: 100%;

        position: relative;

        z-index: 1;

        background: linear-gradient(180deg, #fff, #f6f6f6);

    }

    .ind5-a2 {

        width: 960px;

        margin: 0 auto 36px;

        position: relative;

    }

    .ind5-a3 {

        float: left;

        cursor: pointer;

    }

    .ind5-a4 {

        width: 0;

        height: 5px;

        background: #d90029;

        float: left;

        position: relative;

        top: 6px;

        margin-right: 16px;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a3.on1 .ind5-a4 {

        width: 26px;

        transition: 0.8s;

    }

    .ind5-a5 {

        font-size: 18px;

        line-height: 18px;

        color: #333333;

        font-weight: bold;

        font-style: italic;

        float: left;

        margin: 0 24px 0 0;

        transition: 0.8s;

    }

    .ind5-a3:hover .ind5-a5 {

        color: #d90029;

        transition: 0.8s;

    }

    .ind5-a6 {

        width: 960px;

        height: 426px;

        margin: 0 auto;

        position: relative;

    }

    .ind5-b1 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        opacity: 0;

        z-index: 1;

        transition: 0.8s;

    }

    .ind5-b1.on1 {

        opacity: 1;

        z-index: 2;

        transition: 0.8s;

    }

    .ind5-b1 .swiper-container {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: relative;

    }

    .ind5-b2 {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b2 img {

        min-height: 100%;

        transition: 0.8s;

    }

    .ind5-b1:hover .ind5-b2 img {

        transform: scale(1.08);

        transition: 0.8s;

    }

    .ind5-b3 {

        position: absolute;

        bottom: 84px;

        right: 40px;

    }

    .ind5-b4 {

        font-size: 28px;

        line-height: 28px;

        color: #303030;

        font-weight: bold;

        /*font-style: italic;*/

        text-align: right;

        margin-bottom: 16px;

    }

    .ind5-b5 {

        font-size: 20px;

        line-height: 24px;

        color: #535353;

        text-align: right;

    }

    .ind5-b1 .swiper-button-prev {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 28px;

        right: 76px;

    }

    .ind5-b1 .swiper-button-next {

        width: 32px;

        height: 42px;

        padding: 10px;

        position: absolute;

        bottom: 28px;

        right: 40px;

    }

    .ind5-b1 .swiper-button-prev img,

    .ind5-b1 .swiper-button-next img {

        opacity: 0.5;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-button-prev:hover img,

    .ind5-b1 .swiper-button-next:hover img {

        opacity: 1;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}





/*ind6*/



@media only screen and (min-width: 1921px) {

    .ind6-a1 {

        width: 100%;

        padding-bottom: 80px;

        margin-top: -80px;

        position: relative;

        overflow: hidden;

        background: #f6f6f6;

    }

    .ind6-a1::after {

        width: 100%;

        /* height: 45%; */

        position: absolute;

        right: 0;

        bottom: 0;

        content: '';

        background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

        z-index: 1;

        pointer-events: none;

    }

    .ind6-a2 {

        width: 100%;

        padding: 0;

        position: relative;

        perspective: 1000;

        -webkit-perspective: 1000;

    }

    .ind6-a3 {

        display: flex;

        position: relative;

        flex-wrap: wrap;

        transform: perspective(1000px) rotateX(52deg);

        transform-style: preserve-3d;

    }

    .ind6-a4 {

        width: 13%;

        margin-right: 1.5%;

        height: 0;

        padding-bottom: calc(13%/245*130);

        margin-bottom: 20px;

        background-color: #fff;

        border: 1px solid #eee;

        border-radius: 5px;

        overflow: hidden;

        -webkit-transition: all 0.5s;

    }

    .ind6-a4:nth-child(7n) {

        margin-right: 0%;

    }

    .ind6-a4:hover {

        transform: translateZ(20px);

    }

    .ind6-a5 {

        background: center center no-repeat;

        background-size: cover;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind6-a1 {

        width: 100%;

        padding-bottom: 80px;

        margin-top: -80px;

        position: relative;

        overflow: hidden;

        background: #f6f6f6;

    }

    .ind6-a1::after {

        width: 100%;

        /* height: 45%; */

        position: absolute;

        right: 0;

        bottom: 0;

        content: '';

        background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

        z-index: 1;

        pointer-events: none;

    }

    .ind6-a2 {

        width: 100%;

        padding: 0;

        position: relative;

        perspective: 1000;

        -webkit-perspective: 1000;

    }

    .ind6-a3 {

        display: flex;

        position: relative;

        flex-wrap: wrap;

        transform: perspective(1000px) rotateX(52deg);

        transform-style: preserve-3d;

    }

    .ind6-a4 {

        width: 13%;

        margin-right: 1.5%;

        height: 0;

        padding-bottom: calc(13%/245*130);

        margin-bottom: 20px;

        background-color: #fff;

        border: 1px solid #eee;

        border-radius: 5px;

        overflow: hidden;

        -webkit-transition: all 0.5s;

    }

    .ind6-a4:nth-child(7n) {

        margin-right: 0%;

    }

    .ind6-a4:hover {

        transform: translateZ(20px);

    }

    .ind6-a5 {

        background: center center no-repeat;

        background-size: cover;

    }

}



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

    .ind6-a1 {

        width: 100%;

        padding-bottom: 80px;

        margin-top: -80px;

        position: relative;

        overflow: hidden;

        background: #f6f6f6;

    }

    .ind6-a1::after {

        width: 100%;

        height: 45%;

        position: absolute;

        right: 0;

        bottom: 0;

        content: '';

        background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

        z-index: 1;

        pointer-events: none;

    }

    .ind6-a2 {

        width: 100%;

        padding: 0;

        position: relative;

        perspective: 1000;

        -webkit-perspective: 1000;

    }

    .ind6-a3 {

        display: flex;

        position: relative;

        flex-wrap: wrap;

        transform: perspective(1000px) rotateX(52deg);

        transform-style: preserve-3d;

    }

    .ind6-a4 {

        width: 13%;

        margin-right: 1.5%;

        height: 0;

        padding-bottom: calc(13%/245*130);

        margin-bottom: 20px;

        background-color: #fff;

        border: 1px solid #eee;

        border-radius: 5px;

        overflow: hidden;

        -webkit-transition: all 0.5s;

    }

    .ind6-a4:nth-child(7n) {

        margin-right: 0%;

    }

    .ind6-a4:hover {

        transform: translateZ(20px);

    }

    .ind6-a5 {

        background: center center no-repeat;

        background-size: cover;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind6-a1 {

        width: 100%;

        padding-bottom: 80px;

        margin-top: -80px;

        position: relative;

        overflow: hidden;

        background: #f6f6f6;

    }

    .ind6-a1::after {

        width: 100%;

        height: 45%;

        position: absolute;

        right: 0;

        bottom: 0;

        content: '';

        background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

        z-index: 1;

        pointer-events: none;

    }

    .ind6-a2 {

        width: 100%;

        padding: 0;

        position: relative;

        perspective: 1000;

        -webkit-perspective: 1000;

    }

    .ind6-a3 {

        display: flex;

        position: relative;

        flex-wrap: wrap;

        transform: perspective(1000px) rotateX(52deg);

        transform-style: preserve-3d;

    }

    .ind6-a4 {

        width: 13%;

        margin-right: 1.5%;

        height: 0;

        padding-bottom: calc(13%/245*130);

        margin-bottom: 20px;

        background-color: #fff;

        border: 1px solid #eee;

        border-radius: 5px;

        overflow: hidden;

        -webkit-transition: all 0.5s;

    }

    .ind6-a4:nth-child(7n) {

        margin-right: 0%;

    }

    .ind6-a4:hover {

        transform: translateZ(20px);

    }

    .ind6-a5 {

        background: center center no-repeat;

        background-size: cover;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind6-a1 {

        width: 100%;

        padding-bottom: 80px;

        margin-top: -80px;

        position: relative;

        overflow: hidden;

        background: #f6f6f6;

    }

    .ind6-a1::after {

        width: 100%;

        height: 45%;

        position: absolute;

        right: 0;

        bottom: 0;

        content: '';

        background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

        z-index: 1;

        pointer-events: none;

    }

    .ind6-a2 {

        width: 100%;

        padding: 0;

        position: relative;

        perspective: 1000;

        -webkit-perspective: 1000;

    }

    .ind6-a3 {

        display: flex;

        position: relative;

        flex-wrap: wrap;

        transform: perspective(1000px) rotateX(52deg);

        transform-style: preserve-3d;

    }

    .ind6-a4 {

        width: 13%;

        margin-right: 1.5%;

        height: 0;

        padding-bottom: calc(13%/245*130);

        margin-bottom: 20px;

        background-color: #fff;

        border: 1px solid #eee;

        border-radius: 5px;

        overflow: hidden;

        -webkit-transition: all 0.5s;

    }

    .ind6-a4:nth-child(7n) {

        margin-right: 0%;

    }

    .ind6-a4:hover {

        transform: translateZ(20px);

    }

    .ind6-a5 {

        background: center center no-repeat;

        background-size: cover;

    }

}





/*ind7*/



@media only screen and (min-width: 1921px) {

    .ind7-a1 {

        width: 100%;

        height: 900px;

        position: relative;

    }

    .ind7-a1 {

        background-image: url(../img/b14.jpg);

        background-size: 2560px auto;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #000;

    }

    .ind7-a2 {

        width: 912px;

        position: absolute;

        top: 72px;

        left: calc(50% - 1560px/2);

    }

    .ind7-a3 {

        width: calc(123/912*100%);

        position: absolute;

        top: calc(575/753*100%);

        left: calc(867/912*100%);

    }

    .ind7-a4 {

        width: calc(37/912*100%);

        position: absolute;

        top: calc(542/753*100%);

        left: calc(844/912*100%);

        overflow: visible!important;

    }

    .ind7-a4>div {

        font-size: 12px;

        line-height: 12px;

        color: #fff;

        position: absolute;

        white-space: nowrap;

    }

    .ind7-a4>div:nth-child(2) {

        top: -18px;

        left: 30px;

    }

    .ind7-a4>div:nth-child(3) {

        top: -14px;

        left: -25px;

    }

    .ind7-a4>div:nth-child(4) {

        top: 10px;

        left: -40px;

    }

    .ind7-a5 {

        width: 100%;

        position: relative;

    }

    .ind7-a6 {

        width: 100%;

        position: relative;

    }

    .ind7-a7 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a7>div {

        font-size: 13px;

        line-height: 13px;

        color: #960a0f;

        position: absolute;

    }

    .ind7-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a9 {

        position: absolute;

    }

    .ind7-a10 {

        font-size: 13px;

        line-height: 13px;

        color: #fff;

        white-space: nowrap;

        position: absolute;

    }

    .ind7-a11 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #fff;

        position: relative;

    }

    .ind7-a11>div {

        width: 20px;

        height: 20px;

        border-radius: 50%;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: -5px;

        left: -5px;

        animation: maplighting1 2s linear infinite;

    }

    @keyframes maplighting1 {

        0% {

            transform: scale(0.5);

            opacity: 1;

        }

        100% {

            transform: scale(2);

            opacity: 0;

        }

    }

    .ind7-b1 {

        position: absolute;

        top: 255px;

        right: calc(50% - 1560px/2);

        text-align: right;

    }

    .ind7-b2 {

        font-size: 60px;

        line-height: 90px;

        color: #fff;

        font-weight: bold;

        text-align: right;

        margin-bottom: 32px;

    }

    .ind7-b2 span {

        color: #d9012a;

    }

    .ind7-b3 {

        width: 250px;

        height: 1px;

        background: #fff;

        display: inline-block;

        margin-bottom: 24px;

    }

    .ind7-b4 {

        font-size: 20px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        text-align: right;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind7-a1 {

        width: 100%;

        height: 900px;

        position: relative;

    }

    .ind7-a1 {

        background-image: url(../img/b14.jpg);

        background-size: 1920px 100%;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #000;

    }

    .ind7-a2 {

        width: 912px;

        position: absolute;

        top: 72px;

        left: calc(50% - 1560px/2);

    }

    .ind7-a3 {

        width: calc(123/912*100%);

        position: absolute;

        top: calc(575/753*100%);

        left: calc(867/912*100%);

    }

    .ind7-a4 {

        width: calc(37/912*100%);

        position: absolute;

        top: calc(542/753*100%);

        left: calc(844/912*100%);

        overflow: visible!important;

    }

    .ind7-a4>div {

        font-size: 12px;

        line-height: 12px;

        color: #fff;

        position: absolute;

        white-space: nowrap;

    }

    .ind7-a4>div:nth-child(2) {

        top: -18px;

        left: 30px;

    }

    .ind7-a4>div:nth-child(3) {

        top: -14px;

        left: -25px;

    }

    .ind7-a4>div:nth-child(4) {

        top: 10px;

        left: -40px;

    }

    .ind7-a5 {

        width: 100%;

        position: relative;

    }

    .ind7-a6 {

        width: 100%;

        position: relative;

    }

    .ind7-a7 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a7>div {

        font-size: 13px;

        line-height: 13px;

        color: #960a0f;

        position: absolute;

    }

    .ind7-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a9 {

        position: absolute;

    }

    .ind7-a10 {

        font-size: 13px;

        line-height: 13px;

        color: #fff;

        white-space: nowrap;

        position: absolute;

    }

    .ind7-a11 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #fff;

        position: relative;

    }

    .ind7-a11>div {

        width: 20px;

        height: 20px;

        border-radius: 50%;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: -5px;

        left: -5px;

        animation: maplighting1 2s linear infinite;

    }

    @keyframes maplighting1 {

        0% {

            transform: scale(0.5);

            opacity: 1;

        }

        100% {

            transform: scale(2);

            opacity: 0;

        }

    }

    .ind7-b1 {

        position: absolute;

        top: 255px;

        right: calc(50% - 1560px/2);

        text-align: right;

    }

    .ind7-b2 {

        font-size: 60px;

        line-height: 90px;

        color: #fff;

        font-weight: bold;

        text-align: right;

        margin-bottom: 32px;

    }

    .ind7-b2 span {

        color: #d9012a;

    }

    .ind7-b3 {

        width: 250px;

        height: 1px;

        background: #fff;

        display: inline-block;

        margin-bottom: 24px;

    }

    .ind7-b4 {

        font-size: 20px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        text-align: right;

    }

}



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

    .ind7-a1 {

        width: 100%;

        height: 900px;

        position: relative;

    }

    .ind7-a1 {

        background-image: url(../img/b14.jpg);

        background-size: 1920px 100%;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #000;

    }

    .ind7-a2 {

        width: 912px;

        position: absolute;

        top: 72px;

        left: calc(50% - 1360px/2);

    }

    .ind7-a3 {

        width: calc(123/912*100%);

        position: absolute;

        top: calc(575/753*100%);

        left: calc(867/912*100%);

    }

    .ind7-a4 {

        width: calc(37/912*100%);

        position: absolute;

        top: calc(542/753*100%);

        left: calc(844/912*100%);

        overflow: visible!important;

    }

    .ind7-a4>div {

        font-size: 12px;

        line-height: 12px;

        color: #fff;

        position: absolute;

        white-space: nowrap;

    }

    .ind7-a4>div:nth-child(2) {

        top: -18px;

        left: 30px;

    }

    .ind7-a4>div:nth-child(3) {

        top: -14px;

        left: -25px;

    }

    .ind7-a4>div:nth-child(4) {

        top: 10px;

        left: -40px;

    }

    .ind7-a5 {

        width: 100%;

        position: relative;

    }

    .ind7-a6 {

        width: 100%;

        position: relative;

    }

    .ind7-a7 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a7>div {

        font-size: 13px;

        line-height: 13px;

        color: #960a0f;

        position: absolute;

    }

    .ind7-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a9 {

        position: absolute;

    }

    .ind7-a10 {

        font-size: 13px;

        line-height: 13px;

        color: #fff;

        white-space: nowrap;

        position: absolute;

    }

    .ind7-a11 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #fff;

        position: relative;

    }

    .ind7-a11>div {

        width: 20px;

        height: 20px;

        border-radius: 50%;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: -5px;

        left: -5px;

        animation: maplighting1 2s linear infinite;

    }

    @keyframes maplighting1 {

        0% {

            transform: scale(0.5);

            opacity: 1;

        }

        100% {

            transform: scale(2);

            opacity: 0;

        }

    }

    .ind7-b1 {

        position: absolute;

        top: 255px;

        right: calc(50% - 1360px/2);

        text-align: right;

    }

    .ind7-b2 {

        font-size: 60px;

        line-height: 90px;

        color: #fff;

        font-weight: bold;

        text-align: right;

        margin-bottom: 32px;

    }

    .ind7-b2 span {

        color: #d9012a;

    }

    .ind7-b3 {

        width: 250px;

        height: 1px;

        background: #fff;

        display: inline-block;

        margin-bottom: 24px;

    }

    .ind7-b4 {

        font-size: 20px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        text-align: right;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind7-a1 {

        width: 100%;

        height: 675px;

        position: relative;

    }

    .ind7-a1 {

        background-image: url(../img/b14.jpg);

        background-size: 1440px 100%;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #000;

    }

    .ind7-a2 {

        width: 684px;

        position: absolute;

        top: 60px;

        left: calc(50% - 1160px/2);

    }

    .ind7-a3 {

        width: calc(123/912*100%);

        position: absolute;

        top: calc(575/753*100%);

        left: calc(867/912*100%);

    }

    .ind7-a4 {

        width: calc(37/912*100%);

        position: absolute;

        top: calc(542/753*100%);

        left: calc(844/912*100%);

        overflow: visible!important;

    }

    .ind7-a4>div {

        font-size: 12px;

        line-height: 12px;

        color: #fff;

        position: absolute;

        white-space: nowrap;

    }

    .ind7-a4>div:nth-child(2) {

        top: -18px;

        left: 30px;

    }

    .ind7-a4>div:nth-child(3) {

        top: -14px;

        left: -25px;

    }

    .ind7-a4>div:nth-child(4) {

        top: 10px;

        left: -40px;

    }

    .ind7-a5 {

        width: 100%;

        position: relative;

    }

    .ind7-a6 {

        width: 100%;

        position: relative;

    }

    .ind7-a7 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a7>div {

        font-size: 13px;

        line-height: 13px;

        color: #960a0f;

        position: absolute;

    }

    .ind7-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a9 {

        position: absolute;

    }

    .ind7-a10 {

        font-size: 12px;

        line-height: 12px;

        color: #fff;

        white-space: nowrap;

        position: absolute;

    }

    .ind7-a11 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #fff;

        position: relative;

    }

    .ind7-a11>div {

        width: 20px;

        height: 20px;

        border-radius: 50%;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: -5px;

        left: -5px;

        animation: maplighting1 2s linear infinite;

    }

    @keyframes maplighting1 {

        0% {

            transform: scale(0.5);

            opacity: 1;

        }

        100% {

            transform: scale(2);

            opacity: 0;

        }

    }

    .ind7-b1 {

        position: absolute;

        top: 160px;

        right: calc(50% - 1160px/2);

        text-align: right;

    }

    .ind7-b2 {

        font-size: 44px;

        line-height: 64px;

        color: #fff;

        font-weight: bold;

        text-align: right;

        margin-bottom: 24px;

    }

    .ind7-b2 span {

        color: #d9012a;

    }

    .ind7-b3 {

        width: 180px;

        height: 1px;

        background: #fff;

        display: inline-block;

        margin-bottom: 18px;

    }

    .ind7-b4 {

        font-size: 16px;

        line-height: 36px;

        color: #fff;

        font-weight: bold;

        text-align: right;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind7-a1 {

        width: 100%;

        height: 675px;

        position: relative;

    }

    .ind7-a1 {

        background-image: url(../img/b14.jpg);

        background-size: 1440px 100%;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #000;

    }

    .ind7-a2 {

        width: 684px;

        position: absolute;

        top: 60px;

        left: calc(50% - 960px/2);

    }

    .ind7-a3 {

        width: calc(123/912*100%);

        position: absolute;

        top: calc(575/753*100%);

        left: calc(767/912*100%);

        transform: scale(0.9);

        transform-origin: 0 50%;

    }

    .ind7-a4 {

        width: calc(37/912*100%);

        position: absolute;

        top: calc(542/753*100%);

        left: calc(804/912*100%);

        overflow: visible!important;

        transform: scale(0.9);

        transform-origin: 0 50%;

    }

    .ind7-a4>div {

        font-size: 12px;

        line-height: 12px;

        color: #fff;

        position: absolute;

        white-space: nowrap;

    }

    .ind7-a4>div:nth-child(2) {

        top: -18px;

        left: 30px;

    }

    .ind7-a4>div:nth-child(3) {

        top: -14px;

        left: -25px;

    }

    .ind7-a4>div:nth-child(4) {

        top: 10px;

        left: -40px;

    }

    .ind7-a5 {

        width: 100%;

        position: relative;

        transform: scale(0.9);

        transform-origin: 0 50%;

    }

    .ind7-a6 {

        width: 100%;

        position: relative;

    }

    .ind7-a7 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a7>div {

        font-size: 13px;

        line-height: 13px;

        color: #960a0f;

        position: absolute;

    }

    .ind7-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .ind7-a9 {

        position: absolute;

    }

    .ind7-a10 {

        font-size: 12px;

        line-height: 12px;

        color: #fff;

        white-space: nowrap;

        position: absolute;

    }

    .ind7-a11 {

        width: 10px;

        height: 10px;

        border-radius: 50%;

        background: #fff;

        position: relative;

    }

    .ind7-a11>div {

        width: 20px;

        height: 20px;

        border-radius: 50%;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: -5px;

        left: -5px;

        animation: maplighting1 2s linear infinite;

    }

    @keyframes maplighting1 {

        0% {

            transform: scale(0.5);

            opacity: 1;

        }

        100% {

            transform: scale(2);

            opacity: 0;

        }

    }

    .ind7-b1 {

        position: absolute;

        top: 160px;

        right: calc(50% - 960px/2);

        text-align: right;

    }

    .ind7-b2 {

        font-size: 44px;

        line-height: 64px;

        color: #fff;

        font-weight: bold;

        text-align: right;

        margin-bottom: 24px;

    }

    .ind7-b2 span {

        color: #d9012a;

    }

    .ind7-b3 {

        width: 180px;

        height: 1px;

        background: #fff;

        display: inline-block;

        margin-bottom: 18px;

    }

    .ind7-b4 {

        font-size: 16px;

        line-height: 36px;

        color: #fff;

        font-weight: bold;

        text-align: right;

    }

}



.ind7-a7>div:nth-child(1) {

    top: calc(75/753*100%);

    left: calc(785/912*100%);

}



.ind7-a7>div:nth-child(2) {

    top: calc(195/753*100%);

    left: calc(830/912*100%);

}



.ind7-a7>div:nth-child(3) {

    top: calc(245/753*100%);

    left: calc(780/912*100%);

}



.ind7-a7>div:nth-child(4) {

    top: calc(260/753*100%);

    left: calc(530/912*100%);

}



.ind7-a7>div:nth-child(5) {

    top: calc(300/753*100%);

    left: calc(595/912*100%);

}



.ind7-a7>div:nth-child(6) {

    top: calc(310/753*100%);

    left: calc(660/912*100%);

}



.ind7-a7>div:nth-child(7) {

    top: calc(365/753*100%);

    left: calc(715/912*100%);

}



.ind7-a7>div:nth-child(8) {

    top: calc(410/753*100%);

    left: calc(735/912*100%);

}



.ind7-a7>div:nth-child(9) {

    top: calc(440/753*100%);

    left: calc(695/912*100%);

}



.ind7-a7>div:nth-child(10) {

    top: calc(420/753*100%);

    left: calc(625/912*100%);

}



.ind7-a7>div:nth-child(11) {

    top: calc(340/753*100%);

    left: calc(490/912*100%);

}



.ind7-a7>div:nth-child(12) {

    top: calc(290/753*100%);

    left: calc(390/912*100%);

}



.ind7-a7>div:nth-child(13) {

    top: calc(370/753*100%);

    left: calc(350/912*100%);

}



.ind7-a7>div:nth-child(14) {

    top: calc(510/753*100%);

    left: calc(430/912*100%);

}



.ind7-a7>div:nth-child(15) {

    top: calc(470/753*100%);

    left: calc(190/912*100%);

}



.ind7-a7>div:nth-child(16) {

    top: calc(630/753*100%);

    left: calc(410/912*100%);

}



.ind7-a7>div:nth-child(17) {

    top: calc(725/753*100%);

    left: calc(570/912*100%);

}



.ind7-a7>div:nth-child(18) {

    top: calc(630/753*100%);

    left: calc(550/912*100%);

}



.ind7-a7>div:nth-child(19) {

    top: calc(685/753*100%);

    left: calc(635/912*100%);

}



.ind7-a7>div:nth-child(20) {

    top: calc(570/753*100%);

    left: calc(510/912*100%);

}



.ind7-a7>div:nth-child(21) {

    top: calc(490/753*100%);

    left: calc(535/912*100%);

}



.ind7-a7>div:nth-child(22) {

    top: calc(545/753*100%);

    left: calc(610/912*100%);

}



.ind7-a7>div:nth-child(23) {

    top: calc(615/753*100%);

    left: calc(645/912*100%);

}



.ind7-a7>div:nth-child(24) {

    top: calc(645/753*100%);

    left: calc(685/912*100%);

}



.ind7-a7>div:nth-child(25) {

    top: calc(635/753*100%);

    left: calc(770/912*100%);

}



.ind7-a7>div:nth-child(26) {

    top: calc(580/753*100%);

    left: calc(700/912*100%);

}



.ind7-a7>div:nth-child(27) {

    top: calc(550/753*100%);

    left: calc(675/912*100%);

}



.ind7-a7>div:nth-child(28) {

    top: calc(465/753*100%);

    left: calc(595/912*100%);

}



.ind7-a7>div:nth-child(29) {

    top: calc(440/753*100%);

    left: calc(535/912*100%);

}



.ind7-a7>div:nth-child(30) {

    top: calc(500/753*100%);

    left: calc(755/912*100%);

}



.ind7-a7>div:nth-child(31) {

    top: calc(245/753*100%);

    left: calc(190/912*100%);

}



.ind7-a9:nth-child(1) {

    top: calc(138/753*100%);

    left: calc(810/912*100%);

}



.ind7-a9:nth-child(2) {

    top: calc(140/753*100%);

    left: calc(835/912*100%);

}



.ind7-a9:nth-child(3) {

    top: calc(160/753*100%);

    left: calc(850/912*100%);

}



.ind7-a9:nth-child(4) {

    top: calc(145/753*100%);

    left: calc(865/912*100%);

}



.ind7-a9:nth-child(5) {

    top: calc(125/753*100%);

    left: calc(850/912*100%);

}



.ind7-a9:nth-child(6) {

    top: calc(85/753*100%);

    left: calc(775/912*100%);

}



.ind7-a9:nth-child(7) {

    top: calc(115/753*100%);

    left: calc(765/912*100%);

}



.ind7-a9:nth-child(8) {

    top: calc(105/753*100%);

    left: calc(790/912*100%);

}



.ind7-a9:nth-child(9) {

    top: calc(95/753*100%);

    left: calc(850/912*100%);

}



.ind7-a9:nth-child(10) {

    top: calc(90/753*100%);

    left: calc(820/912*100%);

}



.ind7-a9:nth-child(11) {

    top: calc(60/753*100%);

    left: calc(785/912*100%);

}



.ind7-a9:nth-child(12) {

    top: calc(180/753*100%);

    left: calc(805/912*100%);

}



.ind7-a9:nth-child(13) {

    top: calc(215/753*100%);

    left: calc(775/912*100%);

}



.ind7-a9:nth-child(14) {

    top: calc(235/753*100%);

    left: calc(770/912*100%);

}



.ind7-a9:nth-child(15) {

    top: calc(225/753*100%);

    left: calc(760/912*100%);

}



.ind7-a9:nth-child(16) {

    top: calc(245/753*100%);

    left: calc(740/912*100%);

}



.ind7-a9:nth-child(17) {

    top: calc(265/753*100%);

    left: calc(770/912*100%);

}



.ind7-a9:nth-child(18) {

    top: calc(260/753*100%);

    left: calc(795/912*100%);

}



.ind7-a9:nth-child(19) {

    top: calc(285/753*100%);

    left: calc(765/912*100%);

}



.ind7-a9:nth-child(20) {

    top: calc(250/753*100%);

    left: calc(690/912*100%);

}



.ind7-a9:nth-child(21) {

    top: calc(280/753*100%);

    left: calc(715/912*100%);

}



.ind7-a9:nth-child(22) {

    top: calc(285/753*100%);

    left: calc(615/912*100%);

}



.ind7-a9:nth-child(23) {

    top: calc(300/753*100%);

    left: calc(635/912*100%);

}



.ind7-a9:nth-child(24) {

    top: calc(340/753*100%);

    left: calc(635/912*100%);

}



.ind7-a9:nth-child(25) {

    top: calc(360/753*100%);

    left: calc(610/912*100%);

}



.ind7-a9:nth-child(26) {

    top: calc(325/753*100%);

    left: calc(620/912*100%);

}



.ind7-a9:nth-child(27) {

    top: calc(340/753*100%);

    left: calc(610/912*100%);

}



.ind7-a9:nth-child(28) {

    top: calc(350/753*100%);

    left: calc(590/912*100%);

}



.ind7-a9:nth-child(29) {

    top: calc(370/753*100%);

    left: calc(595/912*100%);

}



.ind7-a9:nth-child(30) {

    top: calc(390/753*100%);

    left: calc(590/912*100%);

}



.ind7-a9:nth-child(31) {

    top: calc(385/753*100%);

    left: calc(610/912*100%);

}



.ind7-a9:nth-child(32) {

    top: calc(370/753*100%);

    left: calc(625/912*100%);

}



.ind7-a9:nth-child(33) {

    top: calc(350/753*100%);

    left: calc(745/912*100%);

}



.ind7-a9:nth-child(34) {

    top: calc(325/753*100%);

    left: calc(760/912*100%);

}



.ind7-a9:nth-child(35) {

    top: calc(365/753*100%);

    left: calc(700/912*100%);

}



.ind7-a9:nth-child(36) {

    top: calc(420/753*100%);

    left: calc(550/912*100%);

}



.ind7-a9:nth-child(37) {

    top: calc(485/753*100%);

    left: calc(440/912*100%);

}



.ind7-a9:nth-child(38) {

    top: calc(475/753*100%);

    left: calc(655/912*100%);

}



.ind7-a9:nth-child(39) {

    top: calc(455/753*100%);

    left: calc(765/912*100%);

}



.ind7-a9:nth-child(40) {

    top: calc(525/753*100%);

    left: calc(690/912*100%);

}



.ind7-a9:nth-child(41) {

    top: calc(550/753*100%);

    left: calc(750/912*100%);

}



.ind7-a9:nth-child(42) {

    top: calc(585/753*100%);

    left: calc(750/912*100%);

}



.ind7-a9:nth-child(43) {

    top: calc(605/753*100%);

    left: calc(730/912*100%);

}



.ind7-a9:nth-child(44) {

    top: calc(640/753*100%);

    left: calc(665/912*100%);

}



.ind7-a9:nth-child(1) .ind7-a10 {

    top: -2px;

    left: -60px;

}



.ind7-a9:nth-child(2) .ind7-a10 {

    top: 15px;

    left: -38px;

}



.ind7-a9:nth-child(3) .ind7-a10 {

    top: 0px;

    left: 20px;

}



.ind7-a9:nth-child(4) .ind7-a10 {

    top: 0px;

    left: 20px;

}



.ind7-a9:nth-child(5) .ind7-a10 {

    top: -4px;

    left: 20px;

}



.ind7-a9:nth-child(6) .ind7-a10 {

    top: 0px;

    left: -78px;

}



.ind7-a9:nth-child(7) .ind7-a10 {

    top: -2px;

    left: -44px;

}



.ind7-a9:nth-child(8) .ind7-a10 {

    top: 0px;

    left: 18px;

}



.ind7-a9:nth-child(9) .ind7-a10 {

    top: -2px;

    left: 20px;

}



.ind7-a9:nth-child(10) .ind7-a10 {

    top: -20px;

    left: 20px;

}



.ind7-a9:nth-child(11) .ind7-a10 {

    top: -30px;

    left: -10px;

}



.ind7-a9:nth-child(12) .ind7-a10 {

    top: -2px;

    left: -38px;

}



.ind7-a9:nth-child(13) .ind7-a10 {

    top: -1px;

    left: 18px;

}



.ind7-a9:nth-child(14) .ind7-a10 {

    top: -1px;

    left: 18px;

}



.ind7-a9:nth-child(15) .ind7-a10 {

    top: -6px;

    left: -36px;

}



.ind7-a9:nth-child(16) .ind7-a10 {

    top: -5px;

    left: -34px;

}



.ind7-a9:nth-child(17) .ind7-a10 {

    top: -2px;

    left: -35px;

}



.ind7-a9:nth-child(18) .ind7-a10 {

    top: -1px;

    left: 20px;

}



.ind7-a9:nth-child(19) .ind7-a10 {

    top: -1px;

    left: 20px;

}



.ind7-a9:nth-child(20) .ind7-a10 {

    top: -8px;

    left: -38px;

}



.ind7-a9:nth-child(21) .ind7-a10 {

    top: -2px;

    left: -35px;

}



.ind7-a9:nth-child(22) .ind7-a10 {

    top: -1px;

    left: -36px;

}



.ind7-a9:nth-child(23) .ind7-a10 {

    top: -5px;

    left: 21px;

}



.ind7-a9:nth-child(24) .ind7-a10 {

    top: -2px;

    left: 20px;

}



.ind7-a9:nth-child(25) .ind7-a10 {

    top: -5px;

    left: 21px;

}



.ind7-a9:nth-child(26) .ind7-a10 {

    top: -9px;

    left: -36px;

}



.ind7-a9:nth-child(27) .ind7-a10 {

    top: -8px;

    left: -38px;

}



.ind7-a9:nth-child(28) .ind7-a10 {

    top: -4px;

    left: -36px;

}



.ind7-a9:nth-child(29) .ind7-a10 {

    top: -4px;

    left: -38px;

}



.ind7-a9:nth-child(30) .ind7-a10 {

    top: 20px;

    left: -12px;

}



.ind7-a9:nth-child(31) .ind7-a10 {

    top: 6px;

    left: 20px;

}



.ind7-a9:nth-child(32) .ind7-a10 {

    top: 0px;

    left: 22px;

}



.ind7-a9:nth-child(33) .ind7-a10 {

    top: -2px;

    left: 28px;

}



.ind7-a9:nth-child(34) .ind7-a10 {

    top: -1px;

    left: 28px;

}



.ind7-a9:nth-child(35) .ind7-a10 {

    top: 17px;

    left: -12px;

}



.ind7-a9:nth-child(36) .ind7-a10 {

    top: -4px;

    left: -38px;

}



.ind7-a9:nth-child(37) .ind7-a10 {

    top: 0px;

    left: 28px;

}



.ind7-a9:nth-child(38) .ind7-a10 {

    top: -1px;

    left: 28px;

}



.ind7-a9:nth-child(39) .ind7-a10 {

    top: -1px;

    left: 28px;

}



.ind7-a9:nth-child(40) .ind7-a10 {

    top: -1px;

    left: 28px;

}



.ind7-a9:nth-child(41) .ind7-a10 {

    top: -10px;

    left: 14px;

}



.ind7-a9:nth-child(42) .ind7-a10 {

    top: -1px;

    left: 32px;

}



.ind7-a9:nth-child(43) .ind7-a10 {

    top: 1px;

    left: 28px;

}



.ind7-a9:nth-child(44) .ind7-a10 {

    top: 22px;

    left: 22px;

}





/*ind8*/



@media only screen and (min-width: 1921px) {

    .ind8-a1 {

        width: 100%;

        height: 890px;

        position: relative;

        overflow: hidden;

    }

    .ind8-a1 {

        background-image: url(../img/b03.jpg);

        background-size: 2560px 100%;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #f3f3f3;

    }

    .ind8-a2 {

        position: absolute;

        top: 240px;

        left: calc(50% - 1560px/2);

    }

    .ind8-a2 .t2-a1 {

        margin-bottom: 56px;

    }

    .ind8-a3 {

        width: 214px;

        position: relative;

        margin-bottom: 66px;

    }

    .ind8-a4 {

        width: 90px;

        height: 48px;

        position: relative;

        margin-left: 28px;

        cursor: pointer;

    }

    .ind8-a4>div:nth-child(1) {

        font-size: 22px;

        line-height: 48px;

        color: #454545;

        font-weight: bold;

        transition: 0.5s;

        white-space: nowrap;

    }

    .ind8-a4>div:nth-child(2) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: -28px;

        transition: 0.5s;

    }

    .ind8-a4>div:nth-child(3) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: 106px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(1) {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(2) {

        width: 5px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(3) {

        width: 80px;

        transition: 0.5s;

    }

    .ind8-a5 {

        position: relative;

    }

    .ind8-a6 {

        /* width: 138px;



        height: 48px;



        border: 2px solid #d0111b;



        border-radius: 24px;



        font-size: 16px;



        line-height: 44px;



        color: #d0111b;



        text-align: center;



        transition: 0.5s; */

        display: none;

    }

    /* .ind8-a6:hover {



        background: #d0111b;



        color: #fff;



        transition: 0.5s;



    } */

    .ind8-a7 {

        width: 836px;

        height: 736px;

        position: absolute;

        top: 85px;

        right: calc(50% - 1560px/2);

    }

    .ind8-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind8-b1 {

        position: relative;

    }

    .ind8-b1:nth-child(1) {

        width: 390px;

        height: 100%;

        float: left;

    }

    .ind8-b1:nth-child(2) {

        width: 388px;

        height: 376px;

        float: right;

        margin-bottom: 6px;

    }

    .ind8-b1:nth-child(3) {

        width: 388px;

        height: 354px;

        float: right;

    }

    .ind8-b2 {

        width: 100%;

    }

    .ind8-b1:nth-child(1) .ind8-b2 {

        height: 520px;

    }

    .ind8-b1:nth-child(2) .ind8-b2 {

        height: 220px;

    }

    .ind8-b1:nth-child(3) .ind8-b2 {

        height: 220px;

    }

    .ind8-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind8-b1:hover .ind8-b2 img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind8-b3 {

        width: 100%;

        background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    }

    .ind8-b1:nth-child(1) .ind8-b3 {

        height: calc(100% - 520px);

        padding: 20px 24px 0;

    }

    .ind8-b1:nth-child(2) .ind8-b3 {

        height: calc(100% - 220px);

        padding: 26px 24px 0;

    }

    .ind8-b1:nth-child(3) .ind8-b3 {

        height: calc(100% - 220px);

        padding: 26px 24px 0;

    }

    .ind8-b4 {

        font-size: 22px;

        line-height: 36px;

        color: #454545;

        font-weight: bold;

    }

    .ind8-b1:nth-child(1) .ind8-b4 {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        white-space: normal;

        height: calc(36px*2);

        margin-bottom: 20px;

    }

    .ind8-b1:nth-child(2) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b1:nth-child(3) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b5 {

        position: relative;

        font-family: 'Rubik';

    }

    .ind8-b5>span:nth-child(1) {

        font-size: 24px;

        line-height: 24px;

        color: #b8b8b8;

    }

    .ind8-b5>span:nth-child(2) {

        font-size: 18px;

        line-height: 24px;

        color: #b8b8b8;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind8-a1 {

        width: 100%;

        height: 890px;

        position: relative;

        overflow: hidden;

    }

    .ind8-a1 {

        background-image: url(../img/b03.jpg);

        background-size: 1920px auto;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #f3f3f3;

    }

    .ind8-a2 {

        position: absolute;

        top: 240px;

        left: calc(50% - 1560px/2);

    }

    .ind8-a2 .t2-a1 {

        margin-bottom: 56px;

    }

    .ind8-a3 {

        width: 214px;

        position: relative;

        margin-bottom: 66px;

    }

    .ind8-a4 {

        width: 90px;

        height: 48px;

        position: relative;

        margin-left: 28px;

        cursor: pointer;

    }

    .ind8-a4>div:nth-child(1) {

        font-size: 22px;

        line-height: 48px;

        color: #454545;

        font-weight: bold;

        transition: 0.5s;

        white-space: nowrap;

    }

    .ind8-a4>div:nth-child(2) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: -28px;

        transition: 0.5s;

    }

    .ind8-a4>div:nth-child(3) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: 106px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(1) {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(2) {

        width: 5px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(3) {

        width: 80px;

        transition: 0.5s;

    }

    .ind8-a5 {

        position: relative;

    }

    .ind8-a6 {

        /* width: 138px;



        height: 48px;



        border: 2px solid #d0111b;



        border-radius: 24px;



        font-size: 16px;



        line-height: 44px;



        color: #d0111b;



        text-align: center;



        transition: 0.5s; */

        display: none;

    }

    /* .ind8-a6:hover {



        background: #d0111b;



        color: #fff;



        transition: 0.5s;



    } */

    .ind8-a7 {

        width: 836px;

        height: 736px;

        position: absolute;

        top: 85px;

        right: calc(50% - 1560px/2);

    }

    .ind8-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind8-b1 {

        position: relative;

    }

    .ind8-b1:nth-child(1) {

        width: 390px;

        height: 100%;

        float: left;

    }

    .ind8-b1:nth-child(2) {

        width: 388px;

        height: 376px;

        float: right;

        margin-bottom: 6px;

    }

    .ind8-b1:nth-child(3) {

        width: 388px;

        height: 354px;

        float: right;

    }

    .ind8-b2 {

        width: 100%;

    }

    .ind8-b1:nth-child(1) .ind8-b2 {

        height: 520px;

    }

    .ind8-b1:nth-child(2) .ind8-b2 {

        height: 220px;

    }

    .ind8-b1:nth-child(3) .ind8-b2 {

        height: 220px;

    }

    .ind8-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind8-b1:hover .ind8-b2 img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind8-b3 {

        width: 100%;

        background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    }

    .ind8-b1:nth-child(1) .ind8-b3 {

        height: calc(100% - 520px);

        padding: 20px 24px 0;

    }

    .ind8-b1:nth-child(2) .ind8-b3 {

        height: calc(100% - 220px);

        padding: 26px 24px 0;

    }

    .ind8-b1:nth-child(3) .ind8-b3 {

        height: calc(100% - 220px);

        padding: 26px 24px 0;

    }

    .ind8-b4 {

        font-size: 22px;

        line-height: 36px;

        color: #454545;

        font-weight: bold;

    }

    .ind8-b1:nth-child(1) .ind8-b4 {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        white-space: normal;

        height: calc(36px*2);

        margin-bottom: 20px;

    }

    .ind8-b1:nth-child(2) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b1:nth-child(3) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b5 {

        position: relative;

        font-family: 'Rubik';

    }

    .ind8-b5>span:nth-child(1) {

        font-size: 24px;

        line-height: 24px;

        color: #b8b8b8;

    }

    .ind8-b5>span:nth-child(2) {

        font-size: 18px;

        line-height: 24px;

        color: #b8b8b8;

    }

}



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

    .ind8-a1 {

        width: 100%;

        height: 890px;

        position: relative;

        overflow: hidden;

    }

    .ind8-a1 {

        background-image: url(../img/b03.jpg);

        background-size: 1920px auto;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #f3f3f3;

    }

    .ind8-a2 {

        position: absolute;

        top: 240px;

        left: calc(50% - 1360px/2);

    }

    .ind8-a2 .t2-a1 {

        margin-bottom: 56px;

    }

    .ind8-a3 {

        width: 214px;

        position: relative;

        margin-bottom: 66px;

    }

    .ind8-a4 {

        width: 90px;

        height: 48px;

        position: relative;

        margin-left: 28px;

        cursor: pointer;

    }

    .ind8-a4>div:nth-child(1) {

        font-size: 22px;

        line-height: 48px;

        color: #454545;

        font-weight: bold;

        transition: 0.5s;

        white-space: nowrap;

    }

    .ind8-a4>div:nth-child(2) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: -28px;

        transition: 0.5s;

    }

    .ind8-a4>div:nth-child(3) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: 106px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(1) {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(2) {

        width: 5px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(3) {

        width: 80px;

        transition: 0.5s;

    }

    .ind8-a5 {

        position: relative;

    }

    .ind8-a6 {

        /* width: 138px;



        height: 48px;



        border: 2px solid #d0111b;



        border-radius: 24px;



        font-size: 16px;



        line-height: 44px;



        color: #d0111b;



        text-align: center;



        transition: 0.5s; */

        display: none;

    }

    /* .ind8-a6:hover {



        background: #d0111b;



        color: #fff;



        transition: 0.5s;



    } */

    .ind8-a7 {

        width: 836px;

        height: 736px;

        position: absolute;

        top: 85px;

        right: calc(50% - 1360px/2);

    }

    .ind8-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind8-b1 {

        position: relative;

    }

    .ind8-b1:nth-child(1) {

        width: 390px;

        height: 100%;

        float: left;

    }

    .ind8-b1:nth-child(2) {

        width: 388px;

        height: 376px;

        float: right;

        margin-bottom: 6px;

    }

    .ind8-b1:nth-child(3) {

        width: 388px;

        height: 354px;

        float: right;

    }

    .ind8-b2 {

        width: 100%;

    }

    .ind8-b1:nth-child(1) .ind8-b2 {

        height: 520px;

    }

    .ind8-b1:nth-child(2) .ind8-b2 {

        height: 220px;

    }

    .ind8-b1:nth-child(3) .ind8-b2 {

        height: 220px;

    }

    .ind8-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind8-b1:hover .ind8-b2 img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind8-b3 {

        width: 100%;

        background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    }

    .ind8-b1:nth-child(1) .ind8-b3 {

        height: calc(100% - 520px);

        padding: 20px 24px 0;

    }

    .ind8-b1:nth-child(2) .ind8-b3 {

        height: calc(100% - 220px);

        padding: 26px 24px 0;

    }

    .ind8-b1:nth-child(3) .ind8-b3 {

        height: calc(100% - 220px);

        padding: 26px 24px 0;

    }

    .ind8-b4 {

        font-size: 22px;

        line-height: 36px;

        color: #454545;

        font-weight: bold;

    }

    .ind8-b1:nth-child(1) .ind8-b4 {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        white-space: normal;

        height: calc(36px*2);

        margin-bottom: 20px;

    }

    .ind8-b1:nth-child(2) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b1:nth-child(3) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b5 {

        position: relative;

        font-family: 'Rubik';

    }

    .ind8-b5>span:nth-child(1) {

        font-size: 24px;

        line-height: 24px;

        color: #b8b8b8;

    }

    .ind8-b5>span:nth-child(2) {

        font-size: 18px;

        line-height: 24px;

        color: #b8b8b8;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind8-a1 {

        width: 100%;

        height: 660px;

        position: relative;

        overflow: hidden;

    }

    .ind8-a1 {

        background-image: url(../img/b03.jpg);

        background-size: 1440px auto;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #f3f3f3;

    }

    .ind8-a2 {

        position: absolute;

        top: 140px;

        left: calc(50% - 1160px/2);

    }

    .ind8-a2 .t2-a1 {

        margin-bottom: 56px;

    }

    .ind8-a3 {

        width: 214px;

        position: relative;

        margin-bottom: 66px;

    }

    .ind8-a4 {

        width: 72px;

        height: 40px;

        position: relative;

        margin-left: 24px;

        cursor: pointer;

    }

    .ind8-a4>div:nth-child(1) {

        font-size: 18px;

        line-height: 40px;

        color: #454545;

        font-weight: bold;

        transition: 0.5s;

        white-space: nowrap;

    }

    .ind8-a4>div:nth-child(2) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: -24px;

        transition: 0.5s;

    }

    .ind8-a4>div:nth-child(3) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: 86px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(1) {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(2) {

        width: 5px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(3) {

        width: 80px;

        transition: 0.5s;

    }

    .ind8-a5 {

        position: relative;

    }

    .ind8-a6 {

        /* width: 138px;



        height: 48px;



        border: 2px solid #d0111b;



        border-radius: 24px;



        font-size: 16px;



        line-height: 44px;



        color: #d0111b;



        text-align: center;



        transition: 0.5s; */

        display: none;

    }

    /* .ind8-a6:hover {



        background: #d0111b;



        color: #fff;



        transition: 0.5s;



    } */

    .ind8-a7 {

        width: 600px;

        height: 540px;

        position: absolute;

        top: 60px;

        right: calc(50% - 1160px/2);

    }

    .ind8-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind8-b1 {

        position: relative;

    }

    .ind8-b1:nth-child(1) {

        width: 290px;

        height: 100%;

        float: left;

    }

    .ind8-b1:nth-child(2) {

        width: 290px;

        height: 275px;

        float: right;

        margin-bottom: 10px;

    }

    .ind8-b1:nth-child(3) {

        width: 290px;

        height: 275px;

        float: right;

    }

    .ind8-b2 {

        width: 100%;

    }

    .ind8-b1:nth-child(1) .ind8-b2 {

        height: 388px;

    }

    .ind8-b1:nth-child(2) .ind8-b2 {

        height: 164px;

    }

    .ind8-b1:nth-child(3) .ind8-b2 {

        height: 164px;

    }

    .ind8-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind8-b1:hover .ind8-b2 img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind8-b3 {

        width: 100%;

        background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    }

    .ind8-b1:nth-child(1) .ind8-b3 {

        height: calc(100% - 388px);

        padding: 16px 20px 0;

    }

    .ind8-b1:nth-child(2) .ind8-b3 {

        height: calc(100% - 164px);

        padding: 20px 20px 0;

    }

    .ind8-b1:nth-child(3) .ind8-b3 {

        height: calc(100% - 164px);

        padding: 20px 20px 0;

    }

    .ind8-b4 {

        font-size: 18px;

        line-height: 28px;

        color: #454545;

        font-weight: bold;

    }

    .ind8-b1:nth-child(1) .ind8-b4 {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        white-space: normal;

        height: calc(28px*2);

        margin-bottom: 14px;

    }

    .ind8-b1:nth-child(2) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b1:nth-child(3) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b5 {

        position: relative;

        font-family: 'Rubik';

    }

    .ind8-b5>span:nth-child(1) {

        font-size: 20px;

        line-height: 20px;

        color: #b8b8b8;

    }

    .ind8-b5>span:nth-child(2) {

        font-size: 16px;

        line-height: 20px;

        color: #b8b8b8;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind8-a1 {

        width: 100%;

        height: 660px;

        position: relative;

        overflow: hidden;

    }

    .ind8-a1 {

        background-image: url(../img/b03.jpg);

        background-size: 1440px auto;

        background-position: center center;

        background-repeat: no-repeat;

        background-color: #f3f3f3;

    }

    .ind8-a2 {

        position: absolute;

        top: 140px;

        left: calc(50% - 960px/2);

    }

    .ind8-a2 .t2-a1 {

        margin-bottom: 56px;

    }

    .ind8-a3 {

        width: 214px;

        position: relative;

        margin-bottom: 66px;

    }

    .ind8-a4 {

        width: 72px;

        height: 40px;

        position: relative;

        margin-left: 24px;

        cursor: pointer;

    }

    .ind8-a4>div:nth-child(1) {

        font-size: 18px;

        line-height: 40px;

        color: #454545;

        font-weight: bold;

        transition: 0.5s;

        white-space: nowrap;

    }

    .ind8-a4>div:nth-child(2) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: -24px;

        transition: 0.5s;

    }

    .ind8-a4>div:nth-child(3) {

        width: 0;

        height: 5px;

        background: #d9012a;

        position: absolute;

        top: calc(50% - 5px/2);

        left: 86px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(1) {

        color: #d9012a;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(2) {

        width: 5px;

        transition: 0.5s;

    }

    .ind8-a4.on1>div:nth-child(3) {

        width: 80px;

        transition: 0.5s;

    }

    .ind8-a5 {

        position: relative;

    }

    .ind8-a6 {

        /* width: 138px;



        height: 48px;



        border: 2px solid #d0111b;



        border-radius: 24px;



        font-size: 16px;



        line-height: 44px;



        color: #d0111b;



        text-align: center;



        transition: 0.5s; */

        display: none;

    }

    /* .ind8-a6:hover {



        background: #d0111b;



        color: #fff;



        transition: 0.5s;



    } */

    .ind8-a7 {

        width: 560px;

        height: 540px;

        position: absolute;

        top: 60px;

        right: calc(50% - 960px/2);

    }

    .ind8-a8 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

        display: none;

    }

    .ind8-b1 {

        position: relative;

    }

    .ind8-b1:nth-child(1) {

        width: 270px;

        height: 100%;

        float: left;

    }

    .ind8-b1:nth-child(2) {

        width: 270px;

        height: 275px;

        float: right;

        margin-bottom: 10px;

    }

    .ind8-b1:nth-child(3) {

        width: 270px;

        height: 275px;

        float: right;

    }

    .ind8-b2 {

        width: 100%;

    }

    .ind8-b1:nth-child(1) .ind8-b2 {

        height: 360px;

    }

    .ind8-b1:nth-child(2) .ind8-b2 {

        height: 152px;

    }

    .ind8-b1:nth-child(3) .ind8-b2 {

        height: 152px;

    }

    .ind8-b2 img {

        min-height: 100%;

        transition: 0.5s;

    }

    .ind8-b1:hover .ind8-b2 img {

        transform: scale(1.08);

        transition: 0.5s;

    }

    .ind8-b3 {

        width: 100%;

        background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));

    }

    .ind8-b1:nth-child(1) .ind8-b3 {

        height: calc(100% - 388px);

        padding: 16px 20px 0;

    }

    .ind8-b1:nth-child(2) .ind8-b3 {

        height: calc(100% - 164px);

        padding: 20px 20px 0;

    }

    .ind8-b1:nth-child(3) .ind8-b3 {

        height: calc(100% - 164px);

        padding: 20px 20px 0;

    }

    .ind8-b4 {

        font-size: 18px;

        line-height: 28px;

        color: #454545;

        font-weight: bold;

    }

    .ind8-b1:nth-child(1) .ind8-b4 {

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

        white-space: normal;

        height: calc(28px*2);

        margin-bottom: 14px;

    }

    .ind8-b1:nth-child(2) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b1:nth-child(3) .ind8-b4 {

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 10px;

    }

    .ind8-b5 {

        position: relative;

        font-family: 'Rubik';

    }

    .ind8-b5>span:nth-child(1) {

        font-size: 20px;

        line-height: 20px;

        color: #b8b8b8;

    }

    .ind8-b5>span:nth-child(2) {

        font-size: 16px;

        line-height: 20px;

        color: #b8b8b8;

    }

}





/*ind9*/



@media only screen and (min-width: 1921px) {

    .ind9-a1 {

        width: 100%;

        height: 900px;

        position: relative;

        /*margin-bottom: 65px;*/

        overflow: hidden;

    }

    .ind9-b1 {

        width: 1840px;

        position: absolute;

        bottom: 0;

        right: calc(50% - 2560px/2);

    }

    .ind9-b2 {

        width: 100%;

        position: relative;

    }

    .ind9-b3 {

        position: absolute;

        top: 280px;

        left: 800px;

    }

    .ind9-b4 {

        font-size: 36px;

        line-height: 36px;

        color: #fff;

        font-family: 'Arial';

        font-style: italic;

        opacity: 0.42;

        margin-bottom: 20px;

    }

    .ind9-b5 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 40px;

    }

    .ind9-b6 {

        font-size: 22px;

        line-height: 22px;

        color: #fff;

        font-weight: lighter;

        margin: 0 0 40px;

    }

    .ind9-b7 {

        position: relative;

    }

    .ind9-b7>div:nth-child(1) {

        float: left;

        height: 16px;

        position: relative;

        top: 16px;

        width: 35px;

    }

    .ind9-b7>div:nth-child(2) {

        float: left;

        font-size: 16px;

        line-height: 48px;

        color: #fff;

    }

    .ind9-b7>div:nth-child(2) span {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        vertical-align: middle;

        font-family: 'Cormorant Garamond';

        position: relative;

        top: -16px;

    }

    .ind9-c1 {

        width: 1840px;

        position: absolute;

        top: 0;

        left: calc(50% - 2560px/2);

    }

    .ind9-c2 {

        width: 100%;

        position: relative;

    }

    .ind9-c3 {

        position: absolute;

        top: 240px;

        left: calc(2560px/2 - 1560px/2);

    }

    .ind9-c4 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        margin-bottom: 35px;

    }

    .ind9-c5 {

        font-size: 24px;

        line-height: 24px;

        color: #fff;

        font-weight: lighter;

        margin-bottom: 66px;

    }

    .ind9-c6 {

        width: 220px;

        height: 50px;

        background: #fff;

        border: 1px solid #fff;

        font-size: 16px;

        line-height: 48px;

        color: #d90029;

        text-align: center;

        transition: 0.5s;

    }

    .ind9-c6:hover {

        background: #d90029;

        color: #fff;

        transition: 0.5s;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind9-a1 {

        width: 100%;

        height: 700px;

        position: relative;

        /*margin-bottom: 65px;*/

        overflow: hidden;

    }

    .ind9-b1 {

        width: 1396px;

        position: absolute;

        bottom: 0;

        right: calc(50% - 1920px/2);

    }

    .ind9-b2 {

        width: 100%;

        position: relative;

    }

    .ind9-b3 {

        position: absolute;

        top: 224px;

        left: 580px;

    }

    .ind9-b4 {

        font-size: 36px;

        line-height: 36px;

        color: #fff;

        font-family: 'Arial';

        font-style: italic;

        opacity: 0.42;

        margin-bottom: 20px;

    }

    .ind9-b5 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 40px;

    }

    .ind9-b6 {

        font-size: 22px;

        line-height: 22px;

        color: #fff;

        font-weight: lighter;

        margin: 0 0 40px;

    }

    .ind9-b7 {

        position: relative;

    }

    .ind9-b7>div:nth-child(1) {

        float: left;

        height: 16px;

        position: relative;

        top: 16px;

        width: 35px;

    }

    .ind9-b7>div:nth-child(2) {

        float: left;

        font-size: 16px;

        line-height: 48px;

        color: #fff;

    }

    .ind9-b7>div:nth-child(2) span {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        vertical-align: middle;

        font-family: 'Cormorant Garamond';

        position: relative;

        top: -16px;

    }

    .ind9-c1 {

        width: 1396px;

        position: absolute;

        top: 0;

        left: calc(50% - 1920px/2);

    }

    .ind9-c2 {

        width: 100%;

        position: relative;

    }

    .ind9-c3 {

        position: absolute;

        top: 160px;

        left: calc(1920px/2 - 1560px/2);

    }

    .ind9-c4 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        margin-bottom: 35px;

    }

    .ind9-c5 {

        font-size: 24px;

        line-height: 24px;

        color: #fff;

        font-weight: lighter;

        margin-bottom: 66px;

    }

    .ind9-c6 {

        width: 220px;

        height: 50px;

        background: #fff;

        border: 1px solid #fff;

        font-size: 16px;

        line-height: 48px;

        color: #d90029;

        text-align: center;

        transition: 0.5s;

    }

    .ind9-c6:hover {

        background: #d90029;

        color: #fff;

        transition: 0.5s;

    }

}



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

    .ind9-a1 {

        width: 100%;

        height: 700px;

        position: relative;

        /*margin-bottom: 65px;*/

        overflow: hidden;

    }

    .ind9-b1 {

        width: 1396px;

        position: absolute;

        bottom: 0;

        right: calc(50% - 1920px/2);

    }

    .ind9-b2 {

        width: 100%;

        position: relative;

    }

    .ind9-b3 {

        position: absolute;

        top: 224px;

        left: 580px;

    }

    .ind9-b4 {

        font-size: 36px;

        line-height: 36px;

        color: #fff;

        font-family: 'Arial';

        font-style: italic;

        opacity: 0.42;

        margin-bottom: 20px;

    }

    .ind9-b5 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 40px;

    }

    .ind9-b6 {

        font-size: 22px;

        line-height: 22px;

        color: #fff;

        font-weight: lighter;

        margin: 0 0 40px;

    }

    .ind9-b7 {

        position: relative;

    }

    .ind9-b7>div:nth-child(1) {

        float: left;

        height: 16px;

        position: relative;

        top: 16px;

        width: 35px;

    }

    .ind9-b7>div:nth-child(2) {

        float: left;

        font-size: 16px;

        line-height: 48px;

        color: #fff;

    }

    .ind9-b7>div:nth-child(2) span {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        vertical-align: middle;

        font-family: 'Cormorant Garamond';

        position: relative;

        top: -16px;

    }

    .ind9-c1 {

        width: 1396px;

        position: absolute;

        top: 0;

        left: calc(50% - 1920px/2);

    }

    .ind9-c2 {

        width: 100%;

        position: relative;

    }

    .ind9-c3 {

        position: absolute;

        top: 160px;

        left: calc(1920px/2 - 1560px/2);

    }

    .ind9-c4 {

        font-size: 48px;

        line-height: 48px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        margin-bottom: 35px;

    }

    .ind9-c5 {

        font-size: 24px;

        line-height: 24px;

        color: #fff;

        font-weight: lighter;

        margin-bottom: 66px;

    }

    .ind9-c6 {

        width: 220px;

        height: 50px;

        background: #fff;

        border: 1px solid #fff;

        font-size: 16px;

        line-height: 48px;

        color: #d90029;

        text-align: center;

        transition: 0.5s;

    }

    .ind9-c6:hover {

        background: #d90029;

        color: #fff;

        transition: 0.5s;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind9-a1 {

        width: 100%;

        height: 514px;

        position: relative;

        /*margin-bottom: 65px;*/

        overflow: hidden;

    }

    .ind9-b1 {

        width: 1020px;

        position: absolute;

        bottom: 0;

        right: calc(50% - 1400px/2);

    }

    .ind9-b2 {

        width: 100%;

        position: relative;

    }

    .ind9-b3 {

        position: absolute;

        top: 180px;

        left: 380px;

    }

    .ind9-b4 {

        font-size: 28px;

        line-height: 28px;

        color: #fff;

        font-family: 'Arial';

        font-style: italic;

        opacity: 0.42;

        margin-bottom: 14px;

    }

    .ind9-b5 {

        font-size: 40px;

        line-height: 40px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 30px;

    }

    .ind9-b6 {

        font-size: 18px;

        line-height: 18px;

        color: #fff;

        font-weight: lighter;

        margin: 0 0 30px;

    }

    .ind9-b7 {

        position: relative;

    }

    .ind9-b7>div:nth-child(1) {

        float: left;

        height: 14px;

        position: relative;

        top: 11px;

        width: 30px;

    }

    .ind9-b7>div:nth-child(2) {

        float: left;

        font-size: 14px;

        line-height: 36px;

        color: #fff;

    }

    .ind9-b7>div:nth-child(2) span {

        font-size: 36px;

        line-height: 36px;

        color: #fff;

        font-weight: bold;

        vertical-align: middle;

        font-family: 'Cormorant Garamond';

        position: relative;

        top: -10px;

    }

    .ind9-c1 {

        width: 1020px;

        position: absolute;

        top: 0;

        left: calc(50% - 1400px/2);

    }

    .ind9-c2 {

        width: 100%;

        position: relative;

    }

    .ind9-c3 {

        position: absolute;

        top: 120px;

        left: calc(1400px/2 - 1160px/2);

    }

    .ind9-c4 {

        font-size: 36px;

        line-height: 36px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        margin-bottom: 28px;

    }

    .ind9-c5 {

        font-size: 18px;

        line-height: 18px;

        color: #fff;

        font-weight: lighter;

        margin-bottom: 44px;

    }

    .ind9-c6 {

        width: 180px;

        height: 40px;

        background: #fff;

        border: 1px solid #fff;

        font-size: 14px;

        line-height: 38px;

        color: #d90029;

        text-align: center;

        transition: 0.5s;

    }

    .ind9-c6:hover {

        background: #d90029;

        color: #fff;

        transition: 0.5s;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind9-a1 {

        width: 100%;

        height: 514px;

        position: relative;

        /*margin-bottom: 65px;*/

        overflow: hidden;

    }

    .ind9-b1 {

        width: 1020px;

        position: absolute;

        bottom: 0;

        right: calc(50% - 1400px/2);

    }

    .ind9-b2 {

        width: 100%;

        position: relative;

    }

    .ind9-b3 {

        position: absolute;

        top: 180px;

        left: 380px;

    }

    .ind9-b4 {

        font-size: 28px;

        line-height: 28px;

        color: #fff;

        font-family: 'Arial';

        font-style: italic;

        opacity: 0.42;

        margin-bottom: 14px;

    }

    .ind9-b5 {

        font-size: 40px;

        line-height: 40px;

        color: #fff;

        font-style: italic;

        font-weight: bold;

        margin-bottom: 30px;

    }

    .ind9-b6 {

        font-size: 18px;

        line-height: 18px;

        color: #fff;

        font-weight: lighter;

        margin: 0 0 30px;

    }

    .ind9-b7 {

        position: relative;

    }

    .ind9-b7>div:nth-child(1) {

        float: left;

        height: 14px;

        position: relative;

        top: 11px;

        width: 30px;

    }

    .ind9-b7>div:nth-child(2) {

        float: left;

        font-size: 14px;

        line-height: 36px;

        color: #fff;

    }

    .ind9-b7>div:nth-child(2) span {

        font-size: 36px;

        line-height: 36px;

        color: #fff;

        font-weight: bold;

        vertical-align: middle;

        font-family: 'Cormorant Garamond';

        position: relative;

        top: -10px;

    }

    .ind9-c1 {

        width: 1020px;

        position: absolute;

        top: 0;

        left: calc(50% - 1400px/2);

    }

    .ind9-c2 {

        width: 100%;

        position: relative;

    }

    .ind9-c3 {

        position: absolute;

        top: 120px;

        left: calc(1400px/2 - 960px/2);

    }

    .ind9-c4 {

        font-size: 36px;

        line-height: 36px;

        color: #fff;

        font-weight: bold;

        font-style: italic;

        margin-bottom: 28px;

    }

    .ind9-c5 {

        font-size: 18px;

        line-height: 18px;

        color: #fff;

        font-weight: lighter;

        margin-bottom: 44px;

    }

    .ind9-c6 {

        width: 180px;

        height: 40px;

        background: #fff;

        border: 1px solid #fff;

        font-size: 14px;

        line-height: 38px;

        color: #d90029;

        text-align: center;

        transition: 0.5s;

    }

    .ind9-c6:hover {

        background: #d90029;

        color: #fff;

        transition: 0.5s;

    }

}





/*bgimg1*/



@media only screen and (min-width: 1921px) {

    .bgimg1-a1 {

        width: 100%;

        position: relative;

        z-index: -1;

    }

    .bgimg1-a2 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .bgimg1-a3 {

        width: 100%;

        position: relative;

        margin-left: 0;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .bgimg1-a1 {

        width: 100%;

        position: relative;

        z-index: -1;

    }

    .bgimg1-a2 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .bgimg1-a3 {

        width: 1920px;

        position: relative;

        margin-left: calc(50% - 1920px/2);

    }

}



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

    .bgimg1-a1 {

        width: 100%;

        position: relative;

        z-index: -1;

    }

    .bgimg1-a2 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .bgimg1-a3 {

        width: 1920px;

        position: relative;

        margin-left: calc(50% - 1920px/2);

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .bgimg1-a1 {

        width: 100%;

        position: relative;

        z-index: -1;

    }

    .bgimg1-a2 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .bgimg1-a3 {

        width: 1480px;

        position: relative;

        margin-left: calc(50% - 1480px/2);

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .bgimg1-a1 {

        width: 100%;

        position: relative;

        z-index: -1;

    }

    .bgimg1-a2 {

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        overflow: hidden;

    }

    .bgimg1-a3 {

        width: 1480px;

        position: relative;

        margin-left: calc(50% - 1480px/2);

    }

}





/**/



@media only screen and (min-width: 1921px) {}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {}



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



@media only screen and (max-width: 1399px) and (min-width: 1200px) {}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {}





/* 百度营销 */



.yingxiao_bg {

    background: url(../img/yingxiao_bg.jpg) no-repeat center top;

    background-size: 100% 100%;

    padding: 5% 0 6%;

}



.yingxiao {

    width: 81.25%;

    margin: 0 auto;

    position: relative;

}



.yingxiao .swiper-container {

    width: 83%;

}



.yingxiao_con {

    width: 42.5%;

    color: #fff;

    padding: 5% 0 0 3%;

    float: left;

}



.yingxiao_con img {

    width: 179px;

    height: 155px;

}



.yingxiao_con h2 {

    font-size: 52px;

    font-weight: bold;

}



.yingxiao_con p {

    color: #cfcfcf;

    font-size: 18px;

    margin: 7% 0 12%;

}



.f_more {

    font-size: 16px;

    width: 160px;

    height: 55px;

    border: solid 1px #949494;

    border-radius: 26px;

    text-align: center;

    line-height: 50px;

    display: block;

    position: relative;

    overflow: hidden;

}



.f_more:before {

    content: "";

    width: 0;

    height: 100%;

    background: #d0111b;

    position: absolute;

    right: 0;

    bottom: 0;

    transition: 0.5s;

    z-index: -1;

}



.f_more:after {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -2;

    content: "";

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    border-radius: 28px;

}



.f_more:hover,

.f_more.active {

    color: #fff;

    border-color: #d0111b;

    transition-delay: 0.1s;

}



.f_more:hover:before,

.f_more.active:before {

    width: 100%;

    right: auto;

    left: 0;

}



.f_more1 {

    font-size: 16px;

    width: 160px;

    height: 55px;

    border: solid 1px #949494;

    border-radius: 26px;

    text-align: center;

    line-height: 50px;

    display: block;

    position: relative;

    overflow: hidden;

}



.f_more1:before {

    content: "";

    width: 0;

    height: 100%;

    background: #d0111b;

    position: absolute;

    right: 0;

    bottom: 0;

    transition: 0.5s;

    z-index: -1;

}



.f_more1:after {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: -2;

    content: "";

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    border-radius: 28px;

}



.f_more1:hover,

.f_more1.active {

    color: #fff;

    border-color: #d0111b;

    transition-delay: 0.1s;

}



.f_more1:hover:before,

.f_more1.active:before {

    width: 100%;

    right: auto;

    left: 0;

}



.yingxiao_pic {

    width: 43.5%;

    animation-delay: .8s;

    float: right;

}



.yingxiao_pic img {

    width: 100%;

}



.yingxiao .swiper-button-prev,

.yingxiao .swiper-button-next {

    width: 65px;

    height: 65px;

    opacity: .8;

    margin-top: -33px;

    top: 50%;

}



.yingxiao .swiper-button-next {

    background: none;

    right: 0;

}



.yingxiao .swiper-button-next:before {

    width: 100%;

    height: 100%;

    background: url(../img/a30.png) no-repeat;

    display: block;

    content: "";

    left: 0;

    top: 0;

    content: "";

    position: absolute;

    transform: scale(0);

    transition: 0.8s;

}



.yingxiao .swiper-button-next::after {

    width: 100%;

    height: 100%;

    background: url(../img/yingxiao_next.png) no-repeat;

    display: block;

    content: "";

    left: 0;

    top: 0;

    content: "";

    position: absolute;

    transition: 0.8s;

}



.yingxiao .swiper-button-next:hover::after {

    transform: scale(0);

}



.yingxiao .swiper-button-next:hover::before {

    transform: scale(1);

}



.yingxiao .swiper-button-prev {

    background: none;

    left: 0;

}



.yingxiao .swiper-button-prev:before {

    width: 100%;

    height: 100%;

    background: url(../img/a311.png) no-repeat;

    display: block;

    content: "";

    left: 0;

    top: 0;

    content: "";

    position: absolute;

    transform: scale(0);

    transition: 0.8s;

}



.yingxiao .swiper-button-prev::after {

    width: 100%;

    height: 100%;

    background: url(../img/yingxiao_prev.png) no-repeat;

    display: block;

    content: "";

    left: 0;

    top: 0;

    content: "";

    position: absolute;

    transition: 0.8s;

}



.yingxiao .swiper-button-prev:hover::after {

    transform: scale(0);

}



.yingxiao .swiper-button-prev:hover::before {

    transform: scale(1);

}



@media only screen and (min-width: 1921px) {

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}



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

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind5-b1 .swiper-container .swiper-wrapper {

        width: 100%;

        height: 100%;

        position: relative;

    }

    .ind5-b1 .swiper-container .swiper-slide {

        width: 100%!important;

        height: 100%!important;

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 {

        z-index: 2;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 {

        z-index: 3;

    }

    .ind5-b6 {

        width: 100%;

        height: 100%;

        position: relative;

        overflow: hidden;

    }

    .ind5-b7 {

        width: calc(100%/12);

        height: 100%;

        position: relative;

        overflow: hidden;

        float: left;

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on1 .ind5-b7 {

        transform: rotateY(0deg);

        transition: 0.5s;

    }

    .ind5-b1 .swiper-container .swiper-slide.on2 .ind5-b7 {

        transform: rotateY(90deg);

        transition: 0.5s;

    }

    .ind5-b8 {

        width: 1200%;

        height: 100%;

        position: absolute;

        top: 0;

    }

    .ind5-b7:nth-child(1) .ind5-b8 {

        left: 0;

    }

    .ind5-b7:nth-child(2) .ind5-b8 {

        left: -100%;

    }

    .ind5-b7:nth-child(3) .ind5-b8 {

        left: -200%;

    }

    .ind5-b7:nth-child(4) .ind5-b8 {

        left: -300%;

    }

    .ind5-b7:nth-child(5) .ind5-b8 {

        left: -400%;

    }

    .ind5-b7:nth-child(6) .ind5-b8 {

        left: -500%;

    }

    .ind5-b7:nth-child(7) .ind5-b8 {

        left: -600%;

    }

    .ind5-b7:nth-child(8) .ind5-b8 {

        left: -700%;

    }

    .ind5-b7:nth-child(9) .ind5-b8 {

        left: -800%;

    }

    .ind5-b7:nth-child(10) .ind5-b8 {

        left: -900%;

    }

    .ind5-b7:nth-child(11) .ind5-b8 {

        left: -1000%;

    }

    .ind5-b7:nth-child(12) .ind5-b8 {

        left: -1100%;

    }

}





/*ind10*/



@media only screen and (min-width: 1921px) {

    .ind10-a1 {

        width: 100%;

        height: 884px;

        overflow: hidden;

        position: relative;

    }

    .ind10-a2 {

        width: 100%;

        position: absolute;

        bottom: 0;

        left: 0;

    }

    .ind10-a3 {

        width: 100%;

        font-size: 22px;

        line-height: 22px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        bottom: 70px;

        left: 0;

    }

    .ind10-a4 {

        width: 100%;

        position: absolute;

        bottom: 110px;

        left: 0;

        text-align: center;

    }

    .ind10-a5 {

        display: inline-block;

        position: relative;

        padding-top: 140px;

    }

    .ind10-a5:nth-child(3) {

        margin-right: 60px;

    }

    .ind10-a6 {

        font-size: 225px;

        line-height: 245px;

        color: #fff;

        font-family: 'BigCaslon';

        position: relative;

        top: 0;

        transition: 0.5s;

        transform: scaleY(1.1);

    }

    .ind10-a5:hover .ind10-a6 {

        top: -80px;

        transition: 0.5s;

    }

    .ind10-a7 {

        width: 415px;

        height: 260px;

        position: absolute;

        bottom: 100%;

        left: calc(50% - 415px/2);

        opacity: 0;

        transform: scale(0) rotate(90deg);

        transform-origin: 20% 80%;

        transition: 0.5s;

    }

    .ind10-a5:hover .ind10-a7 {

        opacity: 1;

        transform: scale(1) rotate(0deg);

        transition: 0.5s;

    }

    .ind10-a7 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        bottom: 0;

        left: 0;

    }

}



@media only screen and (max-width: 1920px) and (min-width: 1600px) {

    .ind10-a1 {

        width: 100%;

        overflow: hidden;

        position: relative;

    }

    .ind10-a2 {

        width: 1920px;

        position: relative;

        margin-left: calc(50% - 1920px/2);

    }

    .ind10-a3 {

        width: 100%;

        font-size: 22px;

        line-height: 22px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        bottom: 70px;

        left: 0;

    }

    .ind10-a4 {

        width: 100%;

        position: absolute;

        bottom: 110px;

        left: 0;

        text-align: center;

    }

    .ind10-a5 {

        display: inline-block;

        position: relative;

        padding-top: 140px;

    }

    .ind10-a5:nth-child(3) {

        margin-right: 60px;

    }

    .ind10-a6 {

        font-size: 225px;

        line-height: 245px;

        color: #fff;

        font-family: 'BigCaslon';

        position: relative;

        top: 0;

        transition: 0.5s;

        transform: scaleY(1.1);

    }

    .ind10-a5:hover .ind10-a6 {

        top: -80px;

        transition: 0.5s;

    }

    .ind10-a7 {

        width: 415px;

        height: 260px;

        position: absolute;

        bottom: 100%;

        left: calc(50% - 415px/2);

        opacity: 0;

        transform: scale(0) rotate(90deg);

        transform-origin: 20% 80%;

        transition: 0.5s;

    }

    .ind10-a5:hover .ind10-a7 {

        opacity: 1;

        transform: scale(1) rotate(0deg);

        transition: 0.5s;

    }

    .ind10-a7 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        bottom: 0;

        left: 0;

    }

}



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

    .ind10-a1 {

        width: 100%;

        overflow: hidden;

        position: relative;

    }

    .ind10-a2 {

        width: 1920px;

        position: relative;

        margin-left: calc(50% - 1920px/2);

    }

    .ind10-a3 {

        width: 100%;

        font-size: 22px;

        line-height: 22px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        bottom: 70px;

        left: 0;

    }

    .ind10-a4 {

        width: 100%;

        position: absolute;

        bottom: 110px;

        left: 0;

        text-align: center;

    }

    .ind10-a5 {

        display: inline-block;

        position: relative;

        padding-top: 140px;

    }

    .ind10-a5:nth-child(3) {

        margin-right: 60px;

    }

    .ind10-a6 {

        font-size: 185px;

        line-height: 245px;

        color: #fff;

        font-family: 'BigCaslon';

        position: relative;

        top: 0;

        transition: 0.5s;

        transform: scaleY(1.1);

    }

    .ind10-a5:hover .ind10-a6 {

        top: -80px;

        transition: 0.5s;

    }

    .ind10-a7 {

        width: 415px;

        height: 260px;

        position: absolute;

        bottom: 100%;

        left: calc(50% - 415px/2);

        opacity: 0;

        transform: scale(0) rotate(90deg);

        transform-origin: 20% 80%;

        transition: 0.5s;

    }

    .ind10-a5:hover .ind10-a7 {

        opacity: 1;

        transform: scale(1) rotate(0deg);

        transition: 0.5s;

    }

    .ind10-a7 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        bottom: 0;

        left: 0;

    }

}



@media only screen and (max-width: 1399px) and (min-width: 1200px) {

    .ind10-a1 {

        width: 100%;

        overflow: hidden;

        position: relative;

    }

    .ind10-a2 {

        width: 1480px;

        position: relative;

        margin-left: calc(50% - 1480px/2);

    }

    .ind10-a3 {

        width: 100%;

        font-size: 18px;

        line-height: 18px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        bottom: 50px;

        left: 0;

    }

    .ind10-a4 {

        width: 100%;

        position: absolute;

        bottom: 110px;

        left: 0;

        text-align: center;

    }

    .ind10-a5 {

        display: inline-block;

        position: relative;

        padding-top: 80px;

    }

    .ind10-a5:nth-child(3) {

        margin-right: 60px;

    }

    .ind10-a6 {

        font-size: 145px;

        line-height: 185px;

        color: #fff;

        font-family: 'BigCaslon';

        position: relative;

        top: 0;

        transition: 0.5s;

        transform: scaleY(1.1);

    }

    .ind10-a5:hover .ind10-a6 {

        top: -50px;

        transition: 0.5s;

    }

    .ind10-a7 {

        width: 300px;

        height: 190px;

        position: absolute;

        bottom: 100%;

        left: calc(50% - 300px/2);

        opacity: 0;

        transform: scale(0) rotate(90deg);

        transform-origin: 20% 80%;

        transition: 0.5s;

    }

    .ind10-a5:hover .ind10-a7 {

        opacity: 1;

        transform: scale(1) rotate(0deg);

        transition: 0.5s;

    }

    .ind10-a7 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        bottom: 0;

        left: 0;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 1024px) {

    .ind10-a1 {

        width: 100%;

        overflow: hidden;

        position: relative;

    }

    .ind10-a2 {

        width: 1480px;

        position: relative;

        margin-left: calc(50% - 1480px/2);

    }

    .ind10-a3 {

        width: 100%;

        font-size: 18px;

        line-height: 18px;

        color: #fff;

        font-weight: bold;

        text-align: center;

        position: absolute;

        bottom: 50px;

        left: 0;

    }

    .ind10-a4 {

        width: 100%;

        position: absolute;

        bottom: 110px;

        left: 0;

        text-align: center;

    }

    .ind10-a5 {

        display: inline-block;

        position: relative;

        padding-top: 80px;

    }

    .ind10-a5:nth-child(3) {

        margin-right: 60px;

    }

    .ind10-a6 {

        font-size: 145px;

        line-height: 185px;

        color: #fff;

        font-family: 'BigCaslon';

        position: relative;

        top: 0;

        transition: 0.5s;

        transform: scaleY(1.1);

    }

    .ind10-a5:hover .ind10-a6 {

        top: -50px;

        transition: 0.5s;

    }

    .ind10-a7 {

        width: 300px;

        height: 190px;

        position: absolute;

        bottom: 100%;

        left: calc(50% - 300px/2);

        opacity: 0;

        transform: scale(0) rotate(90deg);

        transform-origin: 20% 80%;

        transition: 0.5s;

    }

    .ind10-a5:hover .ind10-a7 {

        opacity: 1;

        transform: scale(1) rotate(0deg);

        transition: 0.5s;

    }

    .ind10-a7 img {

        max-width: 100%;

        max-height: 100%;

        position: absolute;

        bottom: 0;

        left: 0;

    }

}



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

    .zzj-pc {

        display: none;

    }

    .zmr-phone {

        display: block;

    }

}



@media only screen and (min-width: 1024px) {

    .zzj-pc {

        display: block;

    }

    .zmr-phone {

        display: none;

    }

}



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

    .p-index .p-bai-nav {

        width: 100%;

        position: fixed;

        top: 0;

        left: 0;

        padding: .2rem .3rem;

        z-index: 10;

        display: none;

        transition: 0.5s;

        background: #fff;

    }

    .p-index .p-bai-nav>a {

        display: block;

        height: 0.7rem;

    }

    .p-index .p-bai-nav>a img {

        height: 100%;

        width: auto;

    }

    .p-index .nav.phone-on1 {

        opacity: 0;

        transition: .5s;

    }

    .p-index .nav {

        width: 100%;

        position: fixed;

        top: .3rem;

        left: 0;

        padding: 0 .3rem;

        z-index: 9;

        /*height:.82rem;*/

        transition: 0.5s;

    }

    /*.p-index  .nav.on1 {*/

    /*    background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));*/

    /*    top: 0;*/

    /*    transition: 0.5s;*/

    /*    padding: .3rem;*/

    /*}*/

    .p-index .nav>a {

        display: block;

        width: 3.93rem;

    }

    .p-index .nav-fr {

        height: .44rem;

        position: absolute;

        top: calc(50% - 0.44rem/2);

        right: 0.3rem;

    }

    .p-index .nav-fr .nav-fr-a1 {

        width: .43rem;

        margin-right: .55rem;

        display: block;

        height: 100%;

        cursor: pointer;

        float: right;

    }

    .p-index .nav-fr .nav-fr-a2 {

        width: .47rem;

        display: block;

        height: 100%;

        position: relative;

        top: 0.03rem;

        cursor: pointer;

        float: right;

    }

    .p-index .nav-fr .nav-fr-a1 img {

        width: .42rem;

        display: inline-block;

        vertical-align: -webkit-baseline-middle;

    }

    .p-index .nav-fr .nav-fr-a2 img {

        width: .44rem;

        display: inline-block;

        vertical-align: -webkit-baseline-middle;

    }

    .p-index-a10 {

        width: 100%;

        height: 9.8rem;

        overflow: hidden;

        position: relative;

    }

    .p-index-a10>i {

        display: block;

        width: 100%;

        height: 100%;

    }

    .p-index-a10-box {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        padding-top: .97rem;

    }

    .p-index-a10-ti1 {

        font-size: .36rem;

        color: rgba(255, 255, 255, .42);

        text-align: center;

        font-style: italic;

        line-height: .36rem;

        margin-bottom: .2rem;

    }

    .p-index-a10-ti2 {

        font-size: .48rem;

        color: #fff;

        text-align: center;

        font-weight: bolder;

        line-height: .48rem;

        margin-bottom: .35rem;

    }

    .p-index-a10-ti3 {

        font-size: .24rem;

        color: #fff;

        text-align: center;

        font-weight: lighter;

        margin-bottom: 1rem;

        line-height: .24rem;

    }

    .p-index-a10-ti4 {

        width: .66rem;

        height: .66rem;

        margin: 0 auto .25rem;

    }

    .p-index-a10-ti5 {

        text-align: center;

        color: #fff;

        font-size: .24rem;

        margin-bottom: .4rem;

    }

    .p-index-a10-ti6 {

        color: #ffffff;

        text-align: center;

        font-family: 'bigcaslon';

        font-size: .48rem;

        font-weight: bolder;

        margin-bottom: .6rem;

        letter-spacing: .06rem;

    }

    .p-bot {

        background: #1e1e1e;

        padding-top: .98rem;

        padding-bottom: .68rem;

    }

    .p-bot-a1 {

        display: flex;

        justify-content: center;

        padding-bottom: 1.15rem;

    }

    .p-bot-a1 .p-bot-a1-list img:first-child {

        width: .46rem;

    }

    .p-bot-a1 .p-bot-a1-list:nth-child(3) img:first-child {

        width: .36rem;

    }

    .p-bot-a1-list {

        margin-right: .7rem;

        position: relative;

    }

    .p-bot-a1-list:last-child {

        margin-right: 0;

    }

    /*.p-bot-a1-list img:last-child {

        width: .8rem;

        height: .8rem;

        position: absolute;

        top: -.9rem;

        left: -.15rem;

        transform: scale(0);

        transition: 0.5s;

        opacity: 0;

    }

    .p-bot-a1-list:hover img:last-child {

        transform: scale(1);

        opacity: 1;

        transition: 0.5s;

    }*/



    .p-bot-a1-list img:last-child {

        width: 2.4rem;

        height: 2.4rem;

        position: absolute;

        bottom: 110%;

        left: calc(50% - 2.4rem/2);

        transform: scale(0);

        opacity: 0;

        transition: 0.5s;

    }

    .p-bot-a1-list:hover img:last-child {

        transform: scale(1);

        opacity: 1;

        transition: 0.5s;

    }

    .p-bot-a2 {

        color: #777777;

        font-size: .28rem;

        text-align: center;

        border-bottom: .01rem solid rgba(255, 255, 255, .1);

        padding-bottom: .5rem;

        margin-bottom: .3rem;

    }

    .p-bot-a2 a:first-child {

        margin-right: .52rem;

    }

    .p-bot-a3 {

        font-size: .22rem;

        color: #656565;

        text-align: center;

        margin-bottom: 0;

    }

    .p-bot-a4 {

        font-size: .22rem;

        color: #656565;

        text-align: center;

    }

    .p-bot-a4 img {

        display: inline-block;

        margin-right: .06rem;

    }

}



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

    .zzj-pc,

    .ft1-a1,

    .ft1-b1 {

        display: none;

    }

}



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

    .right1-a1 {

        width: 2.1rem;

        position: fixed;

        bottom: .5rem;

        right: -.8rem!important;

        z-index: 7;

        transition: 0.5s;

        transform: scale(0.6);

        /* display: none; */

    }

    .right1-a2 {

        width: 1.8rem;

        height: 2.28rem;

        overflow: hidden;

        transform: rotate(-30deg);

        transition: 0.5s;

    }

    .right1-a2 div {

        width: 2.5rem;

        height: 2.64rem;

        position: absolute;

        top: -.22rem;

        left: -.22rem;

    }

    .right1-a3 {

        display: none;

    }

    .right1-c1 {

        width: 1.3rem;

        height: 1.3rem;

        position: fixed;

        bottom: 2.2rem;

        right: .2rem;

        z-index: 7;

        border-radius: 50%;

        /* display: none; */

        cursor: pointer;

    }

    .right1-c2 {

        width: 100%;

        height: 100%;

        position: relative;

        border-radius: 50%;

        transition: 0.5s;

    }

    .right1-c3 {

        width: .16rem;

        height: .16rem;

        border-radius: 50%;

        background: #aaacaf;

        position: absolute;

        transition: 0.5s;

    }

    .right1-c3:nth-child(1) {

        top: calc(50% - .3rem);

        left: calc(50% - .3rem);

    }

    .right1-c3:nth-child(2) {

        top: calc(50% - .3rem);

        left: calc(50% + .1rem);

    }

    .right1-c3:nth-child(3) {

        top: calc(50% + .1rem);

        left: calc(50% - .3rem);

    }

    .right1-c3:nth-child(4) {

        top: calc(50% + .1rem);

        left: calc(50% + .1rem);

    }

    .right1-b3{border-radius: 0 0 0 30px;}

    .right1-b2:hover .right1-b3 {

        width: 2.6rem;

        transition: 0.5s;

    }

    .right1-c4 {

        width: 1.02rem;

        height: 4.4rem;

        position: absolute;

        top: -4.1rem;

        left: calc(50% - 1.02rem/2);

        transition: 0.5s;

        transform: scale(0);

        opacity: 0;

    }

    .right1-c1.on1 .right1-c4 {

        transition: 0.5s;

        transform: scale(1);

        opacity: 1;

    }

    .right1-b1 {

        width: 56px;

        height: 200px;

        position: relative;

    }

    .right1-b2 {

        width: 100%;

        height: 25%;

        position: relative;

        cursor: pointer;

        background: #d9012a;

    }

    /*.right1-b2:first-child {

        border-radius: 0 25px 0 0;

    }*/

    .right1-b3 {

        width: 0;

        height: 100%;

        position: absolute;

        top: 0;

        right: 100%;

        overflow: hidden;

        background: #d9012a;

        font-size: 13px;

        line-height: 50px;

        color: #fff;

        text-align: center;

        white-space: nowrap;

        transition: 0.5s;

    }

    .right1-b3{border-radius: 0 0 0 30px;}

    .right1-b4 {

        width: 100%;

        height: 100%;

        position: absolute;

        top: 0;

        left: 0;

    }

    .right1-b4 img {

        max-width: 26px;

        max-height: 24px;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        margin: auto;

    }

    .right1-b2:last-child {

        border-radius: 0 0 25px 0;

    }

    .search1-a1 {

        display: block!important;

    }

    .search1-a1 {

        width: 100%;

        height: 100%;

        position: fixed;

        top: -100%;

        left: 0;

        z-index: 11;

        transition: 0.5s;

        background: #d9012a;

        overflow: hidden;

    }

    .search1-a1.on1 {

        top: 0;

        transition: 0.5s;

    }

    .search1-a2 {

        font-size: 0.72rem;

        line-height: 0.72rem;

        color: #fff;

        font-weight: bold;

        text-align: center;

        width: 100%;

        position: absolute;

        top: calc(50% - 3.84rem);

        left: 0;

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 160);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a2 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a3 {

        font-size: 0.72rem;

        line-height: 0.72rem;

        color: #fff;

        font-weight: lighter;

        text-align: center;

        width: 100%;

        position: absolute;

        top: calc(50% - 2.76rem);

        left: 0;

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 100);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a3 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a4 {

        width: calc(100% - 0.4rem*2);

        height: 0.8rem;

        border-radius: 0.4rem;

        background: rgba(255, 255, 255, 1);

        position: absolute;

        top: calc(50% - 1.2rem);

        left: 0.4rem;

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 60);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a4 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a5 {

        width: 70%;

        height: 0.7rem;

        position: absolute;

        top: calc(50% - 0.7rem/2);

        left: 0.4rem;

    }

    .search1-a5 input {

        width: 100%;

        height: 100%;

        position: relative;

        font-size: 0.28rem;

        line-height: 0.7rem;

        color: #d9012a;

    }

    .search1-a5 input::-webkit-input-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input::-moz-placeholder {

        color: #d9012a;

    }

    .search1-a5 input:-ms-input-placeholder {

        color: #d9012a;

    }

    .search1-a6 {

        height: 0.4rem;

        position: absolute;

        top: calc(50% - 0.4rem/2);

        right: 0.3rem;

        cursor: pointer;

    }

    .search1-a6+input {

        display: none;

    }

    .search1-a7 {

        width: calc(100% - 0.6rem*2);

        position: absolute;

        top: calc(50% + 0rem);

        left: 0.6rem;

        opacity: 0;

        transform: matrix(1, 0, 0, 1, 0, 80);

        transition: 1s;

    }

    .search1-a1.on1 .search1-a7 {

        transform: matrix(1, 0, 0, 1, 0, 0);

        opacity: 1;

        transition: 1s;

    }

    .search1-a8 {

        font-size: 0.28rem;

        line-height: 0.48rem;

        color: #fff;

        font-weight: bold;

        float: left;

    }

    .search1-a9 {

        width: calc(100% - 1.6rem + 0.2rem);

        float: right;

    }

    .search1-a9>div {

        font-size: 0.26rem;

        line-height: 0.48rem;

        color: #fff;

        float: left;

        margin-right: 0.2rem;

    }

    .search1-a10 {

        height: 0.6rem;

        position: absolute;

        top: 0.25rem;

        right: 0.3rem;

    }

    .search1-a11 {

        height: 0.7rem;

        position: absolute;

        top: 0.2rem;

        left: 0.3rem;

    }

    .search1-a12 {

        height: 4.45rem;

        position: absolute;

        top: calc(50% + 1.4rem);

        left: calc(50% - 3.76rem/2);

    }

}



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

    .p-popup {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: #d9012a;

        z-index: 99;

        overflow-y: auto;

        display: none;

        padding: .52rem .3rem;

    }

    .p-popup-a1 {

        width: 100%;

        height: .8rem;

        margin-bottom: .9rem;

    }

    .p-popup-a1>a {

        display: inline-block;

        height: .8rem;

        width: 4.39rem;

    }

    .p-popup-a1>i {

        display: inline-block;

        height: .8rem;

    }

    .p-popup-nav-list {

        margin-bottom: .65rem;

    }

    .p-popup-nav-list-a1 {

        width: 100%;

    }

    .p-popup-nav-list-a1>.fL {

        width: 1.06rem;

    }

    .p-popup-nav-list-a1>.fL img {

        width: .8rem;

    }

    .p-popup-nav-list-a1>.fR {

        width: calc(100% - 1.06rem);

    }

    .p-popup-nav-list-a1>.fR a {

        font-size: .36rem;

        color: #fff;

        font-weight: bolder;

        line-height: .8rem;

    }

    .p-popup-nav-list-a1>.fR img.p-popup-nav-img2 {

        display: none;

    }

    .p-popup-nav-img1 {

        display: inline-block;

        width: .25rem;

        height: .4rem;

        position: relative;

        top: 0.2rem;

    }

    .p-popup-nav-list-a1.p-on1 .fR img.p-popup-nav-img1 {

        display: none;

    }

    .p-popup-nav-list-a1.p-on1 .fR img.p-popup-nav-img2 {

        display: inline-block;

        width: .36rem;

        padding-top: .28rem;

    }

    .p-popup-nav-list-a2 {

        display: none;

        width: 100%;

        padding-left: 1.06rem;

        padding-top: .5rem;

    }

    .p-popup-nav-list-a2 li {

        font-size: .3rem;

        line-height: .3rem;

        margin-bottom: .4rem;

        color: #fff;

    }

    .p-popup-nav-list-a2 li:last-child {

        margin-bottom: 0;

    }

    .p-popup-logo {

        position: absolute;

        right: 0;

        bottom: 0;

        width: 6.14rem;

    }

    .p-popup-nav {

        position: relative;

        z-index: 2;

    }

    .p-popup-code {

        position: relative;

        z-index: 2;

    }

    .p-popup-code-a1 {

        color: #fff;

        font-size: .26rem;

        font-weight: bolder;

        text-align: center;

        margin-bottom: .2rem;

    }

    .p-popup-code-a2 {

        width: 60%;

        margin: 0 auto;

    }

    .p-popup-code-a2-list {

        width: calc(100% / 4);

        position: relative;

    }

    .p-popup-code-a2-list img {

        margin: 0 auto;

    }

    .p-popup-code-a2 .p-popup-code-a2-list img:nth-child(1) {

        margin-bottom: .2rem;

    }

    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(1) img:nth-child(1) {

        width: .48rem;

    }

    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(2) img:nth-child(1) {

        width: .52rem;

    }

    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(3) img:nth-child(1) {

        width: .36rem;

    }

    .p-popup-code-a2 .p-popup-code-a2-list:nth-child(4) img:nth-child(1) {

        width: .52rem;

    }

    .p-popup-code-a2-list img:last-child {

        width: 2.4rem;

        height: 2.4rem;

        transform: scale(0);

        opacity: 0;

        transition: 0.5s;

        position: absolute;

        bottom: 110%;

        left: calc(50% - 2.4rem/2);

    }

    .p-popup-code-a2-list:hover img:last-child {

        transform: scale(1);

        opacity: 1;

        transition: 0.5s;

    }

    .yyp_banner {

        position: relative;

        overflow: hidden;

        height: 7.5rem;

        display: flex;

        align-items: center;

        justify-content: center;

        background-position: 50% 50%;

        background-repeat: no-repeat;

        background-size: cover;

    }

    .yyp_banner .bj_img {

        width: auto;

        height: 100%;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        display: none;

    }

    .yyp_banner .text {

        width: 85%;

        position: relative;

        z-index: 1;

        color: #ffffff;

        padding-top: 0.6rem;

    }

    .yyp_banner .text h6 {

        font-size: 0.68rem;

        font-weight: bold;

        line-height: 1.7;

    }

    .yyp_banner .text p {

        font-size: 0.2rem;

        line-height: 1.7;

        margin-top: 0.1rem;

    }

    .yyp_banner .text em {

        display: block;

        width: 0.72rem;

        height: 0.08rem;

        background: #135efc;

        margin: 5% 0 0;

    }

    .yyp_banner .text.black {

        color: #000;

    }

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

        .yyp_banner {

            height: 7rem;

        }

        .yyp_banner .text h6 {

            font-size: 0.6rem;

        }

        .yyp_banner .text p {

            font-size: 0.2rem;

        }

    }

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

        .yyp_banner {

            height: 6.5rem;

        }

        .yyp_banner .text h6 {

            font-size: 0.54rem;

        }

        .yyp_banner .text p {

            width: 50%;

            font-size: 0.18rem;

        }

    }

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

        .yyp_banner {

            background: none;

            height: 4.5rem;

        }

        .yyp_banner .bj_img {

            display: block;

        }

        .yyp_banner .text {

            padding-top: 0.6rem;

        }

        .yyp_banner .text h6 {

            font-size: 0.4rem;

            line-height: 1.7;

        }

        .yyp_banner .text p {

            font-size: 0.2rem;

            line-height: 1.7;

        }

        .yyp_banner .text em {

            width: 0.7rem;

            height: 0.04rem;

        }

    }

}



/*.menu1-a15:nth-child(1) .menu1-a17 {

    display: none;

}



.menu1-a15:nth-child(4) .menu1-a17 {

    display: none;

}*/



/*.yyp_eject_nav .a2 .b2 .c2 .item:nth-child(1) em {

    display: none;

}



.yyp_eject_nav .a2 .b2 .c2 .item:nth-child(4) em {

    display: none;

}*/



.p-bot-a1-list:nth-child(1) img:last-child {

    display: none;

}



/*.p-bot-a1-list:nth-child(4) img:last-child {

    display: none;

}

*/

.p-bot-a1-list {

    position: relative;

}



.p-bot-a1-list a {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.ft1-a5:nth-child(1) .ft1-a6{display: none;}



/*.menu1-a1{top: 0;z-index: -1;opacity: 0;transform: scale(1.1);transition: all 0.2s;background: #a40000;}

.menu1-a1.on1{z-index: 20;opacity: 1;transform: scale(0.94);}

.menu1-a4{top: 0;}



.ovh_yyp{

    height: 100%;

    overflow: hidden;

}

*/

@keyframes ind666{0%{transform: translateZ(0px);}50%{transform: translateZ(20px);}100%{transform: translateZ(0px);}}.ind6-a4:nth-child(1){animation: ind666 linear 4s infinite;animation-delay: -1.583629850744975s;}

.ind6-a4:nth-child(2){animation: ind666 linear 4s infinite;animation-delay: -3.636640124933237s;}

.ind6-a4:nth-child(3){animation: ind666 linear 4s infinite;animation-delay: -0.3415892575310622s;}

.ind6-a4:nth-child(4){animation: ind666 linear 4s infinite;animation-delay: -2.1592213945914214s;}

.ind6-a4:nth-child(5){animation: ind666 linear 4s infinite;animation-delay: -3.812456332286752s;}

.ind6-a4:nth-child(6){animation: ind666 linear 4s infinite;animation-delay: -3.761445778337417s;}

.ind6-a4:nth-child(7){animation: ind666 linear 4s infinite;animation-delay: -1.4740311448861378s;}

.ind6-a4:nth-child(8){animation: ind666 linear 4s infinite;animation-delay: -0.3597797042163995s;}

.ind6-a4:nth-child(9){animation: ind666 linear 4s infinite;animation-delay: -3.0055658985744014s;}

.ind6-a4:nth-child(10){animation: ind666 linear 4s infinite;animation-delay: -0.9179019590600355s;}

.ind6-a4:nth-child(11){animation: ind666 linear 4s infinite;animation-delay: -3.026364436914257s;}

.ind6-a4:nth-child(12){animation: ind666 linear 4s infinite;animation-delay: -3.821782617898635s;}

.ind6-a4:nth-child(13){animation: ind666 linear 4s infinite;animation-delay: -0.9411883522668303s;}

.ind6-a4:nth-child(14){animation: ind666 linear 4s infinite;animation-delay: -1.6709697886051078s;}

.ind6-a4:nth-child(15){animation: ind666 linear 4s infinite;animation-delay: -1.0926285146328505s;}

.ind6-a4:nth-child(16){animation: ind666 linear 4s infinite;animation-delay: -1.5688435053121568s;}

.ind6-a4:nth-child(17){animation: ind666 linear 4s infinite;animation-delay: -1.4607250633915374s;}

.ind6-a4:nth-child(18){animation: ind666 linear 4s infinite;animation-delay: -3.198819141151179s;}

.ind6-a4:nth-child(19){animation: ind666 linear 4s infinite;animation-delay: -3.503310892640034s;}

.ind6-a4:nth-child(20){animation: ind666 linear 4s infinite;animation-delay: -2.0989392601940757s;}

.ind6-a4:nth-child(21){animation: ind666 linear 4s infinite;animation-delay: -0.645072607642482s;}

.ind6-a4:nth-child(22){animation: ind666 linear 4s infinite;animation-delay: -2.0460234543970746s;}

.ind6-a4:nth-child(23){animation: ind666 linear 4s infinite;animation-delay: -3.6653057358842522s;}

.ind6-a4:nth-child(24){animation: ind666 linear 4s infinite;animation-delay: -0.9619905165684051s;}

.ind6-a4:nth-child(25){animation: ind666 linear 4s infinite;animation-delay: -1.543627600765796s;}

.ind6-a4:nth-child(26){animation: ind666 linear 4s infinite;animation-delay: -0.6773664727978881s;}

.ind6-a4:nth-child(27){animation: ind666 linear 4s infinite;animation-delay: -1.3555055248111065s;}

.ind6-a4:nth-child(28){animation: ind666 linear 4s infinite;animation-delay: -3.4946053665972068s;}

.ind6-a4:nth-child(29){animation: ind666 linear 4s infinite;animation-delay: -1.6704873508861118s;}

.ind6-a4:nth-child(30){animation: ind666 linear 4s infinite;animation-delay: -3.944176333286312s;}

.ind6-a4:nth-child(31){animation: ind666 linear 4s infinite;animation-delay: -3.742350326900147s;}

.ind6-a4:nth-child(32){animation: ind666 linear 4s infinite;animation-delay: -3.3905700651291744s;}

.ind6-a4:nth-child(33){animation: ind666 linear 4s infinite;animation-delay: -0.7581577449455175s;}

.ind6-a4:nth-child(34){animation: ind666 linear 4s infinite;animation-delay: -3.033386786190248s;}

.ind6-a4:nth-child(35){animation: ind666 linear 4s infinite;animation-delay: -3.2567125014841585s;}

.ind6-a4:nth-child(36){animation: ind666 linear 4s infinite;animation-delay: -0.9918442614476062s;}

.ind6-a4:nth-child(37){animation: ind666 linear 4s infinite;animation-delay: -1.2375333907862922s;}

.ind6-a4:nth-child(38){animation: ind666 linear 4s infinite;animation-delay: -1.7620601664275215s;}

.ind6-a4:nth-child(39){animation: ind666 linear 4s infinite;animation-delay: -3.3862342374502363s;}

.ind6-a4:nth-child(40){animation: ind666 linear 4s infinite;animation-delay: -1.9401997706297722s;}

.ind6-a4:nth-child(41){animation: ind666 linear 4s infinite;animation-delay: -3.5766836413823935s;}

.ind6-a4:nth-child(42){animation: ind666 linear 4s infinite;animation-delay: -0.15812519724330265s;}



.menu1-a5 img{width: auto!important;height: auto!important;max-width: 60%!important;max-height: 60%!important;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

.menu1-a3:nth-child(1) .menu1-a5 img{max-width: 70%!important;max-height: 70%!important;}

.ind10-a1 .t1-a1{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;}

.ind10-a1 .t1-a1 div{color: #fff;}

.ind10-a4{z-index: 1;}

.hd1-a66{font-size: 16px;line-height: 100px;color: #fff;font-weight: bold;position: absolute;top: 0;left: 390px;height: 100%;}

.hd1-a67{font-size: 16px;line-height: 100px;color: #fff;font-weight: bold;}

.pc_nav_zz .hd1-a67{color: #333;}

.hd1-a68{width: 100%;padding: 40px 40px;background: rgba(0,0,0,0.6);display: none;position: fixed;top: 100px;left: 0}

.hd1-a69{width: 400px;height: 300px;float: left;}

.hd1-a70{width: calc(100% - 460px);height: 300px;padding-right: 40px;overflow: hidden;overflow-y: auto;}

.hd1-a70::-webkit-scrollbar{width : 8px;height: 1px;}

.hd1-a70::-webkit-scrollbar-thumb{border-radius: 4px;background: #fff;}

.hd1-a70::-webkit-scrollbar-track{border-radius: 4px;background: none;}

.hd1-a71{width: calc(100%/3);height: 75px;float: left;}

.hd1-a72{font-size: 16px;line-height: 40px;color: #fff;font-weight: bold;}

.hd1-a73{font-size: 14px;line-height: 35px;color: #fff;}

.header-dropdown-market{display: none;background: #fff;width: 100%;position: fixed;top: 100px;left: 0;height: 500px}

.pc_nav_zz.pc_nav_on2 {

    opacity: 1;

    transition: .5s;

}

.hd1-a67 img {

    width: 16px;

    height: 16px;

    display: inline-block;

    vertical-align: middle;

    position: relative;

    top: -2px;

    margin-right: 6px;

}



.menu1-a11 {

    top: -60px;

    transition: 0.5s;

}

.menu1-a1.on1 .menu1-a11{

    top: 24px;

    transition: 0.5s;

    transition-delay: 1s;

}





@media only screen and (min-width: 1024px) {

    .right1-c2{transform: rotate(45deg);}

    .right1-c3{background: #d9012a;}

    .right1-c4{transform: scale(1);opacity: 1;}

}

.pc_nav_zz{display: none!important;}

.hd1-a1 img:nth-child(1){display: block;}

.hd1-a1 img:nth-child(2){display: none;}

.hd1-a1.on1 img:nth-child(1){display: none;}

.hd1-a1.on1 img:nth-child(2){display: block;}

.hd1-a1.on2 img:nth-child(1){display: none;}

.hd1-a1.on2 img:nth-child(2){display: block;}

.hd1-a1 .hd1-a67 img:nth-child(1){display: inline;}

.hd1-a1 .hd1-a67 img:nth-child(2){display: none;}

.hd1-a1.on1 .hd1-a67 img:nth-child(1){display: none;}

.hd1-a1.on1 .hd1-a67 img:nth-child(2){display: inline;}

.hd1-a1.on2 .hd1-a67 img:nth-child(1){display: none;}

.hd1-a1.on2 .hd1-a67 img:nth-child(2){display: inline;}

.hd1-a1{background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));transition: 0s;}

.hd1-a1.on1{background: #fff;transition: 0s;}

.hd1-a1.on2{background: #fff;transition: 0s;}

.hd1-a1 .hd1-a4{color: #fff;}

/*.hd1-a1.on1 .hd1-a4{display: none!important;}*/

.hd1-a1.on1 .hd1-a4{color: #333;}

.hd1-a1.on2 .hd1-a4{color: #333;}

.hd1-a1.on1 .hd1-a5{color: #333;}

.hd1-a1.on2 .hd1-a5{color: #333;}

.hd1-a1 .hd1-a67{color: #fff;}

.hd1-a1.on1 .hd1-a67{color: #333;}

.hd1-a1.on2 .hd1-a67{color: #333;}

.hd1-a1{}

.hd1-a1.on1{}

.hd1-a1.on2{}