@charset "UTF-8";
@import url('base.css');
header{}
header .top_boxw{transition: 0.5s;position:fixed; width: 100%; z-index: 100; top: 0}
header .logo img{height: .57rem;}
header .other{}
menu{width: 100%}
menu ul{gap: 8vw;}
menu li{position: relative}
menu li span{display: block;position: relative;}
menu li .sub{background-color:var(--hover-color);transition:0.3s;}
menu li .sub dl{position:relative;z-index:1;--top:0}
menu li .sub dd{position:relative;z-index:1;}
menu li .sub a{color:var(--white);display:block; padding: .1rem}
menu li .sub a:hover{background: #fbf4f6; color: var(--hover-color);}

body.no_banner header .top_boxw,
header.show .top_boxw{background: #fff; box-shadow:  0 12px 29px rgba(0,0,0,0.03)}
body:not(.no_banner) .top_boxh{display: none}

body:not(.no_banner) header:not(.show) .logo{ filter: brightness(0) invert(1);}
@media (min-width:2000px) {
menu ul{gap: 4vw;}
}
@media (min-width:1025px) {
body:not(.no_banner) header:not(.show) menu li span a{color: #fff}

header .logo{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 5}
menu {padding: .32rem 0; transition: 0.5s}
menu li:nth-child(3) { flex: 1;} 
menu li span{line-height: .57rem}
menu li.active .sub{transform:translateY(0);visibility:visible;opacity:1}
menu li .sub{ text-align: center; width:14em; position:absolute; left:50%; top:100%; transform:translateY(0.3rem); opacity:0; visibility:hidden; margin-left:-7em;}
menu li.has-sub span a:after{content:'';position: absolute;left:0;right: 0; bottom: 0; margin: auto; display:block;width:0.13rem;height:0.08rem;/*background:center center no-repeat url(../images/menu-select.svg);*/background-size:contain;transition:0.3s}
menu li.has-sub.active span a:after{transform:rotate(-180deg);background-image:url(../images/menu-select-color.svg)}
header.show menu {padding: .12rem 0}
menu li:nth-child(3).has-sub span a::after {left:2em; margin:0; transform:translateX(-50%);}
menu li:nth-child(3).has-sub.active span a:after {transform:translateX(-50%) rotate(-180deg);}
menu li:nth-child(3) .sub {left:auto; right:100%; transform:translate(50%,0.3rem); margin-left:0;margin-right: -2em;}
menu li:nth-child(3).active .sub {transform:translate(50%,0);}
}
@media (max-width:1024px) {
.open-menu{position: relative;background-color: var(--hover-color);border-radius: 50%;z-index: 10; width: 40px; height: 40px;}
.open-menu i{height: 0.03rem; width: 70%; left:0; right: 0; top:0; bottom: 0; margin: auto; position: absolute; background: #fff; transition: 0.3s;}
body:not(.menu-show) .open-menu i:nth-child(1){transform: translateY(-.1rem)}
body:not(.menu-show) .open-menu i:nth-child(3){transform: translateY(.1rem)}
body.menu-show .open-menu i:nth-child(2){opacity: 0;}
body.menu-show .open-menu i:nth-child(1){transform: rotate(-45deg);}
body.menu-show .open-menu i:nth-child(3){transform: rotate(45deg);}
body.menu-show{overflow: hidden;}
body.menu-show header .top_boxw{background: #fff; box-shadow:  0 12px 29px rgba(0,0,0,0.03)}
body.menu-show header .logo{ filter:none!important}
body.menu-show menu{left: 0;opacity: 1; transform: translateX(0);}
header .logo{padding: .2rem 0}
menu{position: fixed; left:-100%;opacity: 0;transform: translateX(-100%);top:.97rem;bottom: 0; width: 3rem; background-color: var(--white);box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.1);transition: 0.3s;}
menu ul{overflow: auto;height: 100%;}
menu li{width: 100%}
menu li.has-sub span{padding-right: 1rem;}
menu li.has-sub span:after{content:'';display:block;width:0.13rem;height:0.08rem;background:center center no-repeat url(../images/menu-select.svg);background-size:contain;margin-left:0.1rem;transition:0.3s;position: absolute;right: 0.2rem;top: 50%;margin-top: -0.04rem;}
menu li.has-sub.active span:after{transform:rotate(-180deg);background-image:url(../images/menu-select-color.svg)}
menu li span{line-height: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
menu li span a{justify-content: space-between;padding: 0 3%;}
menu li .sub,
menu li .sub dl dl{display: none;}
menu li.active .sub{display: block;}
}
@media (max-width:640px) {
body:not(.no_banner) .top_boxh{display: block}
body:not(.no_banner) header:not(.show) .logo{ filter:none;}
}

/*open-search*/
.open-search{cursor: pointer;}
.open-search[rel="absolute"]{position: absolute; top: 50%;}
.open-search[rel="relative"]{position: relative;}
.open-search.on{background: none!important;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.top-search{position: relative;display: none;padding-right: 50px;}
.top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 320px;}
.top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-repeat: no-repeat;background-position: center center;}

@media(max-width:1024px){
.has-multi aside,
.has-sub span{padding-right: 0.4rem;}
.has-multi aside .op-multi,
.has-sub span .op{width: 0.4rem; }
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .op:before,
.has-sub span .op:after{width: 0.12rem; height: 0.02rem;}
.has-multi aside .op-multi:after,
.has-sub span .op:after{ width: 0.02rem; height: 0.12rem;}
}



.inside_banner{position: relative}
.inside_banner .box{color: #fff; position: absolute; width: 100%; bottom:20%; z-index: 5}
.inside_banner .pic img{width: 100%}
.slide_banner{position: relative}
.slide_banner figure  img{width: 100%}
.slide_banner .swiper-pagination{bottom: .4rem!important;filter: brightness(0) invert(1);}
@media(min-width:1024px){
.inside_banner .pic img.wap{display: none}
.slide_banner#wap{display: none}
}
@media(max-width:1024px){
.inside_banner .pic img.pc{display: none}
.slide_banner#pc{display: none}
}
@media(max-width:640px){
.inside_banner .en{font-size: calc(var(--font-size22));}
.inside_banner .cn{font-size: calc(var(--font-size28));}
}



footer{background:linear-gradient(90deg,#e796a7,#f2b8b1);}
footer,
footer a{color:#fff}
footer .box1{padding:8.5% 0}
footer .column{width: 54%}
footer .column dt{padding-bottom:.4rem}
footer .column dd span{display: block;padding: .1rem 0}
footer .other{width: 39.5%}
footer .other ul li{width:21.7%; text-align: center}
footer .other ul li p{padding-top: .1rem}
footer .tel{text-align: right;padding: .05rem 0}
footer .tel a{color: #fff}
footer .box2{padding: .25rem 0; border-top: solid 1px rgba(255,255,255,0.72); opacity: 0.7}
footer .link a{margin-right: .3rem; position: relative;}
footer .link a:not(:last-child):after{content: ''; position: absolute; right: -.15rem; top: 50%; width: 1px; height: 2px;background:rgba(255,255,255,0.12)}
footer .copyright a{display: inline-block; margin-left: .1rem}
@media(max-width:1024px){
footer .column{width: 100%; padding-bottom: 4%}
footer .column dt{padding-bottom:.2rem}

footer .box1{padding-bottom: 4%}
footer .other{width:100%; max-width: 560px; margin: auto}

footer .tel{text-align: center}
}
@media(max-width:640px){
footer .column{display: none}
footer .tel {font-size:calc(var(--font-size24))}
footer .tel a{font-size:calc(var(--font-size34))}
footer .other ul li{width: 24%}
footer .box2{font-size:calc(var(--font-size16))}
}

.sideOther {display: none}
.sideOther ul{ position:fixed; right:1%; z-index:110; top:50%;  transform: translateY(-50%); box-shadow: 0 0 30px rgba(147,81,117,.07); background: #fff; padding: .06rem;border-radius: 4px;}
.sideOther li{ position:relative; padding: .06rem}
.sideOther li > a{ display:flex; justify-content: center; align-items: center; width:.46rem; height:.46rem; background:#fbf4f6; transition:0.3s; border-radius: 4px; cursor: pointer;}
.sideOther li > a img{max-width: .22rem}
.sideOther li > a:hover{ transform:rotate(360deg); -webkit-transform:rotate(360deg); -ms-transform:rotate(360deg);background-color: #935175;}
.sideOther li  aside{ display:none; position:absolute; right:100%; line-height:60px; white-space:nowrap; text-overflow:ellipsis; top:0;background:#935175; margin-right:1px;border-radius:5px; padding:10px; font-size:18px; color:#fff; width: 140px}
.sideOther li  aside img{width: 100%;border-radius:5px;}
.sideOther ul:not(:hover) li:not(.li_gettop){visibility: hidden;height: 0;padding: 0;}
.sideOther li:hover aside{ display:block;} 
.sideOther li:hover  > a img{filter: brightness(0) invert(1);}


.no_banner .subMenu{background: #f8f8f8;}
.subMenu {line-height: .8rem; border-bottom: solid 1px #f0f0f0}
.subMenu .auto-inner{justify-content: flex-end}
.subMenu .colName{color: #fff; padding: 0 .1rem;background: var(--hover-color) url("../images/menu.png") no-repeat 98% center; background-size: 30px}
.subMenu .menu{flex: 1}
.subMenu .menu li{ border-bottom-right-radius: 3vw;transition: 0.5s}
.subMenu .menu li a{display: block; padding: 0 2.2085vw; transition: 0.5s}
.location{background: url(../images/location.svg) no-repeat left; padding-left: 25px;}
.location *:not(:last-child):after{content: ' > '}
@media(min-width:768px){
.subMenu .colName{display: none}
.subMenu .menu li:hover,
.subMenu .menu li.onli{background: var(--hover-color);}
.subMenu .menu li:hover a,
.subMenu .menu li.onli a{color: #fff;background: url(../images/logo_icon.svg) no-repeat 75% 54%}
}
@media(max-width:768px){
.location{order: -1; width: 100%}
.subMenu {line-height: .5rem;}
.subMenu .auto-inner{justify-content: flex-start}
.subMenu .menu{flex:initial; width: 100%}
.subMenu .menu ul{display: none; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
}

.more_a{display: block; position: relative; z-index: 5}
.more_a a{color: #fff;text-indent: .40rem; display: inline-block; width: 1.80rem; line-height: .6rem; border-radius: 30px; background: #935175 url("../images/more_icon.svg") no-repeat 95% -8px; position: relative; transition: 0.5s}
.more_a a:after{content: ''; position: absolute; left: 70%; top: 0; bottom: 0; margin: auto;background: url("../images/more_jt.png"); width: 15px; height: 8px;transition: 0.5s}
.more_a a:hover{text-indent: .80rem;}
.more_a a:hover:after{left: 20%;}
@media(max-width:640px){
.more_a a{width: 1.4rem;line-height:.42rem;text-indent: .20rem; }
.more_a a:hover{text-indent: .40rem;}
}

.main_news{background: url("../images/bg_news.jpg") no-repeat center top; background-size: 100%}

.news_slide{background: #fff9fb url("../images/bg_item_news.svg") no-repeat 104% 191%; background-size: 18.5%; border-radius: 0 0 10px 0; margin-bottom: 5%}
.news_slide .pic{width: 50%;}
.news_slide .pic figure{padding-bottom:68.572%}
.news_slide .txt{width: 50%; padding:5%; color:rgb(var(--rgb-666));}
.news_slide .txt h4{margin-top: .4rem; margin-bottom: .2rem}
.news_slide .txt h4 a{color: #453657}
.news_slide .txt h5{margin-bottom: .1rem}
.news_slide .more_a{padding-top: 8%}
@media(max-width:640px){
.news_slide{background-size:25%;background-position: right bottom}
.news_slide .pic,
.news_slide .txt{width: 100%;}
.news_slide .txt h4{margin-top: .2rem; }
}
.news_list ul:after,
.news_list li{width: 30%}
.news_list ul:after{content: '';}
.news_list li a{padding-bottom:.48rem;display: block; position: relative}
.news_list .pic figure{padding-bottom:75%; border-radius: 0 0 2vw 0;box-shadow: 0 12px 13px rgba(147,81,117,0.07);}
.news_list .txt h4{margin: .1rem 0}
.news_list .txt time,
.news_list .txt p{color:rgb(var(--rgb-666));}

@media(min-width:1025px){
.news_list li:nth-child(3) ~ li{margin-top: 5%}
.news_list .txt{position: absolute; width:90%;padding:6%; margin: auto; left: 0; right: 0; bottom: 0;background: #fff;border-radius: 0 0 2vw 0; box-shadow: 0 12px 13px rgba(147,81,117,0.07);transition: 0.5s;}
.news_list .txt:after{content: '';position: absolute;left: -.1rem; bottom: -.1rem; width: 100%; height:calc(100% + .1rem); border-radius: 0 0 2vw 0;border-left: solid 1px rgba(147,81,117,0.2); border-bottom: solid 1px rgba(147,81,117,0.2); transition: 0.5s}
.news_list .txt p{margin-bottom: -.4rem;position: relative; opacity: 0; transition: 0.5s}
.news_list li:hover .txt{padding: 7% 6%}
.news_list li:hover .txt p{margin-bottom: 0; opacity: 1}
}
@media(max-width:1024px){
.news_list li{width: 100%}
.news_list ul:after{display: none}
.news_list li{margin-bottom:5%}
.news_list li a{display: flex; justify-content: space-between; padding-bottom: 0}
.news_list .pic{width: 30%}
.news_list .txt{width: 70%;padding: 4%;background: #fff;border-radius: 0 0 2vw 0; box-shadow: 0 12px 13px rgba(147,81,117,0.07);}
}
@media(max-width:640px){
.news_list .txt{padding: 0 4%}
.news_list .txt h4{-webkit-line-clamp:2!important;}
.news_list .txt p{display: none}
}

.news_info .photo{padding: 0 6%}
.news_info .title{padding:4% 6%}
.news_info .title time{color:rgb(var(--rgb-666))}
.news_info .title h5{padding-top: 3%}
.news_info .article{padding:4% 6%; border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb;color:rgb(var(--rgb-666))}
.news_info .back{text-align: center}
.news_info .back a{text-align: left}
.news_info .back a:after{width: 16px; height: 17px; background-image: url(../images/back.svg)}
.news_info .relation{background: #fff9fb; padding:8.825%}
.news_info .relation h3{padding-left: 20px;line-height: 24px; border-left: solid 2px var(--hover-color)}
.news_info .relation ul{padding: .2rem 0}
.news_info .relation li{padding: .1rem 0; border-bottom: solid 1px #ebe5e7}
.news_info .relation li .pic{display: none;}
.news_info .relation li .pic figure{padding-bottom:66.43%}
.prev_next{padding:6% 0}
.prev_next li{background: #fff9fb;padding: 3%}
.prev_next .pic{width: 94px;}
.prev_next .pic figure{padding-bottom:69.15%}
.prev_next .txt{padding-left: 5%;flex: 1}
@media(min-width:768px){
.news_info .left_group{width: 73%; max-width: 1000px;}
.news_info .right_group{width: 25%; max-width: 340px;}
.news_info .relation li.show .pic{display: block}
.news_info .relation li .txt{padding: .1rem 0}
.news_info .relation li .txt h4{margin-top: .1rem}
.prev_next li{width:48%;}
}
@media(max-width:768px){
.news_info .title,
.news_info .article{padding:4% 3%}
.news_info .back{text-align: center;padding-bottom: 4%}
.prev_next li:not(:last-child){margin-bottom: 3%}
.news_info .relation{ padding:4%}
.news_info .relation li time{float: right}
}

.common_title {text-align: center; padding-bottom: 4%}
.common_title p{padding-bottom: .1rem}
.common_title .title{color: #453657}
.common_title .title span{display: block; line-height: 1.5}
.common_title .title span.en{text-transform: uppercase; padding-top: .3rem}
.common_title .title span.en:first-child{ opacity: .04; transform: translateY(20px); padding-top: 0}
@media(max-width:768px){
.common_title .title span.en{padding-top: .1rem}
}

.group_item[rel=n1]{background: url("../images/bg_main_t.jpg") no-repeat center bottom; background-size: 100%}
.group_item[rel=n2]{background: url("../images/bg_main_b.jpg") no-repeat center top; background-size: 100%}

.main_about .article{line-height: 2}

.main_about .photo{padding-top: 4%}
.main_about .photo img{width: 100%}
.main_about .list{text-align: center; padding:1%;margin-top: -23%}
.main_about .list ul:after,
.main_about .list li{width: 31.342%}
.main_about .list ul:after{content: '';}
.main_about .list li{margin:0.8%; padding: 3.9%;background: linear-gradient(-30deg,#faeded,#fcf9fa,#faeded); box-shadow:inset 0 0 20px 0px rgba(238,218,223,0.16); border-radius: 5vw 0 5vw 0;color:rgb(var(--rgb-666)); transition: 0.5s}
.main_about .list figure{width: .61rem; height: .61rem; margin: auto;}
.main_about .list figure img{max-height: 100%; transition: 0.5s}
.main_about .list .sub{padding:.3rem; color: #453657;;background: url(../images/fuhao.png) no-repeat left top}
.main_about .list .title{padding: .1rem 0}
.main_about .list .txt{line-height: 2}
.main_about .list li:hover{transform: translateY(-.2rem)}
.main_about .list li:hover img{transform: rotate(360deg)}
@media(max-width:768px){
.main_about .list{margin-top: -10%}
.main_about .list ul:after{display: none}
.main_about .list li{width:100%; margin: 2% 0}
.main_about .list .sub{background-size: 20px;padding-top: 0}
}

.editor_about .img_logo{width:16%; opacity: 0.04; padding-bottom: .2rem}
.editor_about .common_title{text-align: left; line-height: 1.5; padding-bottom: 3%; overflow: hidden}
.editor_about .info{text-align: justify; line-height: 2}
.editor_about .pic img{width: 100%}
.editor_about .group:nth-child(1) .info .txt{padding-top: 3%}
.editor_about .group:nth-child(2){padding-top: 5%}
.editor_about .group:nth-child(2) .pic img{border-bottom-left-radius: 7vw}
@media(min-width:768px){
.editor_about .group:nth-child(1) .pic{width:42.858%}
.editor_about .group:nth-child(1) .info{order: 2; flex: 1; padding-left: 5%; max-width:670px}
.editor_about .group:nth-child(2) .pic{width:56.286%}
.editor_about .group:nth-child(2) .info{flex: 1; padding-right:8%}
}
@media(max-width:768px){
.editor_about .img_logo{float: left;width: 10%; margin-right:3%;}
}

.main_advantages .common_title {padding-bottom:6%}

.main_advantages .list ul{counter-reset:section 0 subsec 1;}
.main_advantages .list .item{padding:3.5% ; border-top-right-radius:7vw; background: #fcf9fa; box-shadow:inset 0 0 100px 0 #fbf1f2}
.main_advantages .list .item:not(:last-child){margin-bottom:6%}
.main_advantages .list .pic{width: 30.723%; margin-top: -7%}
.main_advantages .list .pic figure{border-top-right-radius:5vw; padding-bottom:66.5% }
.main_advantages .list .info{width:69.277%; padding: 0 4.5%}
.main_advantages .list .title{color: #453657}
.main_advantages .list .title span{position: relative; z-index: 3}
.main_advantages .list .title em{color: #d7d1d9; font-style: normal; position: relative; padding-right: 20px}
.main_advantages .list .title em:before{content:counter(section,decimal-leading-zero);counter-increment:section;}
.main_advantages .list .title em:after{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(-45deg,rgba(252,248,249,1) 40%,rgba(252,248,249,0) 40%); right: 0; bottom: 0}
.main_advantages .list .title em i{position: absolute;transform: rotate(43deg);top: 0;bottom: 0; margin: auto; width: 1px; height: 100%; border-left: dashed 1px #eae6e7;z-index: 5;}
.main_advantages .list .txt{padding-top: 3%; line-height: 2}
@media(max-width:640px){
.main_advantages .list{padding-top: 5%}
.main_advantages .list .pic{width:100%}
.main_advantages .list .info{width: 100%; padding: 4%}
}

.editor_new_model .common_title{text-align: left; line-height: 1.5; padding-bottom: 3%; overflow: hidden}

.editor_new_model .common_title .cn:after{content:''; display: block;margin-top: 40px; width: 50px; height: 2px; background: #b3adbb}
.editor_new_model .info{text-align: justify; line-height: 2}
@media(min-width:768px){
.editor_new_model .pic{width:40.715%}
.editor_new_model .info{order: 2; flex: 1; padding-left: 5%; max-width:620px}
}

.main_standard{background: url("../images/bg_gf.jpg") no-repeat center top; background-size: 100%}
.main_standard .inbox{background: #fff9fb; padding:5% 8.5%; border-radius: 5vw 5vw 0 0}
.main_standard .inbox .title{text-align: center; color: #935175;padding-bottom:4%; border-bottom: solid 1px #e9d7e0}
.main_standard .inbox .title span{position: relative; padding:.2rem .6rem}
.main_standard .inbox .title span:after{content: ''; position: absolute; width:.35rem; height:.59rem; right:0; top:0; background: url("../images/logo_icon2.svg") no-repeat; background-size: contain; opacity: .06}
.main_standard .article{padding: 5% 0}
@media(max-width:768px){
.main_standard .inbox{padding: 2%}
.main_standard .inbox .title span{padding-left: 0}
}

.main_standard .list .title{text-align: left; background: #f6ebee; padding: .2rem; border-top-left-radius:30px}
.main_standard .list .info{padding: 3% 0; line-height: 2}
.main_standard .list ul{padding: 0 .2rem}
.main_standard .list ul li:not(:last-child){margin-bottom: 3%}
.main_standard .logo{text-align: center}
.main_standard .logo img{height: .57rem;}
@media(max-width:768px){
.main_standard .list .title{padding:.1rem .2rem;}
}

.main_life{background: url("../images/bg_life.jpg") no-repeat center bottom; background-size: 100%}
.main_life .article{padding-bottom: 5%}
.main_life .list {padding:0 .8rem;  background: url("../images/line.png") repeat-x left center}
.main_life .list .item{}
.main_life .list .pic {padding: .2rem 0}
.main_life .list .pic figure{padding-bottom: 60%}
.main_life .list .line{position: absolute; width: 2px; height: 100%; left:-.2rem; background: linear-gradient(rgba(218,215,222,1),rgba(218,215,222,0))}
.main_life .list .line:before{content: '';position: absolute;left: 50%; transform: translateX(-50%); width:10px; height:10px; border: solid 1px #4a3b5c; border-radius: 100%;background: #fbf4f6; transition: 0.5s}
.main_life .list .item:hover .line:before{border: solid 5px #935175; width: 15px; height: 15px;}
.main_life .swiper-slide{padding: .25rem;}

.main_life .swiper-button-next{right: -.8rem}
.main_life .swiper-button-prev{left: -.8rem}
.main_life .auto-inner{position: relative}
@media(min-width:640px){
.main_life .swiper-slide:nth-child(odd) .item{margin-bottom: 110%}
.main_life .swiper-slide:nth-child(odd) .line{transform:rotate(180deg)}
.main_life .swiper-slide:nth-child(even) .item{margin-top: 110%}
}
@media(max-width:640px){
.main_life .list{background-position: left top;}
.main_life .swiper{margin-left: -.4rem; margin-right: -.4rem}
}

.pro_group .bg_color{overflow: hidden}
.pro_group:nth-child(odd) {background:linear-gradient(-140deg,#fff9fb,#ffffff 60%,#fefcfd 80%)} 
.pro_group:nth-child(odd) .bg_color{background: linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,1)); border-top-right-radius: 15vw}
.pro_group:nth-child(even) {background:linear-gradient(140deg,#fff9fb,#ffffff 60%,#fff9fb 80%)} 
.pro_group:nth-child(even) .bg_color{background: linear-gradient(-45deg,rgba(255,255,255,0),rgba(255,255,255,1)); border-top-left-radius: 15vw}

.pro_group:nth-child(1){background: #fff}
.pro_group:nth-child(1) .bg_color{background: url("../images/pro_bg_1.jpg") no-repeat center top; background-size: 100%; border-bottom-right-radius:15vw;}

.pro_group:nth-child(2){background:linear-gradient(140deg,#fefcfd,#fff9fb 80%);border-bottom-left-radius: 15vw}

.product_info .imgL{position: absolute;left: 0; width:16.261%}
.product_info .imgR{position: absolute; right: 0; bottom: 0; width:27.643%; z-index: 2}
.product_info .item_info{ position: relative}
.product_info .photo img{width: 100%; border-top-left-radius:4vw}
.product_info .info{color: #fff; position: absolute; width: 100%; text-align: center; padding:1% 3%; top: 50%; transform: translateY(-50%)}
.product_info .info .title span{display:inline-block; line-height: 1}
.product_info .info .title span:after{content: '';display: block; width: 100%;height: .07rem;margin-top: -.04rem; border-radius: 10px;background: linear-gradient(90deg,#773668,#fdb1a8); z-index: -1}
.product_info .info b{font-size:calc(var(--font-size44)); color: #fff}
.product_info .info p{color: #d6cecf}
.product_info .info span{display: inline-block; padding:0 2vw}
.product_info .item_video{position: relative; width:66.732%; margin-top:5%}
.product_info .pic img{width: 100%; border-bottom-right-radius:7vw; position: relative; z-index: 2} 
.product_info .pic:after{content: ''; bottom: -.3rem; right: -.3rem; border: solid 1px #c5a2b6; position: absolute; width: 100%; height: 100%;border-bottom-right-radius:7vw}
.product_info .inbox{padding-left:14%;position: relative; max-width:1230px}
.product_info .play{position: absolute; width:22.755%; padding-bottom:26.522%; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url("../images/play_icon.svg") no-repeat center center; background-size: contain; z-index: 10; cursor: pointer}
@media(max-width:640px){
.product_info .info{position: relative; top: auto; transform:none; margin-top: -.6rem}
.product_info .info b{color: var(--hover-color);font-size:calc(var(--font-size40));}
.product_info .info p{color: #935175}
.product_info .item_video{width: 90%}
}

.product_detail .list{position: relative}
.product_detail .info{width: 50%;max-width:510px;}
.product_detail .info .en{ color: #935175; text-transform: uppercase; line-height: 1.2;padding-top: 5%; display: flex }
.product_detail .info .en span{position: relative;flex: 1}
.product_detail .info .en:after{content: ''; width:.60rem; height: .97rem; right: -.5rem; top:0; background: url("../images/title_icon2.svg") no-repeat right top;background-size: contain}
.product_detail .info .cn{padding: 2% 0}
.product_detail .desc{width: 80%}
.product_detail#modeOne .bg_color{padding-left: .8rem; padding-right: .8rem}
.product_detail#modeOne .list{  width: 94%; max-width: var(--autoWidth);margin: auto}
.product_detail#modeOne .photo{margin-top: -27%}
.product_detail#modeOne .pic figure{border-radius: 20vw 20vw 0 0}
.product_detail#modeOne .item:nth-child(1){width:32.858%}
.product_detail#modeOne .item:nth-child(1) figure { padding-bottom: 70.655%;}
.product_detail#modeOne .item:nth-child(2){width: 48%;padding-bottom: .65rem}
.product_detail#modeOne .swiper-button-prev{left:-7%;}
.product_detail#modeOne .swiper-button-next{right:-7%;}

.product_detail#modeTwo .bg_color{border-radius: 0}
.product_detail#modeTwo .swiper-slide{min-height:47.942vw;background: no-repeat center center; background-size: cover}
.product_detail#modeTwo .info{padding-top: 10%}
.product_detail#modeTwo .bullet-button{position: absolute; width: 100%; bottom:8vw}
.product_detail#modeTwo .bullet-button .auto-inner{position: relative}
.product_detail#modeTwo .swiper-button-prev{left: 0}
.product_detail#modeTwo .swiper-button-next{left: 1rem;right: auto}
.product_detail#modeTwo .swiper-pagination{display: none!important}
@media(min-width:1024px){
.product_detail .info .en{font-size: calc(58/1920*100vw)}
}
@media(max-width:1400px){
.product_detail#modeTwo .info{padding-top: 5%}
}
@media(max-width:1024px){
.product_detail#modeOne .bg_color{padding-left: 0; padding-right: 0}
.product_detail#modeOne .photo{margin-top: -5%}
.product_detail#modeOne .item:nth-child(1){width:45%}
.product_detail#modeOne .swiper-button-prev{left:2%;}
.product_detail#modeOne .swiper-button-next{right:2%;}

.product_detail .info{width: 100%}
.product_detail#modeTwo .info{padding: 5% 0}
.product_detail#modeTwo .bullet-button{width: 30%;right: 0}
}
@media(max-width:768px){
.product_detail .desc{width: 100%}
.product_detail#modeOne .photo{margin-top: 0}
}
@media(max-width:640px){
	.product_detail#modeOne .swiper-button-next,
	.product_detail#modeOne .swiper-button-prev {top:60%; z-index:5;}
	.product_detail#modeTwo .info {width:70%;padding-bottom:0.8rem;}
	.product_detail#modeTwo .swiper-button-prev {left:auto; right:1rem;}
	.product_detail#modeTwo .swiper-button-next {left:auto; right:0.25rem;}
}
.product_principle .list{overflow: hidden}
.product_principle .list ul{margin-left: -1px;}
.product_principle .list li{width: 25%; border-left: solid 1px #efecea;position: relative; z-index: 10}
.product_principle .list li:after{content: ''; position: absolute; width: 100%;padding-top:65.8%; background: no-repeat center top; background-size: 100%; z-index: -1;top: 0}
.product_principle .list li:nth-child(4n+1):after{background-image: url("../images/yuanli_bg1.jpg")}
.product_principle .list li:nth-child(4n+2):after{background-image: url("../images/yuanli_bg2.jpg")}
.product_principle .list li:nth-child(4n+3):after{background-image: url("../images/yuanli_bg3.jpg")}
.product_principle .list li:nth-child(4n+4):after{background-image: url("../images/yuanli_bg4.jpg")}
.product_principle .list .tit{height: 130px;text-align: center; color: #453657}
.product_principle .list .pic{width:70.44%; margin: auto;}
.product_principle .list .pic figure{padding-bottom:70.735%; border-radius: 10vw}
.product_principle .list .ying{padding:12% 0; background: url("../images/ying.png") no-repeat center center;}
.product_principle .list .desc{padding: 2% 6%; position: relative}
@media(min-width:1024px){
.product_principle .list li:nth-child(4n+1):after{border-top-left-radius: 5vw}
.product_principle .list li:nth-child(4n+4):after{border-bottom-right-radius: 5vw}
}
@media(max-width:1024px){
.product_principle .list li{width: 50%;padding-bottom: 5%}
.product_principle .list li:nth-child(2n+1):after{border-top-left-radius: 5vw}
.product_principle .list li:nth-child(2n+2):after{border-bottom-right-radius: 5vw}
}

.product_oils .bg_color{background: linear-gradient(#ffffff,#fff9fb)!important;border-bottom-right-radius: 15vw;padding-left: .7rem; padding-right: .7rem}
.product_oils .item{align-items: flex-start}
.product_oils .photo{ width:57.143%; position: relative; padding-bottom: 10%}
.product_oils .photo img{width: 100%}
.product_oils .photo .pic:nth-child(1) img{border-top-left-radius: 5vw}
.product_oils .photo .pic:nth-child(2){position: absolute; width:40%; right: -18%; bottom:0}
.product_oils .detail{width:35%; max-width: 440px;}
.product_oils .sub{padding: .1rem 0}
.product_oils .desc{width: 86%; color: rgb(var(--rgb-666))}
.product_oils .desc p:not(:last-child){margin-bottom: .2rem}
.product_oils .ul{padding-top: 20%}
.product_oils .ul a{border: solid 1px #e9d7e0; border-radius: 0 3vw 0 3vw; padding: .2rem; cursor: pointer}
.product_oils .ul .pic{width:42.715%;margin-top: -14%}
.product_oils .ul .pic figure{padding-bottom:141.18%; border-radius: 0 3vw 0 3vw; }
.product_oils .ul .info{width: 45%;padding-top: 4%; padding-bottom: 2%}
.product_oils .ul h4{margin-bottom: .1rem}
.product_oils .ul .txt{line-height: 24px; height: 96px; color: rgb(var(--rgb-666))} 
.product_oils .ul span{color: #935175; text-decoration: underline}
.product_oils .list{ position: relative;}
.product_oils .swiper-button-prev{left: -7%}
.product_oils .swiper-button-next{right: -7%}
@media(max-width:1024px){
.product_oils .bg_color{padding-left: 0; padding-right: 0}
.product_oils .photo{ width:86%}
.product_oils .detail{width: 100%; max-width: inherit}
.product_oils .ul{padding-top: 20%; max-width: 440px;}
.product_oils .swiper-button-prev{left: 30%}
.product_oils .swiper-button-next{right: 30%}
.product_oils .swiper-button-next,
.product_oils .swiper-button-prev{top: 100%}
}
@media(max-width:640px){
.product_oils .ul{max-width: inherit}
.product_oils .ul .info{width: 53%;}
.product_oils .list {margin-bottom:0.3rem; padding-bottom:0.6rem;}
}

.product_applet {background:linear-gradient(-45deg,#ffffff 30%,#fff9fb)!important}
.product_applet .common_title{text-align: left}
.product_applet .article{color: rgb(var(--rgb-666));line-height: 2.4}
.product_applet .info{width: 60%}
.product_applet .photo{width: 44%}
.product_applet .photo img{width: 100%; border-bottom-right-radius: 6vw}
@media(max-width:768px){
.product_applet .info,
.product_applet .photo{width:100%}
.product_applet .photo{padding-top: 5%}
}

.product_mentor{background: none!important}
.product_mentor .bg_color{background:linear-gradient(#ffffff 30%,#fff9fb)!important;border-bottom-left-radius: 15vw;}
.product_mentor .ul:after{content: ''}
.product_mentor .ul:after,
.product_mentor .ul li{width:31.4288%}
.product_mentor .ul a{border: solid 1px #e9d7e0; border-radius: 0 3vw 0 3vw; padding: .2rem; cursor: pointer}
.product_mentor .ul .pic{width:42.715%;margin-top: -14%}
.product_mentor .ul .pic figure{padding-bottom:141.18%; border-radius: 0 3vw 0 3vw; }
.product_mentor .ul .info{width: 45%;padding-top: 4%; padding-bottom: 2%}
.product_mentor .ul h4{margin-bottom: .1rem}
.product_mentor .ul .txt{line-height: 24px; height: 96px; color: rgb(var(--rgb-666))} 
.product_mentor .ul span{color: #935175; text-decoration: underline}
.product_mentor .ul .two{width: 65.7144%;border-radius: 0 3vw 0 3vw; }
.product_mentor .ul .two a{border-right-color: #fff;border-top-right-radius: 0}
.product_mentor .ul .two .box{width:47.856%;}
.product_mentor .ul .other{width: 52.144%; padding: .2rem;border: solid 1px #e9d7e0; border-top-right-radius: 3vw; border-left: none}
.product_mentor .ul .other .info{width: 53%;padding-left:10%; border-left: solid 1px #e9d9e1}
.product_mentor .ul .other .icon{width: 34.27%; display: flex; align-items: center}
.product_mentor .ul .other .icon img{width: 100%}
@media(min-width:1024px){
.product_mentor .ul li:nth-child(3) ~ li{margin-top:7%}
}
@media(max-width:1024px){
.product_mentor .ul:after{display: none}
.product_mentor .ul li{width:48%;margin-top:7%}
.product_mentor .ul .two{width: 100%}
}
@media(max-width:640px){
.product_mentor .ul li{width:100%}
.product_mentor .ul li:nth-child(odd) .pic{order: 2}
.product_mentor .ul .info{width:53%;}
.product_mentor .ul .two .box,
.product_mentor .ul .other{width: 100%}
.product_mentor .ul .two a{border-right-color: #e9d7e0;border-bottom: none;border-radius: 0 3vw 0 0}
.product_mentor .ul .other{border-left: solid 1px #e9d7e0;border-top: none;border-radius: 0 0 0 3vw}
.product_mentor .ul .other .info{border-left: none; padding-left: 0; width: 60%}
}

.product_honor .list{margin-bottom: -4%; padding-bottom: 4%; position: relative;background: url("../images/pro_bg_honor.jpg") no-repeat center bottom!important; background-size: 100%!important}
.product_honor .pic{margin-bottom: .2rem;}
.product_honor .pic figure{height:20vw; display: flex; justify-content: center; align-items: flex-end;position: relative; padding: 0 50px}
.product_honor .pic figure:before,
.product_honor .pic figure:after{content: '';position: absolute;bottom: 0; width:50px;height: 50px; }
.product_honor .pic figure:before{left:0; background: url("../images/honor_bg_L.png") no-repeat right bottom}
.product_honor .pic figure:after{right:0;background: url("../images/honor_bg_R.png") no-repeat left; bottom: }
.product_honor .pic img{max-height:95%;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.product_honor .txt{text-align: center; width: 70%; margin: auto; line-height: 24px; height:48px;}
.product_honor .swiper-pagination{position: relative; bottom: auto}
@media(max-width:1024px){
.product_honor .pic figure{height:30vw;}
}
@media(max-width:768px){
.product_honor .pic figure{height:50vw;}
}
@media(max-width:640px){
.product_honor .list {margin-bottom: auto}
.product_honor .pic {text-align: center}
.product_honor .pic figure{height:auto;display: inline-block;}
.product_honor .pic img{max-height: 4rem}
}

.product_scenes { background:#fff9fb!important;}
.product_scenes .bg_color{background: #fff!important; border-top-left-radius: 0!important; border-top-right-radius: 15vw;}
.product_scenes .list{position: relative}
.product_scenes .pic img{width: 100%; border-radius: 5vw 0 5vw 0}
.product_scenes .swiper-pagination{bottom: -40px!important}

.show_detail {position: fixed; width: 100%; height: 100%; top: 0; z-index: 200; background: rgba(0,0,0,.3)}
.show_detail .inner{width: 96%; max-width: 780px;position: relative}
.show_detail .detail{background: #ffffff; padding:5%; border-radius: 0 5vw 0 5vw; }
.show_detail .mentor .pic{width:41.668%}
.show_detail .mentor .pic img{width: 100%; border-radius: 0 5vw 0 5vw; }
.show_detail .mentor .info{width: 52%; padding: 3% 0}
.show_detail .mentor .txt {color: #453657; padding: .2rem 0}
.show_detail .mentor .desc{max-height: 240px; line-height: 24px; overflow-y: auto}

.show_detail .close::before,
.show_detail .close::after{ background:#453657;}
@media(min-width:1024px){
.show_detail .close{right: .44rem; top.44rem}
.show_detail .detail{padding: 10%}
}

.sitemap li{padding: 1.2% 0; border-bottom: solid 1px #fff9fb}
.sitemap .sub{padding-top: 1%}
.sitemap .sub span{padding-right:2vw; display: inline-block}

.weblink{margin-left: -1.5%; margin-right: -1.5%}
.weblink li{width:25%; padding: 1.5%}
.weblink li a{display: block; border: solid 1px #fff9fb; box-shadow: 0 0 10px #fff9fb; padding: .2rem; border-radius: 0 3vw 0 3vw}
.weblink .pic figure{padding-bottom: 50%}
.weblink .pic figure img{ -webkit-transform:scale(.9);transform:scale(.9)}
.weblink .txt{padding: .2rem 0; text-align: center}
.weblink .item:hover figure img{ -webkit-transform:scale(1);transform:scale(1)}
@media(max-width:1200px){
.weblink li{width:20%;}
}
@media(max-width:960px){
.weblink li{width:33.333%;}
}
@media(max-width:640px){
.weblink li{width:50%;}
}

/*index start*/
.ind_banner{position: relative}
.ind_banner .box{position: absolute; width: 100%; top: 50%; transform: translateY(-50%)}
.ind_banner .info{width: 60%; color: #fff;}
.ind_banner .info :where(h3,p,.more_a){opacity:0;transform:translateX(1rem);transition:0.5s}
.ind_banner h3{transition-delay:0.5s; line-height: 1.5}
.ind_banner h3 span{display: block;}
.ind_banner .desc{padding: 4% 0}
.ind_banner p{transition-delay:0.8s}
.ind_banner .more_a{transition-delay:1.2s}
.ind_banner .pic img{width: 100%}
.ind_banner .swiper-slide-active .info :where(h3,p,.more_a){opacity:1;transform:translateX(0)}
@media(min-width:1024px){
.ind_banner .wap{display: none}
.ind_banner .swiper-pagination{width: auto!important; left: auto!important; right: 10%; top:50%; margin: auto; filter: brightness(0) invert(1);}
.ind_banner .swiper-pagination-bullet{display: block; margin: 20px 0!important}
}
@media(max-width:1024px){
.ind_banner .pc{display: none}
.ind_banner .info{width: 80%}
.ind_banner .desc{display: none}
}

.ind_title{text-align: center; color: #453657; padding: 4% 0; position: relative; z-index: 5}
.ind_title h3 span{position: relative}
.ind_title h3 span:after{content: ''; display: block; position: absolute; width:.59rem; height: .96rem; right: -.5rem; top: -.6rem; background: url("../images/title_icon.svg") no-repeat right top;}
.ind_title p{opacity: 0.3; padding-top: .1rem}

.ind_main{position: relative}
.ind_main:after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; background: url("../images/plane_line.png") no-repeat center top}

.ind_product{position: relative; padding-top:1.5%; padding-bottom:12.36%; background: url("../images/ind_bg1.jpg") no-repeat center center; background-size: 100% 100%}
.ind_product .swiper{margin-left: -3%; margin-right: -3%; padding: 0 1.5%}
.ind_product .swiper-slide{padding:0.865%}
.ind_product .item {display: block; max-width: 3.28rem; margin: auto}
.ind_product .pic{position: relative}
.ind_product .pic figure{padding-bottom: 115.855%; background:#f3e2e8 url("../images/ind_pro_imgbg.jpg") no-repeat center center; background-size: 100% 100%; box-shadow: -12px 12px 30px 0px rgba(0,0,0,0.16); border-radius: 8vw 8vw 0 0}
.ind_product .pic img{height: 86.316%; -webkit-transform:scale(0.91462);transform:scale(0.91462) translateY(10%);}
.ind_product .icon,
.ind_product .icon:before{position: absolute; width: .6rem; height: .6rem;background: #fff;left: 0; right: 0; bottom: -.3rem;margin: auto; border-radius: 100%; z-index: 10}
.ind_product .icon:before{content: '';width: 30%; height: 30%; bottom:0;top:0;background:url("../images/btn-next.svg") no-repeat center center; background-size:contain;filter: grayscale(100%) brightness(100%); }
.ind_product .txt{padding-top: 15%}
.ind_product .logo{text-align: center; padding: 5% 0}
.ind_product .logo img{height: .7rem}
.ind_product p{text-align: center}
.ind_product .item:hover figure img{-webkit-transform:scale(1);transform:scale(1)}
.ind_product .item:hover .icon{background: #935175}
.ind_product .item:hover .icon:before{filter: grayscale(100%) brightness(1000%); }
.ind_product .center{justify-content: center;}

.ind_news{ padding-top:1.5%; background: url("../images/ind_bg2.jpg") no-repeat center center; background-size: 100% 100%}
.ind_news .list{margin-left: -2%; margin-right: -2%;position: relative;}
.ind_news .swiper-slide{padding:20px 2%;}
.ind_news .item{padding-bottom:.48rem;display: block; position: relative; max-width:4.2rem}
.ind_news .pic figure{padding-bottom:85.715%; border-radius: 0 0 2vw 0;box-shadow: 0 12px 13px rgba(147,81,117,0.07);}
.ind_news .txt h4{margin: .1rem 0}
.ind_news .txt time,
.ind_news .txt p{color:rgb(var(--rgb-666));}
.ind_news .txt p{margin-bottom: -.4rem;position: relative; opacity: 0; transition: 0.5s}
.ind_news .txt{position: absolute; width:90%;padding:6%; margin: auto; left: 0; right: 0; bottom: 0;background: #fff;border-radius: 0 0 2vw 0; box-shadow: 0 12px 13px rgba(147,81,117,0.07);transition: 0.5s;}
.ind_news .txt:after{content: '';position: absolute;left: -.1rem; bottom: -.1rem; width: 100%; height:calc(100% + .1rem); border-radius: 0 0 2vw 0;border-left: solid 1px rgba(147,81,117,0.2); border-bottom: solid 1px rgba(147,81,117,0.2); transition: 0.5s}
.ind_news .item:hover .txt{padding: 7% 6%}
.ind_news .item:hover .txt p{margin-bottom: 0; opacity: 1}
.ind_news .more_a{text-align: center;padding-top: 5%; padding-bottom:6.372%}
.ind_news .more_a a{text-align: left}
.ind_news .swiper-pagination{position: relative;bottom: auto; padding-top: 3%}
@media(max-width:768px){
.ind_news .pic figure{border-radius: 6vw}
.ind_news .item{max-width: inherit}
}

.ind_about{position: relative}
.ind_about .photo{position: absolute; width: 100%; height: 100%; top: 0;display: flex; justify-content: flex-end}
.ind_about .photo:before{content: ''; position: absolute; width: 100%; height: 100%; background: url("../images/ind_bg3.png") no-repeat center center; background-size: 100% 100%; z-index: 5}
.ind_about .photo .pic{width:50.625%;; position: relative}
.ind_about .photo figure{height: 100%}
.ind_about .photo img{width: 100%; height: 100%; position: absolute;object-fit: cover; -o-object-fit: cover;}
.ind_about .auto-inner{position: relative; z-index: 10; padding-top:7%; padding-bottom:11%}
.ind_about .iconlogo{position: absolute; width:16.215%; right:44%; bottom:8%;}
.ind_about .ind_title{text-align: left}
.ind_about .tit span{display:inline-block; line-height: 1}
.ind_about .tit span:after{content: '';display: block; width: 100%;height: .06rem;margin-top: -.04rem; border-radius: 10px;background: linear-gradient(#feb2a8,#c9828f)}
.ind_about .detail{width: 44%; line-height: 2;;padding-top:2.538%}
.ind_about .info{padding-top: 5%; padding-bottom: 10%;}
@media(max-width:768px){
.ind_about {background: #fff2f5}
.ind_about .detail{width: 100%}
.ind_about .photo{position: relative;height: 60vw; margin-top: -40%}
.ind_about .iconlogo{bottom: 0}
}

.ind_column{padding-top: 4%; padding-bottom:6.5%; background: #fff2f5 }
.ind_column .list{counter-reset:section 0 subsec 1; position: relative; z-index: 5}
.ind_column .item{flex: 1; transition: 0.5s;}
.ind_column .pic figure{padding-bottom:34.4795vw}
.ind_column .txt{position: absolute;width: 70%; bottom:12%; right: 10%; color: #fff; display: flex; flex-wrap: wrap; align-items:center}
.ind_column .txt em{font-style: normal; opacity: 0.7; position: absolute;left:-.6rem;top:.1rem; line-height: 1;}
.ind_column .txt em:before{content:counter(section,decimal-leading-zero);counter-increment:section;}
.ind_column .txt span{width: 1px;padding-bottom:50px; transform: rotate(30deg); background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,1),rgba(255,255,255,0.1))}
.ind_column .txt h4{padding-left: .3rem}
.ind_column .txt p{padding-left: .3rem; width: 100%}
.ind_column .item.show{flex: 3.6; width: 80%}
@media(max-width:768px){
.ind_column .txt{width: 80%}
.ind_column .txt h4{font-size:calc(var(--font-size20)); padding-left: .05rem; width: 100%}
.ind_column .txt p{padding-left: .05rem;font-size:calc(var(--font-size16));  }
.ind_column .txt em{left:9%}
.ind_column .txt span{transform: rotate(0deg);}
.ind_column .pic figure{padding-bottom:40vw}
.ind_column .item.show{flex: 2}
}
/*index end*/