body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 tahoma, '\5FAE\8F6F\96C5\9ED1', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

em,
b {
    font-style: normal
}

a,
a:hover {
    text-decoration: none
}

img {
    border: 0
}

body {
    box-sizing: border-box;
    background: #0c1f34;
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th,
ul,
ol {
    padding: 0;
    border: none;
}

ul li {
    list-style: none;
}

/* reset end */

.wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper {
    position: relative;
    *zoom: 1;
    overflow: hidden;
    opacity: 0;
}

.wrapper img {
    display: block;
}

.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: " ";
    font-size: 0
}

.clearfix {
    *zoom: 1
}

.swiper-button-disabled {
    cursor: default !important;
}

.role-switch-right.swiper-button-disabled:hover,
.role-switch-left.swiper-button-disabled:hover {
    background-color: #aba7a2 !important;
}

.zs-switch-right.swiper-button-disabled:hover,
.zs-switch-left.swiper-button-disabled:hover {
    background-color: #aba7a2 !important;
}

.zs2-switch-right.swiper-button-disabled,
.zs2-switch-left.swiper-button-disabled {
    background-color: #aba7a2 !important;
}

.dt-switch-left.swiper-button-disabled:hover,
.dt-switch-right.swiper-button-disabled:hover {
    background-color: #141f2c !important;
}

.wrapper .main {
    margin: 0 auto;
    position: relative;
    z-index: 2;
    height: 100%;
    width: 1166px;
}

.dia,
.dia * {
    box-sizing: border-box;
}

/* foot S */
#afooter {
    position: relative;
    padding: 30px 0;
    text-align: center;
    font: normal 12px/19px Tahoma;
    z-index: 10;
    background-color: #191219;
}

#afooter,
#afooter a {
    color: #c0c0c0;
    text-decoration: none;
}





/* foot E */
/* 精灵图 S */
.spr {
    background: url(../ossweb-img/spr.png) no-repeat;
}

.spr.i-title {
    width: 1176px;
    height: 33px;
    background-position: -10px -10px;
}

.spr.i-zk {
    width: 60px;
    height: 60px;
    background-position: -354px -160px;
}

.spr.item-bg {
    width: 354px;
    height: 388px;
    background-position: 0 0;
}

.spr.nav1.on {
    width: 388px;
    height: 80px;
    background-position: -354px -80px;
}

/* .spr.nav1 {
    width: 386px;
    height: 81px;
    background-position: -406px -144px;
} */

.spr.nav2.on {
    width: 388px;
    height: 80px;
    background-position: -354px -80px;
}

/* .spr.nav2 {
    width: 386px;
    height: 81px;
    background-position: -406px -144px;
} */
.spr.nav3.on {
    width: 388px;
    height: 80px;
    background-position: -354px -80px;
}

/* .spr.nav3.on {
    width: 388px;
    height: 80px;
    background-position: -354px -80px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    color: #cdcdcd !important;
} */

/* .spr.nav3 {
    width: 387px;
    height: 81px;
    background-position: -407px -53px;
} */

.spr.price-box {
    width: 354px;
    height: 78px;
    background-position: -742px -80px;
}

.spr.sw-next1 {
    background-position: -1180px -80px;
    width: 84px;
    height: 56px;
}

.spr.sw-next2 {
    background-position: -1180px -80px;
    width: 84px;
    height: 56px;
}

.spr.sw-prev1 {
    background-position: -1348px -80px;
    width: 84px;
    height: 56px;
}

.spr.sw-prev2 {
    background-position: -1348px -80px;
    width: 84px;
    height: 56px;
}

.spr.sw-prev1.sw-prev1-num1.swiper-button-disabled,
.spr.sw-prev1.sw-prev1-num2.swiper-button-disabled {
    background-position: -1264px -80px;
    width: 84px;
    height: 56px;
}

.spr.sw-next1.sw-next1-num1.swiper-button-disabled,
.spr.sw-next1.sw-next1-num2.swiper-button-disabled {
    background-position: -1096px -80px;
    width: 84px;
    height: 56px;
}

/* 精灵图 E */
/* 通用部分 S */
.item-btn {
    display: block;
    position: relative;
}

.item-btn:before {
    content: '';
    width: 100%;
    height: 42px;
    border: 1px solid #0f1722;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}

.item-btn:after {
    content: '';
    width: 100%;
    height: 42px;
    border: 1px solid #0f1722;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}

.item-btn .item-btn-inner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
}

.item-btn .item-btn-inner:before {
    content: '';
    width: 120%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 2;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -webkit-transform: skew(-10deg) translateX(-100%);
    transform: skew(-10deg) translateX(-100%);
}

.item-btn .item-btn-inner:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
    width: 5px;
    height: 5px;
    background-color: #ece8e1;
}

.item-btn .item-btn-inner .item-btn-text {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-weight: bold;
    letter-spacing: 3px;
    position: relative;
    z-index: 9;
}

.item-btn.gray {
    pointer-events: none !important;
}

.item-btn.gray .item-btn-inner {
    background: gray !important;
}

.item-btn.gray:before {
    border: 1px solid gray !important;
    border-bottom: none !important;
}

.item-btn.gray:after {
    border: 1px solid gray !important;
    border-top: none !important;
}

.item-btn.gray .item-btn-inner .item-btn-text {
    color: #313131 !important;
}

/* 通用部分 E */
/* 主体部分 S */
.show_m {
    display: none !important;
}

.head-page {
    height: 1056px;
    background: url(../ossweb-img/head-bg.jpg) no-repeat top center;
    background-size: 100% 100%;
    position: relative;
}

.page1 {
    height: 1216px;
    background: url(../ossweb-img/bg1.jpg) no-repeat top center;
    background-size: 100% 100%;
    position: relative;
    padding-top: 64px;
    margin-top: -1px;
}

.page2 {
    height: 1428px;
    background: url(../ossweb-img/bg2.jpg) no-repeat top center;
    background-size: 100% 100%;
    position: relative;
    padding-top: 183px;
    margin-top: -1px;
}

.head-page .logo {
    width: 259px;
    height: 53px;
    background: url(../ossweb-img/logo.png);
    position: absolute;
    top: 73px;
    left: 79px;
}

.head-page .logo2 {
    width: 208px;
    height: 36px;
    background: url(../ossweb-img/logo2.png);
    position: absolute;
    top: 73px;
    left: 334px;
}

.head-page .logo3 {
    width: 223px;
    height: 75px;
    background: url(../ossweb-img/logo3.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 59px;
    left: 367px;
}

.page1 .p1-nav {
    width: 1160px;
    height: 80px;
    background-position: -354px 0px;
    font-size: 0;
    text-align: center;
}

.page1 .p1-nav li {
    display: inline-block;
    vertical-align: top;
    width: 384px;
    height: 80px;
    position: relative;
}

.page1 .p1-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 80px;
    font-size: 26px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.page1 .p1-nav li i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.page1 .p1-nav li i.nav3 {
    top: 0;
}

.page1 .p1-nav li i.on {
    display: none;
}

.page1 .p1-nav li.on i {
    display: none;
}

.page1 .p1-nav li.on i.on {
    display: block;
}

.page1 .p1-nav li:hover i {
    display: none;
}

.page1 .p1-nav li:hover i.on {
    display: block;
}

.page1 .p1-nav .on a {
    color: #1e1e1e !important;
}

.page1 .p1-nav li:hover a {
    color: #1e1e1e !important;
}

.page1 .p1-box {
    margin-top: 42px;
    width: 100%;
    height: 975px;
}

.page1 .tab-box {
    width: 100%;
    height: 100%;
    position: relative;
}

.page1 .tab-box>li {
    width: 100%;
    height: 100%;
    display: none;
}

.page1 .tab-box>li.on {
    display: block;
}

.page1 .p1-sw {
    width: 1210px;
    margin-left: -22px;
    overflow: hidden;
}

.page1 .p1-sw ul {
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
}

.page1 .p1-sw li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 400px;
    height: 488px;
    margin-bottom: 40px;
}

.page1 .p1-sw li .item-bg {
    padding-top: 12px;
    position: relative;
    margin: 0 auto;
}

.page1 .p1-sw li .item-bg:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

/* .page1 .p1-sw li:not(:nth-child(3n)) { margin-right: 50px;} */
.page1 .p1-sw li i.i-zk {
    position: absolute;
    top: 0;
    left: 30px;
    pointer-events: none;
    font-size: 20px;
    line-height: 26px;
    color: #1e1e1e;
    font-style: normal;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.page1 .p1-sw li img {
    max-width: 340px;
    height: 300px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    pointer-events: none;
}

.page1 .p1-sw li .text-box {
    margin: 6px auto 0;
    height: 70px;
    position: relative;
}

.page1 .p1-sw li .text-box p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    line-height: 26px;
    font-size: 20px;
    color: #ece8e1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.page1 .p1-sw li .price-box {
    text-align: center;
    margin: 20px auto 0;
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

.page1 .p1-sw li .price-cy{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding:  0 0 0 28px;
}


.page1 .p1-sw li .price-box:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}

.page1 .p1-sw li .price-box p {
    line-height: 76px;
    color: #1e1e1e;
    font-size: 44px;
    overflow: hidden;
    pointer-events: none;
    padding-left: 8px;
    padding-right: 34px;
    font-weight: bold;
    margin-top: 4px
}

.page1 .price-box .sj {
    display: none;
}

.page1 .p1-sw li .price-box i {
    font-style: normal;
    font-size: 20px;
    margin-top: 11px;
}

.page1 .p1-sw li .price-box .old-price {
    margin-top: 7px;
    font-size: 20px;
    line-height: 20px;
    color: #5d49d8;
    position: relative;
    display: block;
}

.page1 .p1-sw li .price-box .old-price::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #5d49d8;
    position: absolute;
    top: 50%;
    left: 2px;
}

.page1 .p1-sw li .price-box>a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 354px;
    height: 78px;
}

.page1 .p1-sw li .item-bg>a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page1 .p1-box .p1-switch {
    width: 1400px;
    position: absolute;
    top: 350px;
    left: 50%;
    margin-left: -700px;
}

.page1 .p1-box .p1-switch a:nth-child(1) {
    position: absolute;
    top: 68px;
    left: 0;
    z-index: 3;
}

.page1 .p1-box .p1-switch a:nth-child(2) {
    position: absolute;
    top: 68px;
    right: 0;
    z-index: 3;
}

.page1 .p1-switch a:nth-child(1):hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

.page1 .p1-switch a:nth-child(2):hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

.page1 .p1-switch a:nth-child(1).swiper-button-disabled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.8;
}

.page1 .p1-switch a:nth-child(2).swiper-button-disabled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.8;
}

.page2 .title-box {
    background: url(../ossweb-img/title-box-bg.png) no-repeat;
    width: 1400px;
    height: 217px;
    margin: 0 0 0 -127px;
    box-sizing: border-box;
    padding: 0 0 0 127px;
}

.page2 .title-box i {
    display: block;
}

.page2 .title-box p {
    font-size: 92px;
    color: #ffffff;
    line-height: 217px;
    font-weight: bold;
}

.page2 .p2-box {
    width: 1160px;
    height: 720px;
    margin: 0 auto;
    /* background: url(../ossweb-img/p2-sw-bg.png) no-repeat; */
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.page2 .p2-box:hover {
    transform: scale(1.02);
}

.page2 .p2-box .p2-sw {
    width: 1160px;
    height: 647px;
    margin: 42px auto 0;
    overflow: hidden;
}

.page2 .p2-box .p2-sw img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
    border: 2px solid #73ffce;
}

/* .page2 .p2-box .p2-sw li:hover img {
    transform: scale(1.02);
} */


.page2 .p2-box .p2-sw li {
    overflow: hidden;
    position: relative;
}

.page2 .p2-box .p2-sw li>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page2 .p2-box .p2-switch {
    width: 1400px;
    position: absolute;
    top: 483px;
    left: 50%;
    margin-left: -700px;
}

.page2 .p2-box .p2-switch .sw-prev2 {
    position: absolute;
    top: 0;
    left: 0;
}

.page2 .p2-box .p2-switch .sw-next2 {
    position: absolute;
    top: 0;
    right: 0;
}

.page2 .sw-prev2:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

.page2 .sw-next2:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}

.page2 .sw-prev2.swiper-button-disabled {
    -webkit-filter: grayscale(0.6);
    filter: grayscale(0.6);
}

.page2 .sw-next2.swiper-button-disabled {
    -webkit-filter: grayscale(0.6);
    filter: grayscale(0.6);
}

.page2 .item-btn {
    width: 646px;
    height: 100px;
    display: block;
    margin: 38px auto 0;
}

.page2 .item-btn:before {
    content: '';
    border: 1px solid #ece8e1;
    border-bottom: none;
}

.page2 .item-btn:after {
    content: '';
    border: 1px solid #ece8e1;
    border-top: none;
}

.page2 .item-btn .item-btn-inner {
    width: 631px;
    height: 82px;
    background: #b5f595;
    -webkit-mask: url(../ossweb-img/btn-mask.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    mask: url(../ossweb-img/btn-mask.png);
    margin: -41px 0 0 -315px;
}

.page2 .item-btn .item-btn-inner:before {
    background: #fce957;
}

.page2 .item-btn .item-btn-text {
    font-size: 26px;
    line-height: 82px;
    color: #1e1e1e;
    transition: all .3s;
}

.page2 .item-btn:hover:before,
.page2 .item-btn:hover:after {
    height: 49px;
}

.page2 .item-btn:hover .item-btn-text {
    color: #000000;
}

.page2 .item-btn:hover .item-btn-inner:before {
    -webkit-transform: translateX(0) skew(-10deg);
    transform: translateX(0) skew(-10deg)
}

.page1 .p1-sw li .classtb {
    padding-top: 40px;
    position: relative;
    margin: 0 auto;
}

.page1 .p1-sw li .classtb .text-box {
    margin: 52px auto 0;
}

.ysq {
    pointer-events: none;
}

.ysq .ysq-i {
    display: block;
    background: url(../ossweb-img/ysq.png)no-repeat;
    width: 212px;
    height: 171px;
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ysq .price-box {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}



.page1 .p1-sw li .classtb img {
    max-width: 320px;
    height: 227px;
}
.page1 .p1-sw li .classtb .item38{
    margin-top: 20px;
    margin-bottom: -20px;
}
.item-fon1{
    width: 354px;
    position: absolute;
    left:0;
    bottom: 80px;
    color: #261e85;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.gary{
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%)!important;
    -ms-filter: grayscale(100%)!important;
    -o-filter: grayscale(100%)!important;
    filter: grayscale(100%)!important;
    filter: gray!important;  
}

.ccc1{
    color: #cdcdcd !important;
}

.jqqd{
    pointer-events:none;
}

.left-xf{
    background: url(../ossweb-img/left-xf.png)no-repeat center top /100%;
    width: 143px;
    height: 196px;
    position: fixed;
    top: 13%;
    right: 50px;
    z-index: 2;
}


/* pop */
.pop {
    outline: none;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.pop-close {
    display: block;
    background: url(../ossweb-img/close.png)no-repeat center top/100% auto;
    width: 41px;
    height: 41px;
    position: absolute;
    top: -44px;
    right: -44px;
}

.pop-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mk1 {
    background: url(../ossweb-img/mk1.png)no-repeat center top/100% auto;
    width: 690px;
    height: 486px;
    box-sizing: border-box;
    padding: 44px 0 0 0;
    position: relative;
}

.mk-tit{
    font-size: 48px;
    color: #1e1e1e;
    font-weight: bold;
    text-align: center;
}

.mk1-quan-bg{
    background: url(../ossweb-img/mk1-quan-bg.png)no-repeat center top/100% auto;
    width: 570px;
    height: 130px;
    margin:  16px auto ;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mk1-quan-bg li{
    width: 50%;
}

.mk1-jg1{
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-top: -20px;
}

.mk1-jg-span1{
    font-size: 22px;
    color: #61febb;
}

.mk1-jg-span2{
    font-size: 65px;
    color: #61febb;
    font-weight: bold;
}

.mk1-jg2{
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    margin-top: -15px;
}

.mk1-btn1{
    display: block;
    background: url(../ossweb-img/mk1-btn1.png)no-repeat center top/100% auto;
    width: 184px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 24px;
    color: #1e1e1e;
    margin: 0 auto 0;
    font-weight: bold;
}

.mk1-fo1{
    font-size: 18px;
    color: #1e1e1e;
    text-align: center;
}

.m-fsk{
    display: none;
}

.san-sc{
    width: 28px;
    display: block;
    line-height: 22px;
    font-size: 18px;
    color: #ece8e1;
    position: absolute;
    right: 16px;
    top: 6px;
}