@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.42%;top: 50%;transform: translateY(-50%);}
.goods-read-sidebanner .txt h1 {font-size:4.8rem;color:#101010;font-weight:700;line-height:1;}
.goods-read-sidebanner .txt p {font-size:2.4rem;color:#4e4f4f;margin:3rem 0;}
.goods-read-sidebanner .txt img{width:26.6rem;}
.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:#111;color:#fff;}

.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;right:20px;top:20%;transform:none;text-align:center;}
.goods-read-sidebanner .txt h1{color:#fff;}
.goods-read-sidebanner .txt p{color:#fff;}
.goods-read-sidebanner .txt img{max-width:100px}
}

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

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

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

.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%;}
}



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

.pro_text{background:#fff;}

.detail{padding:9rem 0;}
.detail .list ul {display: flex;flex-wrap: wrap;margin:0 -8px;}
.detail .list ul li{width:50%;padding:8px;}
.detail .list ul li:nth-child(3),.detail .list ul li:nth-child(5){width:25.3%;}
.detail .list ul li:nth-child(4){width:49.4%;}

.detail .list ul li dl{display:flex;flex-wrap:wrap;margin:-8px;}
.detail .list ul li dl dd{width:50%;padding:8px;}
.detail .list ul li dl dd:first-child{width:100%}


.detail .list ul li .pic {position: relative;height:100%;overflow:hidden;border-radius:8px;}
.detail .list ul li .pic img {width:100%;height:100%;}
.detail .list ul li .pic .t{position: absolute;left:2rem;top:3rem;}
.detail .list ul li dl dd:nth-child(3) .t{top:2rem;}
.detail .list ul li dl dd:nth-child(2) .t{top:2rem;}
.detail .list ul li .pic .t h5{font-size:3rem;color: #000;font-weight: 700;line-height:1;}
.detail .list ul li .pic .t h5 sup{font-size:1.2rem;vertical-align: super;}
.detail .list ul li .pic .t p{margin-top:1rem;font-size:1.6rem;color:#000;}

.detail .list ul li .pic:hover 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%;height: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:#000;font-weight:700;}
.detail .m-list .pic .t h5 sup{font-size:1.2rem;vertical-align: super;}
.detail .m-list .pic .t p{font-size:1.8rem;color:#000;}

.detail .m-list .mid{display:flex;}
.detail .m-list .mid:last-of-type{flex-direction:row-reverse;}
.detail .m-list .mid > .pic-box{width:50%;}

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


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

.pro-banner{position:relative;font-size:0;}
.pro-banner > img{width:100%;}
.pro-banner .pic{position:absolute;left:0;right:0;top:0;bottom:0;z-index:20;display:flex;justify-content:center;align-items:center;}
.pro-banner .pic img{max-height:90%;width:auto;}
.pro-banner .box{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;}
.pro-banner .tit {display:inline-flex;flex-direction:column;}
.pro-banner .tit h3 {font-size:9rem;color:#fff;font-weight:900;letter-spacing:1.2rem;background-image: -webkit-linear-gradient(bottom, #e1ccaf, #efe5d6 47%, #fff 56%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.pro-banner .tit p {font-size:1.9rem;color:#fff;text-align:right;margin-right:1rem;}

.pro-banner4 .tit h3{background-image:-webkit-linear-gradient(bottom, #c39f82, #000);}
.pro-banner4 .tit p{color:#101010;}

.pro-banner2 .tit{margin-left:10rem;}
.pro-banner3 .tit{margin-left:1rem;}
.pro-banner4 .tit{margin-left:7rem;}
.pro-banner5 .tit{margin-left:7rem;}

@media screen and (max-width:1680px){
.pro-banner4 .tit{margin-left:6rem;}
.pro-banner5 .tit{margin-left:6rem;}
}

@media screen and (max-width:1441px){
.pro-banner1 .tit{margin-left:2rem;}
.pro-banner2 .tit{margin-left:11rem;}  
.pro-banner4 .tit{margin-left:7rem;}
}

@media screen and (max-width:1171px){
.pro-banner1 .tit{margin-left:3.5rem;}
.pro-banner2 .tit{margin-left:13rem;}  
.pro-banner4 .tit{margin-left:9rem;}
}

@media screen and (max-width:768px){
.pro-banner .tit h3{font-size:7rem;}
.pro-banner1 .tit{margin-left:3.5rem;}
.pro-banner2 .tit{margin-left:-2rem;}
.pro-banner3 .tit{margin-left:6rem;}
.pro-banner4 .tit{margin-left:-2rem;}
.pro-banner5 .tit{margin-left:8rem;}
}

@media screen and (max-width:576px){
.pro-banner > img{width:auto;height:180px;object-fit:cover;object-position:center;}
.pro-banner .tit h3{font-size:6rem;letter-spacing:1.1rem;text-align:center;}
.pro-banner .tit p{font-size:1.4rem;}

.pro-banner1 .tit{margin-left:2rem;}
.pro-banner2 .tit{margin-left:-3rem;}
.pro-banner4 .tit{margin-left:-4rem;}

}

@media screen and (max-width:480px){
.pro-banner .tit h3{font-size:5rem;}

.pro-banner1 .tit{margin-left:0.8rem;}
.pro-banner2 .tit{margin-left:-3.5rem;}
.pro-banner3 .tit{margin-left:1rem;}
.pro-banner4 .tit{margin-left:-4.5rem;}
.pro-banner5 .tit{margin-left:3rem;}

}
/****pro-video***/

.pro-video{}
.pro-video > .tit {display: flex;align-items: center;justify-content: center;margin-bottom:7rem;}
.pro-video > .tit h3 {font-size:3.6rem;color: #141414;font-weight: 700;}
.pro-video > .tit p {font-size:2.4rem;color: #141414;border-left:2px solid #9F9F9F;padding-left:3.5rem;margin-left:3.5rem;}
.pro-video > a{display:block;position:relative;}
.pro-video > a .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;}
.pro-video > a .v img {height: 100%;}
.pro-video > a .v:hover {transform:scale(0.99);}

@media screen and (max-width:576px){
.pro-video > .tit{margin-bottom:5rem;display:block;text-align:center;}
.pro-video > .tit p{border-left:none;padding-left:0;margin:15px 0 0;}
}



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

.section1{position:relative;background:#F3F3F3;padding: 8rem 0;text-align:center;}
.section1 h5 {font-size:3.6rem;color:#141414;font-weight: 700;max-width:40%;margin: 0 auto;}
.section1 p{font-size:1.8rem;color:#6d6c71;width:90%;margin:2rem auto 0;}
.section1 ul {margin:6rem -1.5rem 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.section1 ul li{width:50%;padding:0 1.5rem;}
.section1 ul li img{width:100%;border-radius:15px;}

@media screen and (max-width:1280px){
.section1 h5{max-width:50%;}
}
@media screen and (max-width:576px){
.section1{padding:7rem 0 3rem;}
.section1 h5{max-width:70%;}
.section1 ul{margin:6rem -15px 0;display:block;}
.section1 ul li{width:100%;padding:1.5rem 0;}	
}
@media screen and (max-width:480px){
.section1 h5{max-width:80%;}
}
/*---------*/

.section2{position:relative;}
.section2 img {width:100%;}
.section2 .txt{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;}
.section2 .txt .t{}
.section2 .txt h5{font-size:3.6rem;color: #101010;font-weight:700;}
.section2 .txt .t > p{margin-top:3rem;font-size:1.8rem;color:#6d6c71;line-height:1.8;width:50%;}
.section2 .txt ul {margin-top:10rem;}
.section2 .txt ul li +li{margin-top:5rem;}
.section2 .txt ul li h6 {font-size:5.2rem;color: #101010;font-weight: 800;position: relative;display: inline-block;line-height: 1;}
.section2 .txt ul li h6 em{font-size:2.8rem;}
.section2 .txt ul li p {font-size:1.8rem;color: #6d6c71;margin:1rem 0 0;}


@media screen and (max-width:768px){
.section2{background:#DFDFDF;padding:5rem 0;text-align:center;}
.section2 .txt{position:static;display:block;}
.section2 .txt h5{max-width:80%;margin:0 auto;}
.section2 .txt .t > p{margin:3rem auto 0;line-height:1.5;width:90%;}	
.section2 .txt ul{margin-top:3rem;display:flex;justify-content:center;}	
.section2 .txt ul li + li{margin-top:0;margin-left:6rem;}	
}

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

.section3{position:relative;}
.section3 img {width:100%;}
.section3 .txt{position: absolute;right:0;left:0;bottom:15%;}
.section3 .txt >div{display:flex;justify-content:center;}
.section3 .txt .t{max-width:70%;text-align:center;}
.section3 .txt h5{font-size:3.6rem;color: #fff;font-weight:700;}
.section3 .txt p{margin-top:3rem;font-size:1.8rem;color:#fff;line-height:1.8;}
.section3 .txt p em{font-weight: bold;font-size:2.4rem;}

@media screen and (max-width:576px){
.section3{background:#F3F3F3;padding:5rem 0 0;}
.section3 .txt{position:static;margin-bottom:4rem;}
.section3 .txt h5{color: #101010;}
.section3 .txt p{color:#101010;}	
.section3 .txt .t{max-width:90%;}
}


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

.section4{position:relative;}
.section4 img {width:100%;}
.section4 .txt{position: absolute;right:0;left:0;top:15%;}
.section4 .txt >div{display:flex;justify-content:center;}
.section4 .txt .t{max-width:80%;text-align:center;}
.section4 .txt h5{font-size:3.6rem;color: #101010;font-weight:700;}
.section4 .txt p{margin-top:3rem;font-size:1.8rem;color:#6d6c71;line-height:1.8;}

@media screen and (max-width:576px){
.section4{background:#F1F1F1;padding:5rem 0 0;}
.section4 .txt{position:static;}
.section4 .txt .t{max-width:90%;}
.section4 .txt p{margin-top:2.5rem;}
}

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

.section5{position:relative;background:#DADADA;padding: 8rem 0;text-align:center;}
.section5 h5 {font-size:3.6rem;color:#141414;font-weight: 700;max-width:60%;margin: 0 auto;}
.section5 p{font-size:2rem;color:#6d6c71;width:90%;margin:2rem auto 6rem;}

@media screen and (max-width:576px){
.section5 .txt{bottom:auto;top:15%;display:block;}
.section5 .txt .t{max-width:80%;}
}


/*---------*/
.section6{position:relative;background:#DFDFDF;padding: 8rem 0;text-align:center;}
.section6 h5 {font-size:3.6rem;color:#141414;font-weight: 700;max-width:60%;margin: 0 auto;}
.section6 p{font-size:1.8rem;color:#6d6c71;width:90%;margin:2rem auto 0;}
.section6 .pic{max-width:98rem;margin:6rem auto 0;}

@media screen and (max-width:576px){
.section6 .txt{bottom:auto;top:15%;display:block;}
.section6 .txt .t{max-width:80%;}
}

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

.section7{position:relative;background:url(../pic/gt3MAX/bg1.jpg) no-repeat center;padding:10rem 0;text-align:center;}
.section7 h5{font-size:3.6rem;color:#fff;font-weight:700;}
.section7 p{margin:3rem auto 0;font-size:1.8rem;color:#fff;line-height:1.8;max-width:80%;}
.section7 .pic{margin-top:6rem;text-align:center;}

@media screen and (max-width:576px){
.section7 .txt p{margin-top:2.5rem;}
.section7 .pic{margin-top:4rem;}
.section7 .pic img{max-width:55%;}    
}

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

.section8{position:relative;padding-top:5rem;background:#020100;}
.section8 img {width:100%;}
.section8 .txt{position: absolute;right:0;left:0;top:0;bottom:0;}
.section8 .txt > div{position:relative;height:100%;}
.section8 .txt .tit{max-width:80%;margin:5% auto 0;text-align:center;}
.section8 .txt h3{font-size:3.6rem;color:#fff;font-weight:700;}
.section8 .txt p{margin-top:2.5rem;font-size:1.8rem;color:#fff;line-height:1.8;}
.section8 .txt h5{margin-top:6rem;font-size:3rem;color:#fff;font-weight:700;}
.section8 .txt h5+p{margin-top:1rem;}

.section8 .tit2{position:absolute;left:0;top:53%;width:30%;text-align:right;}
.section8 .tit3{position:absolute;right:0;bottom:16%;width:30%;}

@media screen and (max-width:1550px){
.section8{padding-top:6rem;}
.section8 .txt h5{margin-top:5rem;}
}

@media screen and (max-width:1550px){
.section8{padding-top:8rem;}
.section8 .txt .tit{max-width:90%;}
}

@media screen and (max-width:576px){
.section8{background:#000000;padding:25rem 0 0;}
.section8 .txt p{margin-top:2.5rem;}	
.section8 .tit2{left:15px;top:50%;}
.section8 .tit3{right:15px;}	
}

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

.section9{position:relative;}
.section9 img {width:100%;}
.section9 .txt{position: absolute;right:0;left:0;top:15%;}
.section9 .txt >div{display:flex;justify-content:center;}
.section9 .txt .t{max-width:80%;text-align:center;}
.section9 .txt h5{font-size:3.6rem;color:#fff;font-weight:700;}
.section9 .txt p{margin-top:3rem;font-size:1.8rem;color:#fff;line-height:1.8;}

@media screen and (max-width:576px){
.section9 .txt{top:10%;}
.section9 .txt .t{max-width:90%;}
.section9 .txt p{margin-top:2.5rem;}
}

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

.section10{position:relative;background:#DADADA;padding:8rem 0;}
.section10 h3{font-size:3.6rem;color:#141414;font-weight:700;line-height:1;text-align:center;}

.section10 .box{margin:6rem 0 0;}
.section10 .box > img{border-radius:15px;}

.section10 .txt{margin-top:-9rem;padding:0 6rem;position:relative;z-index:10;display:flex;align-items:center;}
.section10 .txt img{width:32rem;}
.section10 .txt .t{flex:1;margin-left:4rem;}
.section10 .txt .t ul{display:flex;justify-content:space-between;}
.section10 .txt .t ul li{position:relative;padding:0 0 0 25px;}
.section10 .txt .t ul li::before{content:"";width:8px;height:8px;background:#CC7C2A;border-radius:100%;position:absolute;left:0;top:12px;}
.section10 .txt .t ul li h6{font-size:3rem;color:#000;}
.section10 .txt .t ul li p{font-size:2.2rem;color:#656565;margin-top:1rem;}


@media screen and (max-width:1280px){
.section10 .txt{margin-top:-7rem;padding:0 3rem;}
.section10 .txt img{width:28rem;}
.section10 .txt .t ul li h6{font-size:2.8rem;}
}

@media screen and (max-width:768px){
.section10 .txt{margin-top:-6rem;}
.section10 .txt .t{margin-top:3rem;}
.section10 .txt .t ul{display:block;}
.section10 .txt .t ul li + li{margin-top:2rem;}
}
@media screen and (max-width:576px){
.section10 .txt{margin-top:-4rem;}
.section10 .txt img{width:26rem;}
}
@media screen and (max-width:480px){
.section10 .txt{margin-top:-3rem;padding:0 2rem;}
.section10 .txt img{width:20rem;}
.section10 .txt .t{margin-top:5rem;margin-left:3rem;}
.section10 .txt .t ul li{padding:0 0 0 20px;}
.section10 .txt .t ul li::before{width:6px;height:6px;top:8px;}
.section10 .txt .t ul li h6{font-size:2.6rem;}
}

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

.section11{background:#F3F3F3;position:relative;padding-top:10rem;}
.section11 > div{display:flex;align-items:center;}
.section11 .pic{width:30rem;}
.section11 .txt{flex:1;margin-left:14.5rem;}
.section11 .txt img{width:28rem;}
.section11 .txt h5{margin-top:2rem;font-size:3.6rem;color:#010101;font-weight:700;}
.section11 .txt p{margin-top:2rem;font-size:1.8rem;color:#010101;line-height:1.8;}


@media screen and (max-width:576px) {
.section11 > div{flex-direction:column-reverse;}
.section11 .txt{margin-left:0;margin-bottom:3rem;width:100%;}
	
	
}

@media screen and (max-width:480px) {
.section11 .txt .t img{width:30rem;}
}

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

.section12{position:relative;padding: 8rem 0;text-align:center;background:linear-gradient(#F7F7F7, #EAEAEA);}
.section12 h3{font-size:3.6rem;color:#141414;font-weight:700;}
.section12 p{font-size:1.8rem;color:#6d6c71;width:80%;margin:2rem auto 6rem;}
.section12 img{border-radius:15px;}

@media screen and (max-width:576px){
.section12{background:#EAEAEA;}
}

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

.section13{background:#EAEAEA;position:relative;}
.section13 img {width:100%;}
.section13 .txt{position: absolute;left:0;top:0;bottom:0;right:0;display:flex;align-items:center;}
.section13 .txt .t{}
.section13 .txt h5{font-size:3.6rem;color:#101010;font-weight:700;}
.section13 .txt .t > p{margin-top:3rem;font-size:1.8rem;color:#101010;line-height:1.8;max-width:60%;}
.section13 .txt ul {margin-top:4rem;max-width:40%;display:flex;flex-wrap:wrap;}
.section13 .txt ul li{width:33.333333%;margin:5rem 0 0;}
.section13 .txt ul li img{width:8.6rem;}
.section13 .txt ul li p {font-size:1.6rem;color:#101010;margin:1rem 0 0;}

@media screen and (max-width:576px) {
.section13 .txt{position:static;display:block;margin-bottom:4rem;}
.section13 .txt .t{text-align:center;}
.section13 .txt .t > p{max-width:90%;margin-top:2.5rem;}
.section13 .txt ul{margin-top:1rem;max-width:100%;}
.section13 .txt ul li{margin:4rem 0 0;}	
}


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

.spec-tit{background:#D3D3D3;}
.spec-tit .wp1200{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:1rem;}
.spec-tit .pic img{width:35rem;}
.spec-tit a{border:3px solid #141414;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:#141414;border-right:2px solid #141414;padding-right:2rem;margin-right:2rem;}
.spec-tit a img{width:1.5rem;filter: grayscale(100%) brightness(0%);}

.spec{padding:10rem 0;background:#fff;}
.spec h3 {font-size:3.6rem;font-weight: 700;color: #000;line-height:1;padding-bottom:1.5rem;border-bottom:1px solid #000;}
.spec .table {margin-top:3rem;}
.spec .table .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.spec .table table {width:100%;font-size:1.8rem;color:#000;border-collapse:collapse;}
.spec .table table td{padding:1.5rem 2rem;font-weight:500;background-color:none;}
.spec .table table tr:nth-child(2n+1) td{background:#F4F4F4;}

@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 #fff;padding:2rem 4rem;line-height:3.2rem;}
.spec-tit a em{font-size:2.4rem;border-right:1px solid #fff;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:2.5rem 1rem;vertical-align:middle;}
}
/*---------------------*/

.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 i{font-size:4rem;color:#141824;display:inline-block;}
.compare .swiper-slide .txt i~i{margin-top:25px;}
.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;line-height:1.5;}

.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;}
}

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

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

.pro-faq .tab{display:flex;align-items:center;}
.pro-faq .tab h3{display:inline-block;font-size:3.6rem;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:#141414;}

.pro-faq .tab-content{margin-top:4.5rem;}
.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:2rem 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:2rem 0;border-bottom: 1px solid #fff;display:flex;justify-content:space-between;align-items:center;}
.pro-faq .down-list ul li h4{font-size:2.4rem;color:rgba(255,255,255,0.9);font-weight: 500;}
.pro-faq .down-list ul li > a{font-size:2.4rem;color:#fff;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;color:#676767;}
.pro-faq .txt p{font-size:1.6rem;}
.pro-faq .txt p~p{margin-top:20px;}
/*------------------------------------------------------------*/


.home-service{background:#000002;}
.home-service ul li a{color:#fff;}