@charset "utf-8";

/*---------------------------------------------------*/


@keyframes arrow-top-bottom {
    0% {transform:translateY(0)}
    15% {transform:translateY(-5px)}
    50% {transform:translateY(0)}
    85% {transform:translateY(5px)}
    100% {transform:translateY(0)}
}

@keyframes scale2 { 
    from {-webkit-transform:scale(1);transform:scale(1);}
    50% {-webkit-transform:scale(1.03);transform:scale(1.03);}
    to {-webkit-transform:scale(1);transform:scale(1);} 
}
  
.goods-read-sidebanner {position: relative;}
.goods-read-sidebanner .txt {position: absolute;left:10%;top: 50%;transform: translateY(-50%);}
.goods-read-sidebanner .txt h1 {font-size:4.8rem;color: #fff;font-weight: 700;line-height: 1;/*text-shadow: 2px 2px 4px #000;*/}
.goods-read-sidebanner .txt p {font-size:2.4rem;color: #fff;margin-top:3rem;/*text-shadow: 1px 1px 2px #000;*/}
.goods-read-sidebanner .txt .more{margin-top: 3.5rem;}
.goods-read-sidebanner .txt .more a{display:inline-block;padding:0 3rem;line-height:4rem;font-size:1.5rem;text-align: center;color: #fff;border-radius:40px;background: #111;}
.goods-read-sidebanner .txt .more a:hover{background:#fff;color:#111;}

.goods-read-sidebanner .go-next{display:block;bottom:5.5rem;position:absolute;left:calc(50% - 1.6rem);width:3.2rem;animation: arrow-top-bottom 2s infinite linear;}

@media screen and (max-width:1280px){
.goods-read-sidebanner .txt{left:8%;}
}

@media screen and (max-width:768px){
.goods-read-sidebanner .txt{left:30px;}
.goods-read-sidebanner .go-next{display:none;}
}

@media screen and (max-width:576px){
.goods-read-sidebanner .txt{left:20px;}
}

@media screen and (max-width:480px){
.goods-read-sidebanner .txt{left:15px;right: 15px;top:10%;transform:none;text-align:center;} 
.goods-read-sidebanner .txt h1{font-size:20px;}
.goods-read-sidebanner .txt p{margin-top:10px;}
.goods-read-sidebanner .txt .more{margin-top:10px;}
}


/*------------------------*/

.pro_tab_box {background: #111;position: relative;padding:2rem 0;  z-index: 200;}

.pro_tab.scroll-top {position: fixed;top: 0;width: 100%;z-index: 100;max-width: 100%;background-color: #111;left: 0;}
.pro_tab > .wp {display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #2A2A2A;}
.pro_tab_box h3 {font-size:3.2rem;font-weight: 700;color: #fff;}
.pro_tab_box ul {display:flex;height:100%;justify-content: space-between;}
.pro_tab_box ul li {font-size:2rem;color: #A8A8A8;line-height:6rem;position: relative;cursor: pointer;transition: all 0.3s ease 0s;}
.pro_tab_box ul li + li{margin-left:10rem;}
.pro_tab_box ul li::after {content: '';width: 90%;height: 3px;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);background: #fff;opacity: 0;transition: all 0.3s ease 0s;}
.pro_tab_box ul li.active {color: #fff;}
.pro_tab_box ul li.active::after {opacity: 1;}
.pro_tab_box .pro-buy {display: inline-block;padding:0 3rem;text-align: center;line-height:4rem;border-radius:40px;background:#fff;font-size:1.6rem;color:#141414;transition: all 0.5s ease 0s;cursor: pointer;}
.pro_tab_box .pro-buy:hover {background:#414141;color:#fff;}


@media screen and (max-width:1440px){
.pro_tab_box ul li + li{margin-left:8rem;}
}

@media screen and (max-width:1280px){
.pro_tab_box ul li + li{margin-left:6rem;}
}

@media screen and (max-width:1171px){
.pro_tab_box ul li + li{margin-left:4rem;}
}

@media screen and (max-width:768px){
.pro_tab_box h3,.pro_tab_box .pro-buy{display:none;}
.pro_tab > .wp{border-bottom:none;}
.pro_tab.scroll-top{padding:10px 0;}
.pro_tab_box ul{width:100%;}
}


/*------------------------*/

.detail {padding:9rem 0;}
.detail .list ul {display: flex;flex-wrap: wrap;margin:0 -8px;}
.detail .list ul li{width:calc(100% / 2);padding:8px;}
.detail .list ul li:nth-child(n+3) {width:calc(100% / 3);}
.detail .list ul li .pic {position: relative;height: 100%;overflow:hidden;border-radius: 8px;}
.detail .list ul li .pic img {width:100%;}
.detail .list ul li .pic .t {position: absolute;right:2rem;bottom:2rem;}
.detail .list ul li .pic .t h5 {font-size:2.4rem;color: #fff;font-weight: 700;}
.detail .list ul li .pic .t h5 sup{font-size:1.2rem;vertical-align: super;}
.detail .list ul li:hover .pic img{transform:scale(1.05);}

@media screen and (max-width:576px){
.detail {padding:6rem 0;}
}

.detail .m-list{margin:0 -5px;}
.detail .m-list .pic-box{width:100%;padding:5px;}
.detail .m-list .pic {position: relative;height: 100%;overflow:hidden;border-radius: 8px;}
.detail .m-list .pic img {width:100%;}
.detail .m-list .pic .t {position: absolute;left:2rem;top:3rem;right:2rem;}
.detail .m-list .pic .t h5 {font-size:2.4rem;color: #fff;font-weight:500;}
.detail .m-list .pic .t h5 sup{font-size:1.2rem;vertical-align: super;}

.detail .m-list .mid{display:flex;}
.detail .m-list .mid > .pic-box{width:50%;}

.detail .m-list .mid ul{width:50%;}

/*

.detail {padding:6rem 0 0;}
.detail ul {display: flex;flex-wrap: wrap;margin: -12px;}
.detail ul li {padding: 12px;}
.detail ul li:nth-child(1),.detail ul li:nth-child(4) {width: 35.82%;}
.detail ul li:nth-child(2) {width: 27.32%;}
.detail ul li:nth-child(3) {width: 36.86%;}
.detail ul li:nth-child(5) {width: 42.09%;}
.detail ul li:nth-child(6) {width: 22.09%;}
.detail ul li .box {height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.detail ul li .box .pic {height: auto;}
.detail ul li .pic {position: relative;border-radius: 8px;height: 100%;overflow:hidden;}
.detail ul li .pic img {width:100%;height: 100%;}

.detail ul li:nth-child(1) .pic img,.detail ul li:nth-child(4) .pic img{aspect-ratio:1.389 / 1;}
.detail ul li:nth-child(2) .pic img{aspect-ratio:1.046 / 1;}
.detail ul li:nth-child(3) .pic img{aspect-ratio:1.431 / 1;}
.detail ul li:nth-child(5) .pic img{aspect-ratio:3.433 / 1;}
.detail ul li:nth-child(6) .pic img{aspect-ratio:0.835 / 1;}

.detail ul li .pic .t {position:absolute;right:0;bottom:0;left:0;text-align:right;padding:0 2rem 2rem;}
.detail ul li .pic .t h5 {font-size:2rem;color: #fff;font-weight: 700;}
.detail ul li .pic .t h5 sup{font-size:10px;vertical-align: super;}
.detail ul li .pic .t h5 sub{font-size:10px;vertical-align: sub;}
.detail ul li:hover .pic img{transform:scale(1.05);}

@media screen and (max-width:768px){
.detail ul{margin:-8px;}
.detail ul li{padding:8px;}
}

@media screen and (max-width:576px) {
.detail ul{margin:-5px;}
.detail ul li{padding:5px;}
.detail ul li:nth-child(1),.detail ul li:nth-child(4){width:60%;}
.detail ul li:nth-child(2),.detail ul li:nth-child(3){width:40%;}
.detail ul li:nth-child(5){width:65%;}
.detail ul li:nth-child(6){width:35%;}
.detail ul li .pic .t h5{font-size:16px;}
}

@media screen and (max-width:480px) {
.detail ul{margin:-2px;}
.detail ul li{padding:2px;}
}	
*/

/*------------------------*/

.features {padding: 8rem 0 0;}
.features > .tit {display: flex;align-items: center;justify-content: center;margin-bottom:6rem;}
.features > .tit h3 {font-size:4rem;color:#0F0F0F;font-weight: 700;line-height:1;}
.features > .tit p {font-size:2.2rem;color:#9F9F9F;line-height:30px;border-left: 2px solid #9F9F9F;padding-left: 3.5rem;margin-left: 3.5rem;}

.features .section1 {position: relative;}
.features .section1 .v {position: absolute;width:12rem;height:12rem;border-radius:50%;overflow: hidden;top:calc(50% - 6rem);left:calc(50% - 6rem);transition: all 0.5s ease 0s;}
.features .section1 .v img {height: 100%;}
.features .section1 .v:hover {transform:scale(0.99);}

@media screen and (max-width:992px){
.features > .tit{display:block;text-align:center;}
.features > .tit p{border-left:none;padding-left:0;margin:15px 0 0;line-height:normal;}
}
@media screen and (max-width:576px) {
.features{padding:6rem 0 0;}
}
/*---------*/
.section2 {position: relative;}
.section2 .txt{position: absolute;top: 28.81%;right: 0;left: 0;}
.section2 .txt h5 {font-size:3.6rem;color: #fff;font-weight: 700;width: 31%;}

@media screen and (max-width:576px) {
.section2 .txt{top:10%;}
.section2 .txt h5{width:60%;}
}

/*---------*/
.section3{position: relative;background: #f8f8f8;}
.section3 .txt{position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.section3 .txt > div{display:flex;flex-direction:column;justify-content:center;height:100%;}
.section3 .t{max-width:30%;}

.section3 .t h5 {font-size:3.6rem;color:#404040;font-weight: 700;}
.section3 .t p {font-size:1.8rem;line-height:1.5;color:#404040;margin-top:3rem;}
.section3 .txt ul {margin-top: 6rem;display:flex;}
.section3 .txt ul li{}
.section3 .txt ul li +li{margin-left:8rem;}
.section3 .txt ul li h6 {font-size:5.4rem;color: #404040;font-weight: 800;position: relative;line-height: 1;}
.section3 .txt ul li h6 sub{color: #404040;font-size: 3rem;font-weight:400;margin-left:1rem;}
.section3 .txt ul li p {font-size:1.8rem;color: #404040;margin:1rem 0 0;}

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

}
@media screen and (max-width:1281px){

}

@media screen and (max-width:576px) {
.section3 .txt{top:6%;bottom:auto;}
.section3 .txt > div{display:block;}
.section3 .t{max-width:80%;}
.section3 .txt ul{margin-top:2.5rem;}
}

/*------------------------*/

.section4{background: #191925;position: relative;}
.section4 .txt{position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.section4 .txt > div{display:flex;flex-direction:column;justify-content:center;height:100%;}
.section4 .t{max-width:50%;}
.section4 .t h5 {font-size:3.6rem;color:#fff;font-weight: 700;}
.section4 .t p {font-size:1.8rem;line-height:1.5;color:rgba(255,255,255,0.5);margin-top: 3rem;}
.section4 .txt ul {display:flex;margin-top: 6rem;}
.section4 .txt ul li{}
.section4 .txt ul li +li{margin-left:8rem;}
.section4 .txt ul li h6 {font-size:5.4rem;color: #404040;font-weight: 800;position: relative;line-height: 1;background-image: -webkit-linear-gradient(45deg, #8AF6FF, #65A6FF);-webkit-background-clip:text;-webkit-text-fill-color: transparent;}
.section4 .txt ul li h6 sub{color: #404040;font-size: 3rem;font-weight:400;margin-left:1rem;}
.section4 .txt ul li p {font-size:1.8rem;color:rgba(255,255,255,0.5);margin:1rem 0 0;}

@media screen and (max-width:576px) {
.section4 .txt{top:10%;bottom:auto;}
.section4 .t{max-width:80%;}
.section4 .txt ul {margin-top:2.5rem;}
.section4 .txt ul li +li{margin-left:5rem;}
}

/*------------------------*/
.section5{background: #191925;position: relative;}
.section5 .txt{position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.section5 .txt > div{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-top:20rem;padding-bottom:3rem;}
.section5 .t{max-width:38%;}
.section5 .t h5 {font-size:3.6rem;color:#fff;font-weight: 700;}
.section5 .t p {font-size:1.8rem;line-height:1.5;color:rgba(255,255,255,0.5);margin-top: 3rem;}
.section5 .txt ul {display:flex;align-items:flex-end;margin-top: 6rem;}
.section5 .txt ul li{}
.section5 .txt ul li +li{margin-left:8rem;}
.section5 .txt ul li h6 {font-size:5.4rem;color: #fff;font-weight: 800;position: relative;line-height: 1;background-image: -webkit-linear-gradient(45deg, #8AF6FF, #65A6FF);-webkit-background-clip:text;-webkit-text-fill-color: transparent;}
.section5 .txt ul li h6 sub{color: #404040;font-size: 3rem;font-weight:400;margin-left:1rem;}
.section5 .txt ul li:last-child h6{font-size:4rem;line-height:1.5;}
.section5 .txt ul li:last-child h6 span:last-of-type{margin-left:1rem;}
.section5 .txt ul li p {font-size:1.8rem;color:rgba(255,255,255,0.5);margin:1rem 0 0;}

.section5 .txt  >div >p{font-size:1.8rem;line-height:1.5;color:rgba(255,255,255,0.5);max-width:70%;}
.section5 .txt .note{font-size:1.6rem;}

@media screen and (max-width:576px) {
.section5 .txt > div{display:block;padding-top:10%;padding-bottom:0;}
.section5 .t{max-width:80%;}
.section5 .txt ul{margin-top:2.5rem;}
.section5 .txt ul li +li{margin-left:5rem;}
.section5 .txt > div > p{max-width:90%;position:absolute;bottom:1rem;}
}
/*------------------------*/

.section6 {position:relative;background:#020204;}
.section6 .txt {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;}
.section6 .txt h5 {font-size:3.6rem;color: #fff;font-weight: 700;max-width:30%;}
.section6 .txt p{font-size:1.8rem;line-height:1.5;color:#fff;margin-top:3rem;max-width: 40%;}
.section6 .txt ul {margin-top:5rem;}
.section6 .txt ul li{font-size:2rem;color:#fff;position:relative;padding:0 0 0 1rem;}
.section6 .txt ul li::before{content:"";width:3px;height:3px;background:#fff;border-radius:50%;display:inline-block;position:absolute;left:0;top:1.05rem;}
.section6 .txt ul li + li {margin-top:2rem;}
@media screen and (max-width:1441px){
.section6 .txt p{max-width:42%}
}
@media screen and (max-width:576px){
.section6 .txt{top:8%;bottom:auto;}
.section6 .txt h5{max-width:90%;}
.section6 .txt p{max-width:90%;}
.section6 .txt ul{margin-top:20rem;width:40%;}
}



/*---------*/

.section7{background:#f8f8f8;padding: 8rem 0;text-align: center;}
.section7 h5 {font-size:3.6rem;color:#141414;font-weight: 700;max-width: 58%;margin: 0 auto;}
.section7 > div >h6{font-size:2rem;color:#333;width:70%;margin:2rem auto 0;}
.section7 ul {margin:3rem 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.section7 ul li{width: 33.33333%;padding: 0 1.5rem;}
/*.section7 ul li:last-child{width:48%;}*/
.section7 ul li .pic img{width:100%;border-radius: 8px;/*height: 454px;display: block;position: relative;object-fit: cover;aspect-ratio: 10 / 18.093;*/}
.section7 ul li .t {margin-top:1.5rem;}
.section7 ul li .t h6{font-size:2.4rem;color: #141414;font-weight:600;margin-top:1.5rem;}
.section7 ul li .t p{font-size:1.8rem;color:#333;margin:2rem 0 0;}

@media screen and (max-width:576px){
.section7{padding:5rem 0;}
.section7 h5{max-width:100%;}
.section7 > div > h6{width:100%;}
.section7 ul{margin:2rem 0 0;}
.section7 ul li{width:48%;padding:2rem 0;}
.section7 ul li:last-child{width:100%;}
/*.section7 ul li .pic img{height: auto;}*/
}


/*------------------------*/
.section8{position: relative;}
.section8 .txt{position: absolute;top: 0;right: 0;left: 0;bottom:0;display:flex;align-items:center;}
.section8 .txt > div{}
.section8 .txt .t{margin-top:3rem;}
.section8 .txt h5 {font-size:3.6rem;color: #fff;font-weight: 700;}
.section8 .txt p{font-size:1.8rem;line-height:1.5;color: #DFDFDF;}
.section8 .txt p+p{margin-top:1.5rem;}
.section8 .txt p strong{font-size:3.6rem;margin-right:1rem;}

@media screen and (max-width:576px) {
.section8 .txt{top:8%;bottom:auto;}
.section8 .txt > div{display:block;}
.section8 .txt h5{margin-bottom:2rem;}
}


/*------------------------*/
.section9{position: relative;background:#f8f8f8;padding:10rem 0;text-align:center;}
.section9 h5{font-size:3.6rem;color:#404040;font-weight: 700;}
.section9 p{font-size:1.8rem;line-height:1.5;color:#404040;margin:2.5rem auto 0;width:68%;}
.section9 ul{display:flex;flex-wrap:wrap;margin:4rem -1.5rem 0;}
.section9 ul li{width:33.33333%;padding:0 1.5rem;}

@media screen and (max-width:576px) {
.section9{padding:5rem 0;}
.section9 p{width:90%;}
.section9 ul{margin:3rem -1rem 0;}
.section9 ul li{width:50%;padding:1rem;}
.section9 ul li:last-child{width:100%;}
}

/*------------------------*/
.section10{position:relative;padding-top:3rem;background:#000;}
.section10 .txt{position:absolute;left:0;right:0;top:0;z-index:10;text-align:center;padding-top:6rem;}
.section10 .txt h5{font-size:3.6rem;color: #fff;font-weight: 700;}
.section10 .txt p{font-size:1.8rem;color:#DFDFDF;line-height:1.5;max-width:60%;margin:2rem auto 0;}

@media screen and (max-width:576px){
.section10{padding-top:0;}
.section10 .txt p{max-width:90%;}
}

/*------------------------*/
.section11 {position:relative;background:#020204;margin-top: -1px;}
.section11 .txt {position:absolute;top:15%;left:0;right:0;}
.section11 .txt h5 {font-size:3.6rem;color: #fff;font-weight: 700;}
.section11 .txt .t{margin-top:5rem;max-width:40%;}
.section11 .txt .t > p {font-size:1.8rem;color: #fff;line-height:1.5;margin-top:3rem;}
.section11 .txt .t > p strong{font-size:2.6rem;font-weight:700;}

@media screen and (max-width:576px){
.section11 .txt{top:8%;}
.section11 .txt .t{margin-top:3rem;max-width:90%;}
}

/*------------------------*/
/*
.section12{position: relative;}
.section12 .txt {position: absolute;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;}
.section12 .txt .t{width:40%;}
.section12 .txt .tit h3 {font-size:3.6rem;font-weight: 700;color: #fff;}
.section12 .txt .tit p {font-size:1.8rem;line-height:1.5;color: #fff;margin-top:3rem;}
.section12 .txt ul {margin-top:3rem;display: flex;flex-wrap:wrap;}
.section12 .txt ul li{width:33.3333%;padding:1.5rem 0;}
.section12 .txt ul li img{width:9.5rem;}
.section12 .txt ul li p{font-size:1.6rem;color: #fff;margin-top:1.5rem;}

@media screen and (max-width:768px) {
.section12 .txt{top:8%;bottom:auto;}
.section12 .txt .t{width:100%;}
}
@media screen and (max-width:480px) {
.section12{padding-top:15rem;background:#000;}
.section12 .txt ul li img{width:7rem;}
}
*/
.section12{position:relative;/*padding:3rem 0 12rem;*/}
.section12 .txt{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;}
.section12 .txt .t{max-width:48%;}
.section12 .txt h3 {font-size:3.6rem;font-weight: 700;color: #fff;}
.section12 .txt p {font-size:1.8rem;line-height:1.5;color: #fff;margin-top:3rem;}
.section12 .txt ul {margin-top:3.5rem;display: flex;flex-wrap:wrap;max-width:48%;}
.section12 .txt ul li{width:33.3333%;padding:1.5rem 0;}
.section12 .txt ul li img{width:8rem;}
.section12 .txt ul li p{font-size:1.8rem;margin-top:1.5rem;color:#fff;}
@media screen and (max-width:1281px){

.section12{position:relative;/*padding:5rem 0 12rem;*/}
}

@media screen and (max-width:768px) {
.section12 .txt{position:static;}
.section12 .txt .t{max-width:85%;position:absolute;left:15px;top:10%;}
.section12 .txt ul{margin-top:0;max-width:none;display:flex;flex-wrap:wrap;position:absolute;left:15px;bottom:50px;text-align:center;right:15px;}
}
@media screen and (max-width:480px) {
.section12{padding-bottom:20rem;background:#000002;}
.section12 .txt h3{max-width: 75%;}
.section12 .txt ul{bottom:10px;}
}
/*------------------------*/
.section13{position: relative;background:#4B4F58;padding:10rem 0 20rem;}
.section13 > div{display:flex;justify-content: space-between;}
.section13 .txt {width:45%;}
.section13 .txt .t h3 {font-size:3.6rem;font-weight: 700;color: #fff;}
.section13 .txt .t p {font-size:1.8rem;line-height:1.5;color: #fff;margin-top:3rem;}
.section13 .txt ul {margin-top:5rem;display:flex;flex-wrap:wrap;}
.section13 .txt ul li{width:33.333333%;padding:2.5rem 0;}
.section13 .txt ul li .pic img{width:8rem;filter: grayscale(100%) brightness(2550%);}
.section13 .txt ul li p {font-size:1.6rem;color: #fff;margin-top:1.5rem;}

.section13 .pic{width:40%;}


@media screen and (max-width:1280px){
.section13 .txt ul{margin-top:3rem;}
.section13 .txt ul li{padding:2rem 0;}
}

@media screen and (max-width:576px){
.section13{padding:5rem 0;}
.section13 > div{flex-direction:column-reverse;}
.section13 .pic{width:70%;margin:0 auto;}
.section13 .txt{width:100%;margin-top:3rem;text-align:center;}
.section13 .txt .t p{margin-top:2rem;}

}

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

}


/*------------------------*/
/*
.spec {padding:9rem 0 2rem;}
.spec >div{display:flex;align-items:flex-start;position:relative;}
.spec .txt {width: 64.6%;}
.spec .txt h3 {font-size:3.6rem;font-weight: 700;color: #141414;line-height:1;}
.spec .table {margin-top:4rem;}
.spec .table .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.spec .table table {width:100%;font-size:1.8rem;color:#141414;border-collapse:collapse;font-weight:500;}
.spec .table table tr {border-bottom:1px solid #E1E1E1;}
.spec .table table td{padding:2rem 0;background-color:none;}
.spec .table table td em {color: #5A5A5A;font-size:1.6rem;display: block;margin-bottom:1rem;}
.spec .pic {flex:1;position:sticky;top:6rem;right:0;}


@media screen and (max-width:992px){
.spec .wp{display:block;}
.spec .txt{width:100%;}
.spec .pic{text-align:center;margin:3rem 0 0;}
}
*/
.spec-tit{background:#919193;}
.spec-tit .wp1400{position:relative;display:flex;justify-content:flex-end;align-items:center;padding-top:10rem;padding-bottom:10rem;}
.spec-tit .pic{position:absolute;left:0;bottom:0;}
.spec-tit .pic img{width:30rem;}
.spec-tit a{border:3px solid #fff;padding:1.2rem 3rem;line-height:2.4rem;border-radius:50px;display:inline-flex;align-items:center;}
.spec-tit a em{font-size:2.2rem;color:#fff;border-right:2px solid #fff;padding-right:2rem;margin-right:2rem;}
.spec-tit a img{width:1.5rem;}

.spec{padding:10rem 0;/*! background:#000002; */}
.spec h3 {font-size:3.6rem;font-weight: 700;color: #141414;line-height:1;}
.spec .table {margin-top:4rem;border-top:2px solid #AAAAAA;}
.spec .table .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.spec .table table {width:100%;font-size:2.2rem;color:#141414;border-collapse:collapse;margin-top:4rem;}
.spec .table table td{padding:0.5rem 0;background-color:none;vertical-align: top;font-size:1.8rem}
.spec .table table td strong{font-weight:500;}
.spec .table table td:nth-child(1){width: 18%;}
.spec .table table td:nth-child(2){width: 40%;}
.spec .table table td:nth-child(3){width: 15%;}
.spec .table table td:nth-child(4){width: 27%;}
.spec .table table td:nth-child(2n+1){font-weight:500;}}

@media screen and (max-width:1441px) {
.spec-tit .pic img{width:30rem;}
}

@media screen and (max-width:576px) {
.spec{padding:8rem 0 3rem;}
.spec-tit .pic img{width:20rem;}
.spec-tit a{border:2px solid #141414;padding:2rem 4rem;line-height:3.2rem;}
.spec-tit a em{font-size:2.4rem;border-right:1px solid #141414;padding-right:2rem;margin-right:2rem;}
.spec-tit a img{width:2.5rem;}
}

@media screen and (max-width:480px) {
.spec-tit{display:none;}
.spec .table table td{padding:1rem 0;vertical-align:top;}
}

/*------------------------*/

.pro-faq {padding:8rem 0 6rem;}

.pro-faq .tab{display:flex;align-items:center;}
.pro-faq .tab h3{display:inline-block;font-size:3.2rem;color: #141414;border-bottom:3px solid transparent;font-weight:700;padding-bottom: 10px;cursor:pointer;}
.pro-faq .tab h3+h3{margin-left:2rem;}
.pro-faq .tab h3.active{border-bottom-color:#262626;}

.pro-faq .tab-content{margin-top:3rem;}
.pro-faq .item{display:none;}
.pro-faq .item.active{display:block;}
.pro-faq .faq-list ul{}
.pro-faq .faq-list ul li {transition: all 0.3s ease 0s;}
.pro-faq .faq-list ul li .box {padding:1rem 0;border-bottom: 1px solid #D0D0D0;}
.pro-faq .faq-list ul li .tit {overflow:hidden;cursor:pointer;position:relative;}
.pro-faq .faq-list ul li .tit h4{font-size:2.2rem;color:#1b1c1c;font-weight: 500;}
.pro-faq .faq-list ul li .tit::after {position:absolute;right:0;top:0;content:"+";font-family:qico;font-size:3rem;line-height:1;color:#5C5C5C;text-align: center;width: 35px;}
.pro-faq .faq-list ul li .con {padding:20px 0 10px;display:none}
.pro-faq .faq-list ul li .con .t {font-size:1.8rem;line-height:1.5;color:#626262}
.pro-faq .faq-list ul li:hover {border-color:transparent}
.pro-faq .faq-list ul li .tit.active::after {content:"-";}

.pro-faq .down-list{}
.pro-faq .down-list ul{}
.pro-faq .down-list ul li{padding:1rem 0;border-bottom: 1px solid #D0D0D0;display:flex;justify-content:space-between;align-items:center;}
.pro-faq .down-list ul li h4{font-size:2rem;color:#1b1c1c;font-weight: 500;}
.pro-faq .down-list ul li > a{font-size:2.4rem;color:#1b1c1c;display:inline-block;width: 35px;text-align:center;transition:all 0.3s ease 0s;}
.pro-faq .down-list ul li > a i{font-size:inherit;}
.pro-faq .down-list ul li > a:hover{transform:translateY(-5px);}

.pro-faq .txt {margin-top:7rem;font-size:1.6rem;line-height:1.5;color:#676767;}
.pro-faq .txt > * + * {margin-top: 35px;}

.pro-faq .path {margin-top:7rem;}
.pro-faq .path p {font-size:1.8rem;font-weight:700;color:#7F7E7E;}



/*------------------------*/

.carousel{padding:10rem 0 10rem 10%;position: relative;background: #F9F9F9;}
.carousel .swiper-slide{width:100rem;}
.carousel .swiper-slide .box {display: flex;align-items: flex-end;background: #131313;}
.carousel .swiper-slide .box .pic {width:58%;}
.carousel .swiper-slide .box .t {flex: 1;padding:0 4.5rem 6rem;}
.carousel .swiper-slide .box .t h5{font-size:3rem;color: #fff;font-weight: 500;line-height:1.2;}
.carousel .swiper-slide .box .t p{margin-top:3rem;font-size:1.8rem;line-height:1.5;color: #fff;}

.carousel .swiper-pagination-bullets{position: static;text-align: left;margin: 50px -9px 0;}
.carousel .swiper-pagination-bullet {width:18px;height:18px;margin: 0 9px !important;border-radius:0;background:#D6D6D6;opacity:1;position: relative;transition: all .3s ease 0s;}
.carousel .swiper-pagination-bullet-active {background:#000;}


/*------------------------*/
.app-detail {position: relative;}
.app-detail .txt{position: absolute;right:10%;top:0;bottom:0;text-align: center;width:40%;display:flex;flex-direction:column;justify-content:center;}
.app-detail .txt .tit h3 {font-size:3.6rem;font-weight: 700;color: #141414;}
.app-detail .txt .tit p {font-size:1.8rem;line-height:1.5;color: #141414;margin-top:3rem;}
.app-detail .txt ul {margin-top:3rem;display: flex;justify-content: space-between;}
.app-detail .txt ul li + li{margin-left:3rem;}
.app-detail .txt ul li p {font-size:1.8rem;color:#000;margin-top:1.5rem;}

@media screen and (max-width:1281px){
.app-detail .txt{right:8%;}
}


/*------------------------*/

.compare {padding:8rem 0 4rem;}
.compare h3{font-size:3.6rem;font-weight: 700;color: #141414;line-height:1;text-align: center;}

.compare .list{margin: 6rem auto 0;position: relative;}
.compare .swiper-slide{text-align:center;opacity:0.6;cursor:pointer;}
.compare .swiper-slide .pic{display:block;position:relative;border-radius:8px;overflow:hidden;}
.compare .swiper-slide .pic > img{width:100%;}
.compare .swiper-slide .tit{margin-top:1.5rem;}
.compare .swiper-slide .tit h5{font-size:2.6rem;color:#000;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.compare .swiper-slide .tit h6{margin-top:1rem;font-size:2rem;}
.compare .swiper-slide .tit .more{display:inline-block;font-size:1.6rem;font-weight:500;color:#fff;margin:25px 0 0;padding:0 3rem;height:4rem;line-height:3.8rem;border:1px solid #1B1B1E;background:#1B1B1E;transition:0.5s;text-align:center;border-radius:35px;}
.compare .swiper-slide .tit .more:hover{background:#fff;color:#1B1B1E;}

.compare .swiper-slide .txt{margin:2.5rem 0 0;border-top:1px solid #E6E6E7;padding:3.5rem 0 0;}
.compare .swiper-slide .txt h6{font-size:1.6rem;color:#141824;/*font-weight:700;*/}
.compare .swiper-slide .txt h6~h6{margin-top:45px;}
.compare .swiper-slide .txt h6 em{font-size:1.6rem;/*opacity:0.9;*/}
.compare .swiper-slide .txt p{margin:5px 0 0;color:rgba(20,24,36,0.52);font-size:1.6rem;}

.compare .swiper-slide .pic:hover img{transform:scale(1.05);}

.compare .swiper-slide.pro-active{opacity:1;}
.compare .swiper-slide:hover{opacity:1;}

.compare .swiper-pagination-horizontal.swiper-pagination-bullets{font-size:0;position:static;margin:30px 0 0;display:none;}
.compare .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{height:10px;width:10px;margin:0 5px;background:#DBDBDB;border-radius:0;opacity:1;}
.compare .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#000;}

.compare .compare-all {margin-top:7rem;text-align: center;}
.compare .compare-all a {display: inline-block;padding: 0 4rem;line-height:4.4rem;border: 1px solid #1B1B1E;border-radius: 30px;font-size:1.8rem;color: #000;font-weight: 500;transition: 0.3s all ease;}
.compare .compare-all a:hover {background: #1B1B1E;color: #fff;}


@media screen and (max-width:992px){
.compare .swiper-pagination-horizontal.swiper-pagination-bullets{display:block;}
}
@media screen and (max-width:576px){
.compare .swiper-slide .txt i~i{margin-top:15px;}
}
@media screen and (max-width:480px){
.compare .swiper-slide .tit .more{font-size:2rem;}
.compare .swiper-slide .txt p{font-size:2rem;}
.compare .compare-all a{font-size:2rem;}
}

/*------------------------*/

.album {padding: 8rem 0 9rem;}
.album h3 {font-size:3.6rem;font-weight: 700;color: #141414;line-height:1;text-align: center;}
.album .list1 {margin-right: 5%;margin-top: 7rem;}
.album .list2 {margin-left: 5%;margin-top: 1rem;}
.album .list .swiper-slide {overflow: hidden;}
.album .list .swiper-slide img {width: 100%;transition: all 0.3s ease 0s;}
.album .list .swiper-slide:hover img {transform: scale(1.04);-webkit-transform: scale(1.04);}


/*------------------------------------------------------------*/

@media screen and (max-width:1281px){
.app-detail .txt .tit p{font-size:18px;margin-top:25px;}
.app-detail .txt ul li img{height:60px;}
.app-detail .txt ul li p {font-size:17px;}

.album{padding:60px 0;}
.album .list1{margin-top:50px;}

}

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

.carousel{padding:40px 30px;}
.carousel .swiper-slide .box{align-items:center;}
.carousel .swiper-slide .box .t{padding:0 25px;}
.carousel .swiper-slide .box .t h5{font-size:24px;}
.carousel .swiper-slide .box .t p{margin-top:20px;font-size:17px;}
.carousel .swiper-pagination-bullets{text-align:center;margin:30px 0 0;}
.carousel .swiper-pagination-bullet{width:13px;height:13px;margin:0 4px !important;}

.app-detail .txt{position:static;width:100%;background:#f0f0f0;padding:30px 30px;}
.app-detail .txt .tit p{font-size:17px;margin-top:20px;}
.app-detail .txt ul{justify-content:center;margin-top:15px;}
.app-detail .txt ul li{width:33.33333%;margin:15px 0 0;}
.app-detail .txt ul li p{font-size:16px;margin-top:10px;}

.spec .txt h3{text-align:center;}
.spec .table{margin-top:30px;}

.album{padding:40px 0;}
.album .list1 {margin-right:0;margin-top:30px;}
.album .list2 {margin-left:0;}

}

@media screen and (max-width:576px) {
.carousel{padding:35px 20px;}
.carousel .swiper-slide .box{display:block;}
.carousel .swiper-slide .box .pic{width:100%;}
.carousel .swiper-slide .box .t{padding:20px 15px;}
.carousel .swiper-slide .box .t h5{text-align:center;}

}

@media screen and (max-width:480px) {
.carousel{padding:30px 15px;}
.carousel .swiper-slide .box .t h5{font-size:22px;}
.carousel .swiper-slide .box .t p{margin-top:15px;font-size:16px;}

}