@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: .35rem;}
header .other{}
menu{width: 100%}
menu ul{gap: 8vw;}
menu li{position: relative}
menu li span{display: block;position: relative;}
menu li.aon span a{color: var(--hover-color)}
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 img.wap{display: none}
.slide_banner figure img.wap{display: none}
}
@media(max-width:1024px){
.inside_banner img.pc{display: none}
.slide_banner img.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));}
.inside_banner .pic img{height: 1.83rem;object-fit: cover;}
}



footer{background:linear-gradient(90deg,#e796a7,#f2b8b1);}
footer,
footer a{color:#fff}
footer .box1{padding:8.5% 0}
footer .column{width: 70%}
footer .column dt{padding-bottom:.4rem}
footer .column dd span{display: block;padding: .1rem 0}
footer .other{width: 22.14285714285714%}
footer .other ul li{width:21.7%; text-align: center}
footer .other ul li p{padding-top: .1rem}
footer .logo{padding-bottom: .6rem;}
footer .tel{padding: .05rem 0}
footer .tel a{color: #fff}
footer .tel b{display: block;}
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:1200px){
footer .tel b{font-size:calc(var(--font-size26));}
}
@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%;display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: .3rem;}
footer .logo{width: 30%;}
footer .tel b{font-size:calc(var(--font-size36));}
}
@media(max-width:640px){
footer .column{display: none}
footer .logo{width: 60%;margin: 0 auto; padding-bottom: .1rem;}
footer .tel {font-size:calc(var(--font-size24)); width: 100%;}
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;}
}
@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 .box{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; 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 112% 140%; background-size: 26.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 .article img{ height:auto !important;}
.news_info video{width: 100%!important; height: auto!important;}
.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}
}


.video-container{position: relative; max-width: 100%;}
.video-container .video-cover{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.video-container .video-cover .play-icon{width: 64px; height: 64px; border-radius: 50%; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; transition: transform 0.3s;}
.video-container .video-cover .play-icon span{width: 0; height: 0; border-left: 20px solid #000; border-top: 14px solid transparent; border-bottom: 14px solid transparent; margin-left: 6px;}

.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%; padding-bottom:0}

.main_about .article{line-height: 2}

.main_about .photo{padding-top: 4%}
.main_about .photo img{width: 100%}
.main_about .group_item .list{text-align: center; padding:1%;margin-top: -23%}
.main_about .group_item  .list ul:after,
.main_about .group_item  .list li{width: 31.342%}
.main_about .group_item  .list ul:after{content: '';}
.main_about .group_item  .list li{margin:0.8%; padding: 3.9% 3.5%;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 .group_item  .list figure{width: .61rem; height: .61rem; margin: auto;}
.main_about .group_item  .list figure img{max-height: 100%; transition: 0.5s}
.main_about .group_item  .list .sub{padding:.3rem; color: #453657;;background: url(../images/fuhao.png) no-repeat left top}
.main_about .group_item  .list .title{padding: .1rem 0}
.main_about .group_item  .list .txt{line-height: 2}
.main_about .group_item  .list li:hover{transform: translateY(-.2rem)}
.main_about .group_item  .list li:hover img{transform: rotate(360deg)}
@media(max-width:768px){
.main_about .group_item  .list{margin-top: -10%}
.main_about .group_item  .list ul:after{display: none}
.main_about .group_item  .list li{width:100%; margin: 2% 0}
.main_about .group_item  .list .sub{background-size: 20px;padding-top: 0}
}

.editor_about .group{padding-bottom: 7.142857142857143%;}
.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{padding: 1.179%;background: url(../images/zhenshu_imgbg.jpg) no-repeat center center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center;}
.editor_about .pic img{width: 100%}
@media(min-width:768px){
.editor_about .pic{width:48.21428571428571%;}
.editor_about .info{width: 45%;}
.editor_about .group:nth-child(odd) .info{order: 2;}
}
@media(max-width:768px){
.editor_about .img_logo{float: left;width: 10%; margin-right:3%;}
}

.expert_list {padding-bottom:0}
.expert_list .swiper{margin-bottom: .5rem;}
.expert_list .swiper-slide{border: solid 1px #efe3e8}
.expert_list .item{padding: 10%;}
.expert_list .pic{position: relative; max-width: 1.78rem; margin: auto;}
.expert_list .pic figure{padding-bottom: 100%; display: flex; justify-content: center; align-items: flex-end;position: relative; background: url(../images/expert_yuan.svg) no-repeat center center; background-size: 100% 100%;}
.expert_list .pic img{width: 82.03%;height:82.03%; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 100%;}
.expert_list .txt{text-align: center; line-height: 36px;}
.expert_list .txt h4{color: #453657; margin: .3rem 0;}
.expert_list .swiper-pagination{position: relative; bottom: auto}


.about_honor{padding-bottom:0}
.about_honor .bg{position: relative;margin-top:-1.07rem ;height: 2rem;background-size: 100% 100%; background: url("../images/honor_bg.jpg") no-repeat center top;}
.about_honor .bg:before,
.about_honor .bg:after{content: '';position: absolute;top: 0; width:1rem; height: 100%; background: url("../images/honor_bg.jpg") no-repeat}
.about_honor .bg:before{left: -.2rem;background-position: left top;}
.about_honor .bg:after{right: -.2rem;background-position: right top;}
.about_honor .pic{ max-width: 2.21rem; margin: auto;}
.about_honor .pic figure{padding: 11px;background: url(../images/honor_imgbg.jpg) no-repeat center center; background-size: 100% 100%;}
.about_honor .pic img{display: block;}
.about_honor .txt{text-align: center; width: 70%; margin: auto; line-height: 24px; height:72px; margin-top: .35rem;}
.about_honor .swiper{margin: 0 8%;}
.about_honor .swiper-wrapper{align-items: flex-end;}
.about_honor .swiper-slide{display: flex; align-items: flex-end; justify-content: center;}
.about_honor .swiper-pagination{position: relative; bottom: auto}
.about_honor  .swiper-button-next,
.about_honor  .swiper-button-prev{top:60%}


.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-radius:0 1rem 0 1rem; 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-radius:0 1rem 0 1rem; 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:42.57142857142857%}
.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; position: relative}
.main_life .list .pic figure{padding-bottom: 60%; z-index: 10;}
.main_life .list .pic:after{content: ''; position: absolute; width: 100%; top: 10px; right: -10px; height: calc(100% - 40px); border: solid 1px #935175; border-top-right-radius: .2rem;opacity: 0; transition: 0.5s;}
.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 .list .item:hover .pic:after{opacity: 1;}

.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:1024px){
.main_life .article.max{width: 85%; margin: 0 auto;}
}
@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: -12%;bottom: -.4rem;width: 19.343%;}
.product_info .imgR{position: absolute;right: 9%;top: 0;width: 32.98%;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;margin-top:5%;padding-left: .6rem; overflow:hidden}
.product_info .item_video .shipin{position: relative;width: 72.535%;}
.product_info .pic{padding-bottom:.3rem;position: relative;}
.product_info .pic img{width: 100%; border-bottom-right-radius:7vw; position: relative; z-index: 2} 
.product_info .pic:after{content: ''; bottom: 0; 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:1024px){
.product_info .inbox{padding-left:0;}
.product_info .item_video .shipin{width:80%}
.product_info .imgR{right:0}
.product_info .pic{padding-bottom:.2rem;}
.product_info .pic:after{right: -.2rem; }
}
@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_detail .list{position: relative}
.product_detail .info{width: 50%;max-width:510px; min-height:4.2rem}
.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{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 .auto-inner{width:100%}
.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 .list .swiper-pagination{padding:.1rem 0; bottom:-.1rem;}
.product_detail#modeOne .photo{margin-top: -22%}
.product_detail#modeOne .pic figure{border-radius: 25vw 25vw 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}
.product_detail .info{min-height:auto}
}
@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:50%;padding-bottom:0.8rem;}
.product_detail#modeTwo .info .en{ font-size:calc(var(--font-size28));}
.product_detail#modeTwo .info .cn{ font-size:calc(var(--font-size18));}
.product_detail#modeTwo .info .sub{ font-size:calc(var(--font-size16));}
.product_detail#modeTwo .swiper-button-prev {left:auto; right:1rem;}
.product_detail#modeTwo .swiper-button-next {left:auto; right:0.25rem;}
.product_detail#modeOne .list .swiper-pagination{ padding:.15rem 0;}
}
.product_principle .list{overflow: hidden}
.product_principle .list li{border: solid 1px #efecea;position: relative; z-index: 10;border-radius: 5vw 0 5vw 0; overflow: hidden; height: auto; padding-bottom: .5rem; }
.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}

.product_component .list ul{gap: .4rem;}
.product_component .list li{width: calc((100% - 2*.4rem)/3);}
.product_component .list li .pic figure{padding-bottom:66.59090909090909%; border-radius: .4rem 0 .4rem 0;}
.product_component .list li .tit{text-align: center; padding-top: .2rem;}
@media(max-width:768px){
.product_component .list ul{gap: .2rem;}
.product_component .list li{width: calc((100% - 1*.2rem)/2);}
}

.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: 36%}
.product_applet .photo{width:50%}
.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:48.57142857142857%}
.product_mentor .ul li{border: solid 1px #e9d7e0; height: 100%; border-radius: 0 3vw 0 3vw; padding: .2rem;}
.product_mentor .ul a{ cursor: pointer}
.product_mentor .ul .pic{width:26.648%;margin-top: -.4rem;}
.product_mentor .ul .pic figure{padding-bottom:141.18%; border-radius: 0 3vw 0 3vw; }
.product_mentor .ul .info{width:67%;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));overflow: hidden;} 
.product_mentor .ul span{color: #935175; text-decoration: underline}
.product_mentor .ul .two{border-radius: 0 3vw 0 3vw; }
.product_mentor .ul .two a{border-right-color: #fff;border-top-right-radius: 0;width: 100%;}
.product_mentor .ul .two .box{flex: 1;}
.product_mentor .ul .two .pic{width: 1.78rem;}
.product_mentor .ul .two .info{flex: 1;padding: 0 0.15rem 0 0.3rem;width: auto;}
.product_mentor .ul .two .other{width:34%;border-left: solid 1px #e9d9e1}
.product_mentor .ul .two .other .desc{padding-left:10%; }
.product_mentor .ul .two .other .icon{width: 34.27%; margin: auto;}
.product_mentor .ul .two .other .icon img{width: 100%}
@media(min-width:1024px){
.product_mentor .ul li:nth-child(2) ~ li{margin-top:7%}
}
@media(max-width:1024px){
.product_mentor .ul:after{display: none}
.product_mentor .ul li{width:48%;margin-top:7%}
}
@media(max-width:640px){
.product_mentor .ul li{width:100%}
.product_mentor .ul li:nth-child(odd) .pic{order: 2}
.product_mentor .ul .two .box,
.product_mentor .ul .two .other{width: 100%}
.product_mentor .ul .two .other{border-left: none;border-top: solid 1px #e9d9e1; margin-top: .2rem; padding-top: .2rem;}
.product_mentor .ul .two .other .desc{padding-left: 0;}
.product_mentor .ul .two .other .txt{height:auto; padding-bottom: .2rem;}
}

.product_honor{background: linear-gradient( #ffffff, #fff9fb)!important;}
.product_honor .swiper-wrapper{align-items: flex-end;}
.product_honor .list{ padding-bottom: 4%; position: relative;background: url("../images/pro_bg_honor.png") no-repeat center bottom; background-size: 100%}
.product_honor .item{width: 90%;max-width:2.67rem;margin: auto; }
.product_honor .pic{margin-bottom:.8rem;padding: .2rem;border-radius:5px;background: url(../images/honor_picbg.jpg) no-repeat center center; background-size: 100% 100%;-webkit-box-reflect: below 1px -webkit-linear-gradient(transparent,transparent 95%,rgba(0,0,0,.4));}
.product_honor .pic figure{position: relative;}
.product_honor .swiper-pagination{bottom:-0.6rem;}
/* .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{width: 100%; /*position: absolute;height: 100%; object-fit: cover; -o-object-fit: cover;}
.product_honor .txt{text-align: center;  line-height: 24px; height:48px;}
/*
@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 .pad_tb80{ padding-bottom:1rem;}
.product_honor .list {margin-bottom: auto}
.product_honor .list .txt{ height:4em;}
.product_honor .pic {text-align: center; margin-bottom:0.1rem}
.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%;}
}

.main_other{background: url("../images/bg_other.jpg") no-repeat center bottom; background-size: 100%}


.social_list li:not(:last-child){padding-bottom: 7.142857142857143%;}
.social_list li .item{position: relative;}
.social_list .pic{width: 100%;position: relative;padding-right: 2.5%;padding-bottom: 0.2rem;overflow: hidden;}
.social_list .pic figure{ padding-bottom: 56.33333333333333%; border-radius: 0.2rem;position: relative;z-index: 10;}
.social_list .pic figure img{transform: scale(1) !important;}
.social_list .pic:before,.social_list .pic:after{padding-bottom:60.76923077%;border-radius:0.2rem;content:'';display:block;position:absolute;bottom:0;background-color:#e6f0f6;}
.social_list .pic:before{width:80.76923077%;left:6.73076923%;}
.social_list .pic:after{width:86.53846154%;left:3.84615385%;bottom:0.1rem;background-color:#cde1ec;}

.social_list .swiper{overflow: visible;}
.social_list .controls{width:1.02rem;position:relative;margin-top:0.25rem;}
.social_list .controls:before{content:'';display:block;position:absolute;left:50%;background-color:#333333;opacity:0.2;width:0.01rem;height:0.12rem;top:50%;margin:-0.06rem 0 0 -0.005rem;}
.social_list .arrow{width:0.12rem;background:no-repeat center center;background-size:contain;filter:invert(1) brightness(0);opacity:0.3;cursor:pointer;}
.social_list .arrow:after{display:block;content:'';padding-bottom:166.66666667%;}
.social_list .arrow:hover{opacity:1;filter:invert(0);}
.social_list .prev{background-image:url(../images/swiper_prev_02@2x.png);}
.social_list .next{background-image:url(../images/swiper_next_02@2x.png);}

.social_list .info{width: 100%; padding: 2% 0;}
.social_list .title{color: #453657; margin-bottom: .2rem; font-weight: 500;}
.social_list .txt{ color: #666666; line-height: 2;}
@media(min-width:640px){
.social_list ul{background: url(../images/line2.png) repeat-y center center;}
.social_list li .item:before{content: '';position: absolute;right:calc( 50% - 2px); top:50%; transform: translateY(-50%); width:36px;height: 14px; background: url(../images/line2_show.png);}
.social_list .pic{width: 42.85714285714286%;}
.social_list .info{width: 42.85714285714286%;}
}


/*index start*/
.ind_banner{position: relative}
.ind_banner .link{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.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 .more_a a:not(:hover){background: none;text-indent:0; width: 1.4rem}
.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{ 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:29.86%; 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 .swiper-slide:not(.swiper-slide-visible){opacity: 0}
.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:url("../images/ind_pro_imgbg.png") no-repeat center center; background-size: 100% 100%; box-shadow: -10px 10px 30px 0px rgba(0,0,0,0.16); border-radius: 164px 164px 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,
.ind_product .icon:after{position: absolute; width: .6rem; height: .6rem;background: #fff;left: 0; right: 0; bottom: -.3rem;margin: auto; border-radius: 100%; z-index: 10; transition: 0.5s}
.ind_product .icon:after{content: '';width: 16.68%; height: 16.68%; bottom:0;top:0;background: #935175; opacity: 0.4}
.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(1000%); opacity: 0; z-index: 11}

.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{}
.ind_product .item:hover .icon:before{opacity: 1 }
.ind_product .item:hover .icon:after{width: 100%; height: 100%; }
.ind_product .center{justify-content: center;}
.ind_product .swiper-pagination{position: relative; padding-top: 40px; bottom: auto}

.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;background: url("../images/ind_bg3.jpg") no-repeat center top; background-size:cover;}
.ind_about .photo{position: absolute; width:50.625%; height: 100%; top: 0;display: flex; justify-content: flex-end; right: 0;-webkit-mask-image: url("../images/video_bg.svg");-webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat;z-index: 10;}
.ind_about .photo .pic{width:100%; 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}
}
@media(max-width:640px){
.ind_about{ overflow:hidden}
.ind_about .photo{position:relative;height:60vw; margin-top:-30%; float:right;}
}

.ind_column{padding-top: 4%; padding-bottom:6.5%; margin-top: -23%; background: #fff8f7 url("../images/ind_bg4.png") no-repeat right bottom ; background-size: 23.59375%}
.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 .txt i{position: absolute; right: 0; opacity: 0; font-style: normal}
.ind_column .item.show{flex: 3.6; width: 80%}
.ind_column .item.show i{opacity: 1}
@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*/