@charset "utf-8";


html{font-size:6px;}
@media (max-width:640px){
html{font-size:5px;}
}
@media (max-width:480px){
html{font-size:4.5px;}
}


.wp{width:100%;padding-right:30px;padding-left:30px;}
@media screen and (max-width:576px) {
.wp{padding-right:20px;padding-left:20px;}
}
@media screen and (max-width:480px) {
.wp{padding-right:15px;padding-left:15px;}
}

/*---header---*/
.mob-menu{position:fixed;top:0;bottom:0;height:100%;overflow-y:scroll;width:300px;background:#fff;padding:60px 20px 0;right:0;transform: translateX(100%);transition: 0.5s all;-webkit-overflow-scrolling:touch;z-index:10000!important;box-shadow:0 0 40px rgba(82,85,90,0.1);}
.mob-menu .tit{text-align:center;}
.mob-menu .tit img{height:5rem;}
.mob-menu .tit span{position:absolute;right:15px;top:15px;cursor:pointer;width:40px;height:40px;line-height:40px;text-align:center;display:block;}
.mob-menu .tit span i{color:#333;font-size:22px;}

.mob-menu .list{margin:30px 0 0;}
.mob-menu .list > ul{}
.mob-menu .list > ul > li{line-height:50px;font-size:15px;border-top:2px solid #e5e5e5;position:relative;}
.mob-menu .list > ul > li > a{font-weight:500;padding:0 0 0 10px;}
.mob-menu .list > ul > li > em{position:absolute;color:#333;top:10px;right:0;z-index:1;width:30px;line-height:30px;text-align:center;cursor:pointer;}
.mob-menu .list > ul > li > em i{font-size:14px;display:inline-block;transition:all 0.3s ease 0s;}
.mob-menu .list > ul > li.active{background:#F5F5F5;}
.mob-menu .list > ul > li.active > em i{transform:rotate(90deg);}
.mob-menu .list ul li a{color:#333;display: block;}
.mob-menu .list ul li a:hover{text-decoration: none;}
.mob-menu .list ul li ul{display:none;padding-bottom:10px;padding-left:20px;}
.mob-menu .list ul li ul li{line-height:22px;position:relative;}
.mob-menu .list ul li ul li em{position:absolute;color:#333;top:1px;right:0;z-index:1;width:30px;line-height:30px;text-align:center;cursor:pointer;}
.mob-menu .list ul li ul li em i{font-size:12px;display:inline-block;transition:all 0.3s ease 0s;}
.mob-menu .list ul li ul li a{padding:5px 0;margin-right:30px;}

.mob-menu .list ul li ul li.active em i{transform:rotate(90deg);}

.mob-menu.menu-on{transform:translateX(0)}

/*---header---*/

.header{background:#fff;box-shadow:0 3px 7px rgba(0,0,0,0.06);position:relative;padding:4rem 0;}
.header > .wp{height:100%;display:flex;justify-content:space-between;align-items:center;}
.header .logo img{height:3.5rem;}
.header .header-right{display:flex;align-items:center;}
.header .mob-menu-btn{width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;display:blcok;}
.header .mob-menu-btn i{color:#333;font-size:24px;}

@media screen and (max-width:640px) {
.header{padding:3rem 0;}
}	

@media screen and (max-width:480px) {
.header{padding:2rem 0;}
}	

/*---footer---*/
#footer{background:#000;padding:6rem 0;}
#footer h5{font-size:2.4rem;color:#fff;line-height:1;margin:0 0 25px;font-weight:600;text-align:center;}
#footer h5::after{content:"";background:#7CDA24;height:2px;width:100%;display:block;margin:15px 0 0;}
.foot-list h5::after{background:#E02B20 !important;}
.foot-contact h5::after{background:#0C71C3 !important;}

.foot-nav ul{text-align:center;}
.foot-nav ul li{display:inline-block;margin:0 5px 10px;font-size:2.2rem;line-height:1.5;color:rgba(255,255,255,0.8);}
.foot-nav ul li a:hover{color:#18AE4F;}

.foot-list{margin-top:15px;}
.foot-list ul{text-align:center;}
.foot-list ul li{display:inline-block;font-size:2.2rem;line-height:1.5;margin:0 5px 10px;color:rgba(255,255,255,0.8);}
.foot-list ul li a:hover{color:#18AE4F;}

.foot-contact{margin-top:15px;}
.foot-contact p{font-size:2.2rem;line-height:1.5;margin-bottom:10px;color:rgba(255,255,255,0.8);}
.foot-contact p a:hover{color:#18AE4F;}

.foot-contact .share{margin-bottom:20px;font-size:0;}
.foot-contact .share a{width:34px;height:34px;line-height:34px;background:#007bb6 !important;display:inline-block;text-align:center;border-radius: 3px;}
.foot-contact .share a+a{margin-left:15px;}
.foot-contact .share a i{font-size:16px;color:#fff;}
.foot-contact .share a:hover{opacity:0.6;}

.copyright{background:#171717;padding:20px 0;text-align:center;}
.copyright p{font-size:2.2rem;color:#666;}


/*---------------------*/
.goods-read-sidebanner {position: relative;}
.goods-read-sidebanner .txt {position: absolute;left:0;right:0;top:15%;text-align:center;font-family:"Roboto", sans-serif;}
.goods-read-sidebanner .txt h5{font-size:4.8rem;color:#000;line-height:1;}
.goods-read-sidebanner .txt h1 {font-size:8.4rem;color:#000;font-weight:700;line-height:1;margin:3rem 0 0;}
.goods-read-sidebanner .txt p {font-size:3.4rem;color:#000;margin:3rem 0 0;}

/*---------------------*/
.section-1{position:relative;background:#F6F6F6 url(../images/bg1.png) no-repeat center;background-size:auto 80%;padding:20rem 0;text-align:center;}
.section-1 h6{font-size:3.2rem;line-height:1.5;color:#000;font-family:"Roboto", sans-serif;}

/*---------------------*/
.section-2{background: linear-gradient(#fff, #FDF9FA);}
.section-2 .video{display:block;position:relative;}
.section-2 .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;}
.section-2 .v img {height: 100%;}
.section-2 .v:hover {transform:scale(0.99);}

.section-2 ul{padding:5rem 0;display:flex;justify-content:center;}
.section-2 ul li{width:calc(100% / 3);text-align:center;}
.section-2 ul li h6 {font-size:6.4rem;color:#FFA620;font-weight:600;position: relative;display: inline-block;line-height: 1;}
.section-2 ul li h6 em{font-size:3.6rem;}
.section-2 ul li p {font-size:2.4rem;color:#000;margin:1rem 0 0;}


/*---------------------*/
.section-3{padding:12rem 0;background-image:radial-gradient(circle, #FFE7DB, rgba(255,240,234,0));}
.section-3 .txt{text-align:center;}
.section-3 .txt h3{font-size:4.8rem;font-weight:600;color:#000;line-height:1;}
.section-3 .txt p{font-size:2.4rem;margin:1.5rem 0 0;color:#000;}


/*---------------------*/
.section-4{padding:8rem 0;background:linear-gradient(#FEF9FA, #fff, #FEF9FA);}

.section-4 .item+.item{margin-top:5rem;}
.section-4 .item .tit{background:#fff;padding:7.4rem 5rem;text-align:center;border-radius:24px 24px 0 0;}
.section-4 .item .tit h3{font-size:4.8rem;font-weight:600;line-height:1;}
.section-4 .item .tit p{margin-top:1.5rem;font-size:2.4rem;line-height:1.4;}
.section-4 .item .tit p strong{color:#FFA620;font-weight:500;}
.section-4 .item .pic{border-radius:24px;overflow:hidden;}
.section-4 .item:nth-child(2) .tit{background:#FBFBFB;}

.section-4 .item2{margin-top:10rem;}
.section-4 .item2 .tit{text-align:center;}
.section-4 .item2 .tit h3{font-size:4.8rem;font-weight:600;line-height:1;}
.section-4 .item2 .box{margin-top:4rem;padding:5rem 9rem;border-radius:24px;background-color:#FFFBF6;background: radial-gradient(60.63% 96.1% at 51.63% 0%, #F9E8E0 0%, rgba(249, 232, 224, 0) 100%) #FFFBF6;}
.section-4 .item2 .txt{}
.section-4 .item2 .txt ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.section-4 .item2 .txt ul li{width:48%;display:flex;align-items:center;}
.section-4 .item2 .txt ul li+li{margin-top:1.5rem;}
.section-4 .item2 .txt ul li .ico{width:8rem;}
.section-4 .item2 .txt ul li .t{flex:1;margin-left:1.2rem;}
.section-4 .item2 .txt ul li .t h5{font-weight:500;font-size:2rem;}
.section-4 .item2 .txt ul li .t p{font-size:1.8rem;margin-top:1rem;}

.section-4 .item2 .pic{width:100%;text-align:center;margin-top:5rem;}
.section-4 .item2 .pic img{max-width:50rem;}


@media screen and (max-width:640px){
.section-4 .item2 .box{padding:5rem 5rem;}
}


/*---------------------*/
.section-5{padding:12rem 0;background-image: radial-gradient(circle, #FFE7DB, rgba(255,240,234,0));}
.section-5 .txt{text-align:center;}
.section-5 .txt h3{font-size:4.8rem;font-weight:600;color:#000;line-height:1;}
.section-5 .txt p{font-size:2.4rem;margin:2rem 0 0;color:#000;}

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

.section-6{position:relative;padding:8rem 0 1rem;background:linear-gradient(#fff, #FAFAFA 31%, #FFF0E9);}
.section-6 .tit{text-align:center;}
.section-6 .tit h3{font-size:4.8rem;color:#000;font-weight:600;}
.section-6 .tit p{font-size:2.4rem;color:#000;line-height:1.5;margin:2rem auto 6rem;}
.section-6 .tit p strong{color:#FFA620;}
.section-6 .pic{margin-top:5rem;text-align:center;}
.section-6 .pic img{width:55rem;}


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

/*---------------------*/
.section-7{position:relative;background:#F8F8F8;padding:8rem 0 0;}
.section-7 img {width:100%;}
.section-7 .txt{}
.section-7 .txt .t{max-width:85%;}
.section-7 .txt h5{font-size:4.8rem;color: #000;font-weight:600;}
.section-7 .txt h5 sup{font-size:1.8rem;vertical-align:super;font-weight:400;}
.section-7 .txt p{margin-top:3rem;font-size:2.4rem;line-height:1.8;}
.section-7 .txt p sup{font-size:1.6rem;vertical-align:super;}
/*---------------------*/
.section-8{position:relative;}
.section-8 img {width:100%;}
.section-8 .txt{position:absolute;left:0;right:0;top:8%;text-align:center;}
.section-8 .txt .tit h5{font-size:4.8rem;color: #fff;font-weight:600;}
.section-8 .txt .tit h5 sup{font-size:1.8rem;vertical-align:super;font-weight:400;}
.section-8 .txt .tit p{margin-top:3rem;font-size:2.4rem;color:#fff;line-height:1.5;width:90%;}
.section-8 .txt .tit p strong{color:#FFA620;font-weight:500;}
.section-8 .txt .tit p sup{font-size:1.6rem;vertical-align:super;}
.section-8 .txt ul {margin-top:5rem;display:flex;justify-content:center;}
.section-8 .txt ul li + li{margin-left:5rem;}
.section-8 .txt ul li h6 {font-size:7rem;color:#FFA620;font-weight:500;line-height:1;}
.section-8 .txt ul li p {font-size:2.4rem;color: #fff;margin:1rem 0 0;}


/*---------------------*/
.section-9{position:relative;}
.section-9 img {width:100%;}
.section-9 .txt{position: absolute;right:0;left:0;top:8%;text-align:center;}
.section-9 .txt h5{font-size:4.8rem;color: #000;font-weight:600;}
.section-9 .txt p{margin-top:3rem;font-size:2.4rem;line-height:1.8;}
.section-9 .txt p strong{color:#FFA620;font-weight:500;}


/*---------------------*/
.section-10{position:relative;background:#F5F5F5;padding:8rem 0;text-align:center;}
.section-10 h5 {font-size:4.8rem;font-weight:600;line-height:1;}
.section-10 p{font-size:2.4rem;line-height:1.5;width:90%;margin:2rem auto 0;}
.section-10 ul {margin:6rem 0 0;display:flex;flex-wrap:wrap;}
.section-10 ul li{padding:1.5rem 0;}
.section-10 ul li img{width:100%;border-radius:15px;}
.section-10 ul li video{width:100%;border-radius:15px;}

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

/*---------------------*/
.section-11{padding:12rem 0;background-image: radial-gradient(circle, #FFE7DB, rgba(255,240,234,0));}
.section-11 .txt{text-align:center;}
.section-11 .txt h3{font-size:4.8rem;font-weight:600;color:#000;line-height:1;}
.section-11 .txt p{font-size:2.4rem;margin:2rem 0 0;color:#000;}

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

.section-12{padding:9rem 0;background:#FBFBFB;}
.section-12 .txt{text-align:center;}
.section-12 .txt h3{font-size:4.8rem;font-weight:600;color:#000;line-height:1;}
.section-12 .txt p{font-size:2.4rem;margin:3rem 0;color:#000;line-height:1.5;}
.section-12 .txt p strong{color:#FFA620;font-weight:500;}
.section-12 .txt img{width:50rem;}
.section-12 .pic{margin-top:5rem;}


/*---------------------*/
.section-13{position:relative;}
.section-13 img {width:100%;}
.section-13 .txt{position:absolute;left:15px;right:15px;top:8%;}
.section-13 .txt .tit{text-align:center;}
.section-13 .txt .tit h5{font-size:4.8rem;font-weight:600;}
.section-13 .txt .tit p{margin-top:3rem;font-size:2.4rem;line-height:1.5;width:90%;}
.section-13 .txt ul {margin-top:6rem;display:flex;justify-content:center;}
.section-13 .txt ul li + li{margin-left:5rem;}
.section-13 .txt ul li h6 {font-size:7rem;color:#FFA620;font-weight:500;line-height:1;}
.section-13 .txt ul li p {font-size:2.4rem;margin:1rem 0 0;}


/*---------------------*/
.section-14{position:relative;padding: 8rem 0;text-align:center;background:linear-gradient(#F9E8E0, #fff);}
.section-14 h5 {font-size:4.8rem;font-weight:600;line-height:1;}
.section-14 p{font-size:2.4rem;line-height:1.5;width:90%;margin:2rem auto 0;}
.section-14 .pic{margin:6rem 0 0;border-radius:24px;overflow:hidden;}
.section-14 .pic img{width:100%;}


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

/*---------------------*/
.section-15{position:relative;background:#F5F5F5;padding: 8rem 0;text-align:center;}
.section-15 h5 {font-size:4.8rem;font-weight:600;line-height:1;}
.section-15 p{font-size:2.4rem;line-height:1.5;width:90%;margin:2rem auto 0;}
.section-15 ul {margin:6rem 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.section-15 ul li{width:47%;}
.section-15 ul li img{width:100%;border-radius:15px;}

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

/*---------------------*/
.section-16{padding:12rem 0;background-image:radial-gradient(circle, #FFE7DB, rgba(255,240,234,0));}
.section-16 .txt{text-align:center;}
.section-16 .txt h3{font-size:4.8rem;font-weight:600;color:#000;line-height:1;}
.section-16 .txt p{font-size:2.4rem;margin:2rem 0 0;color:#000;}

/*---------------------*/
.section-17{position:relative;background:#F8F8F8;padding:8rem 0;}

.section-17 .tit{text-align:center;}
.section-17 .tit h3{font-size:4.8rem;font-weight:600;line-height:1;}
.section-17 .tit p{font-size:2.4rem;line-height:1.5;width:90%;margin:2rem auto 0;}

.section-17 .pic{max-width:90%;margin:6rem auto 0;position:relative;}
.section-17 .pic > img{width:100%;}


.section-17 .item{position:absolute;z-index:10;}
.section-17 .item a{width:4.2rem;height:4.2rem;border-radius:50%;display:block;}
.section-17 .item a::after{content:"";position: absolute;top:-2rem;left:-2rem;right:-2rem;bottom:-2rem;display:block;border-radius:50%;background:rgba(255,196,128,0.12);animation:anim-moema-1 1.9s linear infinite;z-index: -1;}
.section-17 .item a img {height: 100%;}
.section-17 .item .nr{position:absolute;padding:1.5rem;text-align:center;background:#fff;border-radius:70rem;width:35rem;display:none;transition: all 0.5s ease 0s;}
.section-17 .item .nr p{font-size:2.2rem;line-height:1.5;}

.section-17 .item1{left:30.97%;top:6.82%;}
.section-17 .item2{left:13.89%;top:35.04%;}
.section-17 .item3{left:-1.53%;top:71.21%;}
.section-17 .item4{left:15.42%;top:82.58%;}
.section-17 .item5{left:31.81%;top:62.28%;z-index:11;}
.section-17 .item6{left:60.69%;top:82.17%;}
.section-17 .item7{left:64.58%;top:45.64%;z-index:11;}
.section-17 .item8{left:81.53%;top:47.73%;}
.section-17 .item9{left:81.53%;top:71.21%;}

.section-17 .item1 .nr{right:-35rem;bottom:4.2rem;}
.section-17 .item2 .nr{left:-16rem;bottom:5.2rem;}
.section-17 .item3 .nr{left:-5rem;bottom:5.2rem;}
.section-17 .item4 .nr{left:-16rem;top:5.2rem;}
.section-17 .item5 .nr{left:-16rem;top:5.2rem;}
.section-17 .item6 .nr{left:-16rem;top:5.2rem;}
.section-17 .item7 .nr{left:-16rem;bottom:5.2rem;}
.section-17 .item8 .nr{left:-16rem;bottom:5.2rem;}
.section-17 .item9 .nr{left:-16rem;top:5.2rem;}

.section-17 .item:hover .nr {display:block;}


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

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

.pro-spec{padding:10rem 0;background:#fff;}
.pro-spec h3 {font-size:4.8rem;font-weight:600;color: #000;line-height:1;text-align:center;}
.pro-spec .table {margin-top:5rem;}
.pro-spec .table .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-spec .table table {width:100%;font-size:2.4rem;color:#000;border-collapse:collapse;}
.pro-spec .table table td{padding:2rem 2rem;background-color:none;}
.pro-spec .table table tr:nth-child(2n+1) td{background:#F4F4F4;}
.pro-spec .table table td strong{font-weight:500;}
.pro-spec .table table td:nth-child(2n+1){width:50%;}

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