@media(min-width:1200px){
::-webkit-scrollbar{width:8rem; height:8rem; background:#fff;}
::-webkit-scrollbar-thumb{background:#c42136;}
::-webkit-scrollbar-track-piece{width:8rem; height:8rem;}
}

*,
*:before,
*:after{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{outline:none; font-family:Arial, Helvetica, 'Microsoft YaHei';}
*::-webkit-input-placeholder{color:#181818; opacity:.68;}
*::-moz-input-placeholder{color:#181818; opacity:.68;}
*::-ms-input-placeholder{color:#181818; opacity:.68;}

html{width:100%; height:100%; font-size:6.25%; line-height:1.75;}
body{margin:0; width:100%; height:100%; word-wrap:break-word; word-break:break-all; background:#fff; font-size:14rem; color:#181818;}
[hide]{display:none !important;}

dir,ul,ol,li{margin:0; padding:0; list-style:none;}
form{margin:0; padding:0;}
p,dl,dt,dd{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;}

img{border:none;}
p>img{max-width:100%;}
ins{text-decoration:none;}
a{text-decoration:none; transition:.3s; color:#181818;}
a:hover{color:#c42136;}
a[button]:not([button="none"]){padding:7rem 32rem; color:#fff; border-radius:5rem; display:inline-block; font-size:15rem; box-shadow:0 0 8rem #c4213666; background:#c42136;}
a[button]:not([button="none"]):hover{background:rgb(37,74,209);}
@media(max-width:767px){
a[button]:not([button="none"]){padding:3rem 16rem; font-size:14rem; box-shadow:0 0 5rem #c4213666;}
}

table,tbody{width:100%; border-collapse:collapse;}
tr{background:#fff; transition:.3s;}
tr:hover{background:#eff2ff;}
th,td{border:1rem solid #e7e9f5; padding:10rem; text-align:left;}

h6.alert{position:fixed; top:0; left:0; right:0; z-index:8888888; opacity:0; user-select:none; pointer-events:none; text-align:center; background:none !important;}
h6.alert.on{top:20px; opacity:1; transition:0.3s;}
h6.alert>b{display:inline-block; font-weight:normal; position:relative; padding:13px 20px 13px 48px; text-align:left; max-width:500px; background:#fff; border:1px solid #e4e7ed; box-shadow:0 0 12px rgba(0,0,0,.12); border-radius:6px; font-size:14px; line-height:22px; }
h6.alert>b:before{position:absolute; top:14px; left:16px; font-family:'FontAwesome'; content:"\f128"; width:20px; height:20px; border-radius:50%; line-height:20px; text-align:center; background:#d8d8d8; color:#fff;}
h6.alert.red>b:before{background:#fd4e5e; content:"\f12a";}
h6.alert.green>b:before{background:#13ce67; content:"\f00c";}
h6.alert.brown>b:before{background:#a5692d; content:"\f129";}
h6.alert.yellow>b:before{background:#ffd700; content:"\f129";} 
h6.alert.blue>b:before{background:#1880ff; content:"\f00c";}
h6.alert.gold>b:before{background:#edc86c; content:"\f129";}
@media(max-width:767px){
h6.alert>b{max-width:100%;}
}

span+span.captcha{margin-top:8px;}
span+span.captcha>ins[resend]>i{font-style:normal;}

.centre{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box; 
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}

.container{width:1380rem; max-width:100%; padding:0 20rem; margin:0 auto;}
.container.sm{width:1220rem;}
.container:after{display:block; content:''; clear:both;}
@media(max-width:767px){
.container{padding:0 10rem;}
}


.head-box{display:block; position:fixed; z-index:88888; top:0; left:0; right:0; transition:.3s;}
.head-box.on{background:#fff; box-shadow:0 0 10rem rgba(0,0,0,0.1);}
.head-logo{float:left; font-size:0; height:58rem; line-height:58rem; margin-right:30rem;}
.head-logo a{display:block;}
.head-logo b{display:none;}
.head-logo img{display:block; max-height:38rem;}
.head-nav{float:left; height:58rem;}
.head-menu{display:none;}
.head-btn{float:right; height:58rem;}
.head-btn a{padding:5rem 15rem; font-size:14rem;}
@media(min-width:1201px){
.nav-box{float:left; position:relative; padding:15rem 20rem; font-size:16rem;}
.nav-link{display:block;}
.nav-link:after{display:block; content:''; clear:both;}
.nav-link>a,
.nav-link>i{float:left; line-height:inherit;}
.nav-link.on>a,
.nav-link.on>i{color:rgb(37,74,209);}
.nav-eject{position:absolute; top:100%; left:0; background:#fff; padding:10rem 0; border-radius:10rem; float:left;
display:none; box-shadow:0 0 10rem rgba(0,0,0,0.1);}
.nav-box:hover .nav-eject{display:block;}
.nav-eject a{display:block; padding:7rem 30rem; white-space:nowrap; border-radius:5rem;}
.nav-eject a:hover{background:#eff2ff;}
.nav-eject.em{padding:10rem; left:-20rem;}
.nav-eject.em a{padding:7rem 20rem;}
.nav-eject.em.ne1{width:300rem;}
.nav-eject.em.ne2{width:580rem;}
.nav-eject.em.ne3{width:860rem;}
.nav-eject.em>dl{width:33.3333%; padding:10rem 20rem; float:left;}
.nav-eject.em.ne2>dl{width:50%;}
.nav-eject.em.ne1>dl{width:100%;}
.nav-eject.em>dl>dt{border-bottom:1rem solid #eee; padding-bottom:10rem;}
.nav-eject.em>dl>dd{padding-top:5rem;}
.nav-eject.em>dl>dd>span{display:block; padding-top:5rem;}
.nav-eject.em>dfn{display:none;}
.nav-eject.em>dfn:nth-child(6n){display:block; clear:both;}
}
@media(max-width:1200px){
.head-menu{float:right; display:block; margin-left:20rem;}
.head-menu>i{font-size:24rem; line-height:58rem;}
.head-nav{float:none; display:none; height:auto; max-height:90vh; position:absolute; top:100%; left:5rem; right:5rem; border-radius:0 0 10rem 10rem; box-shadow:0 8rem 5rem rgba(0,0,0,0.1); background:#fff; overflow:auto;}
.head-box.active{background:#fff; box-shadow:0 0 10rem rgba(0,0,0,0.1);}
.head-box.active .head-nav{display:block;}
.head-nav>nav{padding:10rem 0;}
.nav-box{display:block; font-size:15rem;}
.nav-link{padding:5rem 15rem; margin-top:5rem; position:relative;}
.nav-link>a{display:inline-block; position:relative; z-index:8;}
.nav-link>i{position:absolute; left:20rem; right:20rem; top:5rem; bottom:5rem; text-align:right; line-height:inherit; font-size:18rem;}
.nav-link.on>a,
.nav-link.on>i{color:rgb(37,74,209);}
.nav-eject{display:none;}
.nav-box.on .nav-eject{display:block;}
.nav-eject dt{padding:5rem 25rem;}
.nav-eject dd>span{padding:5rem 35rem; display:block;}
}
@media(max-width:767px){
.head-menu{margin-left:20rem; margin-right: 12rem;}
.head-menu>i{font-size:20rem;}
.nav-box{font-size:14rem;}
.nav-link{padding:5rem 10rem; margin-top:0;}
.nav-eject dt{padding:5rem 20rem;}
.nav-eject dd>span{padding:5rem 30rem;}
}


.banner-box{display:block; position:relative; text-align:center; overflow:hidden;}
.banner-title{position:relative; z-index:8; padding-top:140rem;}
.banner-title h2{font-size:46rem;}
.banner-title>div{margin:40rem 0;}
.banner-title p{font-size:18rem;}
.banner-title p+p{margin-top:5rem;}
.banner-title a{text-decoration:underline; padding:0 10rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; color:#c42136;}
.banner-title a:after{display:inline-block; color:#fff; background:#c00; border-radius:5rem 5rem 5rem 0; transform:scale(0.88); transform-origin:top right; font-size:12rem; padding:0 4rem; content:'hot'; line-height:1;}
.banner-title a:hover{text-decoration:none;}
.banner-business{width:1080rem; max-width:100%; margin:0 auto; position:relative; z-index:8; padding:50rem 0 80rem 0;}
.banner-business:after{display:block; content:''; clear:both;}
.banner-business>div{float:left; width:50%; padding:20rem;}
.banner-business>div>span{display:block; background:#fff; overflow:hidden; border-radius:10rem; transition:.3s; box-shadow:0 0 18rem rgba(0,0,0,0.1);}
.banner-business>div:hover>span{box-shadow:0 0 18rem #c4213666;}
.banner-business>div>span>ins{display:block; position:relative; overflow:hidden;}
.banner-business>div>span>ins:before{position:absolute; height:61.8%; right:0; bottom:0; left:0; z-index:8; content:''; background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));}
.banner-business>div>span>ins>img{display:block; width:100%; height:120rem; object-fit:cover; transition:3s;}
.banner-business>div:hover>span>ins>img{transform:scale(1.1);}
.banner-business>div>span>h3{margin:15rem 0 10rem 0; font-size:26rem;}
.banner-business>div>span>div{font-size:15rem; color:#787878;}
.banner-business>div>span>a{padding:8rem 40rem; margin:20rem 0 30rem 0;}
.banner-swiper{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.banner-wrapper{width:100%; height:100%;}
.banner-slide{width:100%; height:100%; position:absolute; top:0; left:0; visibility:hidden; opacity:0; transition:1s;}
.banner-slide.on{visibility:visible; opacity:1;}
.banner-slide img{height:100%; width:100%; display:block; object-fit:cover;}
@media(max-width:1200px){
.banner-business{padding:50rem 10rem 80rem 10rem;}
.banner-business>div{padding:10rem;}
}
@media(max-width:767px){
.banner-title{padding-top:80rem;}
.banner-title h2{font-size:25rem;}
.banner-title p{font-size:15rem;}
.banner-title>div{margin:15rem 10rem;}
.banner-business{padding:15rem 5rem 30rem 5rem;}
.banner-business>div{padding:5rem;}
.banner-business>div>span{border-radius:5rem;}
.banner-business>div>span>ins>img{height:60rem;}
.banner-business>div>span>h3{margin:10rem 0 0; font-size:17rem;}
.banner-business>div>span>div{font-size:14rem; display:none;}
.banner-business>div>span>a{padding:4rem 20rem; margin:10rem 0;}
}


.subaner-box{display:block; overflow:hidden;}
.subaner-wrapper{width:1000%;}
.subaner-wrapper:after{display:block; content:''; clear:both;}
.subaner-slide{float:left; width:10%; position:relative;}
.subaner-slide img{width:100%; display:block;}
.subaner-content{position:absolute; left:0; top:58rem; right:0; bottom:0;}
.subaner-content *+*{margin-top:5rem;}
.subaner-content h2.name{text-align:center;}
.subaner-content h2{font-size:42rem;}
.subaner-content h3{font-size:36rem;}
.subaner-content h4{font-size:28rem;}
.subaner-content h5{font-size:22rem;}
.subaner-content h6{font-size:18rem;}
.subaner-content p{font-size:16rem;}
@media(max-width:767px){
.subaner-content h2.name{font-size:28rem;}
}


.foot-bottom{background:#191b21; color:#c5ccdb; padding:40rem 0;}
.foot-bottom a{color:#c5ccdb;}
.foot-bottom a:hover{color:#c42136;} 
.foot-logo{float:left; width:36%; padding-right:40rem;}
.foot-logo>ins{display: block;}
.foot-logo>ins:after{display: block; clear: both; content: '';}
.foot-logo>ins>img{display:block; float:left; width:40%; height:78rem; border:8rem solid #fff; background:#fff; object-fit:contain; border-radius:5px; max-width:155rem;}
.foot-logo>ins>i{display:block; font-style:normal; padding-left:20px; overflow:hidden; line-height:26rem;}
.foot-logo>h3{font-size:18rem; margin:20rem 0 0; color:#fff;}
.foot-logo>p{margin-top:15rem; font-size:15rem;}
.foot-logo>ul{display: block; margin-top:20rem;}
.foot-logo>ul:after{display: block; clear: both; content: '';}
.foot-logo>ul>li{float:left;}
.foot-logo>ul>li+li{margin-left:20rem;}
.foot-logo>ul>li>a{display: inline-block; color:#fff; font-size:16rem; padding:6rem 28rem; border-radius:3rem; background:#c42136;}
.foot-logo>ul>li>a:hover{background:rgb(37,74,209);}
.foot-logo>ul>li>a.wx{background:#0aad53;}
.foot-logo>ul>li>a.wx:hover{background:#0b8140;}
.foot-logo>ul>li>a:hover{color:#fff;}
.foot-keynote{float:left; width:17%; padding-left: 20rem;}
.foot-keynote h3{font-weight:normal; color:#fff; font-size:19rem; margin-bottom:10rem;}
.foot-keynote ul{display:block;}
.foot-keynote ul>li{margin-top:8rem;}
.foot-image{float:left; width:30%;}
.foot-image h3{font-weight:normal; color:#fff; font-size:19rem; margin-bottom:15rem;}
.foot-image ul:after{display:block; content:''; clear:both;}
.foot-image ul>li{float:left; width:46%;}
.foot-image ul>li+li{float:right;}
.foot-image ul>li img{display:block; width:100%;}
.foot-image ul>li span{display:block; margin-top:10rem; text-align:center;}
.foot-box{background:#0a0b0d; color:#c5ccdb; padding:15rem 0;}
.foot-box a{color:#c5ccdb;}
.foot-box a:hover{color:#c42136;}
.foot-text{text-align:center; margin:5rem 0;}
.foot-link{text-align:center; margin:5rem 0;}
.foot-link a{margin-left:5rem;}
.foot-beian{text-align:center; margin:5rem 0;}
.foot-beian>span{margin:0 10rem;}
.foot-beian img{vertical-align:middle; height:17rem; margin:-2rem 3rem 0 0; display:inline-block;}
@media(max-width:992px){
.foot-logo{width:100%; padding-right:0;}
.foot-logo>ins{display:flex; justify-content:center;}
.foot-logo>h3{text-align:center;}
.foot-logo>ul{margin:20rem 0; display: flex; justify-content: center;}
.foot-logo p{text-align:center; margin:20rem 0 35rem 0;}
.foot-keynote{width:30%; padding-left:0;}
.foot-image{width:40%;}
}
@media(max-width:767px){
.foot-bottom{padding:20rem 0;}
.foot-logo>h3{font-size:16rem; margin-top:15rem;}
.foot-logo>p{margin:10rem 0 0; font-size:14rem;}
.foot-logo>ul{margin-top:15rem;}
.foot-logo>ul>li>a{font-size:14rem; padding:3rem 16rem;}
.foot-keynote{width:50%;}
.foot-keynote h3{font-size:16rem; margin-bottom:5rem;}
.foot-keynote ul>li{margin-top:0;}
.foot-image{width:100%; margin-top:15rem;}
.foot-image h3{font-size:16rem; margin-bottom:5rem;}
.foot-image ul>li{width:48.5%;}
.foot-image ul>li span{margin-top:5rem;}
}


dir{display:block;}
dir:after{display:block; content:''; clear:both;}
dir>ol{display:block; font-size:0; text-align:center; margin:20rem -5rem 0 -5rem;}
dir>ol>li{display:inline-block; margin-top:10rem; padding:0 5rem;}
dir>ol>li>a{display:block; font-size:15rem; padding:2rem 8rem; min-width:30rem; border:1rem solid #f0f2f8; border-radius:3rem;}
dir>ol>li>a.on,
dir>ol>li>a:hover{color:#fff; box-shadow:0 0 5rem #c4213666; border-color:#c42136; background:#c42136;}
dir>dl{padding-top:15rem;}
dir>dl+dl{padding-top:10rem;}
dir>dl:first-child{border-top:1rem solid #f1f2f8;}
dir>dl:after{display:block; content:''; clear:both;}
dir>dl>dt{float:left; margin-right:8rem;}
dir>dl>dt>b{font-weight:normal;}
dir>dl>dd{float:left;} 
dir>dl>dd>i{font-style:normal;}
@media(max-width:767px){
dir>ol{margin:10rem -2rem 0 -3rem;}
dir>ol>li{margin-top:5rem; padding:0 2rem 0 3rem;}
dir>ol>li>a{font-size:14rem;}
}


.sub{background:#fff;}
.sub+.sub{margin-top:40rem;}
.sub-title{border-bottom:1rem solid #e8e8e8; line-height:30rem; padding:0 0 10rem 0;}
.sub-title:after{display:block; content:''; clear:both;}
.sub-title h2{float:left;}
.sub-title i{float:right; font-size:18rem; line-height:inherit; color:#c42136;}
.sub-list{padding:18rem 0 0;}
.sub-list>ul{display:block;}
.sub-list>ul>li{display:block;}
.sub-list>ul>li+li{margin-top:8rem;}
.sub-list>ul>li>span{display:block; line-height:44rem; position:relative;}
.sub-list>ul>li>span>a{display:block; background:#eff2ff; padding:0 18rem; border-radius:5rem; font-size:15rem;}
.sub-list>ul>li.on>span>a,
.sub-list>ul>li>span>a.on,
.sub-list>ul>li>span>a:hover{color:#fff; box-shadow:0 0 8rem #c4213666; background:#c42136;}
.sub-list>ul>li>span>i{position:absolute; cursor:pointer; text-align:center; line-height:inherit; width:44rem; top:0; right:0; z-index:1; color:#787878;}
.sub-list>ul>li>span>a.on+i,
.sub-list>ul>li.on>span>a+i{color:#fff;}
.sub-list>ul>li>ul{background:#eff2ff; padding:0; border-radius:5rem;}
.sub-list>ul>li>ul>li{height:0; overflow:hidden;}
.sub-list>ul>li.on>ul{padding:8rem 0;}
.sub-list>ul>li.on>ul>li{height:38rem;}
.sub-list>ul>li>ul>li>a{display:block; line-height:40rem; padding:0 22rem; border-radius:3rem;}
.sub-list>ul>li>ul>li>a:hover{background:#f8f9ff;}
.sub-list>ul>li>ul>li>a.on{color:#c42136;}
.sub-list>ul>li>ul>li>a:not(.on)+i:hover{color:#c42136;}
@media(max-width:767px){
.sub+.sub{margin-top:15rem;}
.sub-title{padding:0 0 5rem 0;}
.sub-title h2{font-size:18rem;}
.sub-list{padding:10rem 0 0;}
}


.about-contact{padding:15px 0 0;}
.about-contact>ul{margin:10px 0 0;}
.about-contact>ul>li{position:relative; padding-left:34px; font-size:15px;}
.about-contact>ul>li i{position:absolute; left:0; top:50%; margin-top:-12px; width:24px; height:24px; line-height:24px; text-align:center; border-radius:50%; color:#fff; box-shadow:0 0 6rem #c4213666; background:#c42136;}
.about-contact>ul>li p{padding:8px 0;}
@media(max-width:767px){
.about-contact{padding:10px 0 0;}
}


.product-recom{overflow:hidden;}
.product-recom ul{margin:0 -10rem;}
.product-recom ul:after{display:block; content:''; clear:both;}
.product-recom ul>li{float:left; width:33.333%; margin-top:20rem; padding:0 10rem;}
.product-recom ul>li>a{display:block; overflow:hidden;}
.product-recom ul>li>a>img{display:block; width:100%; border-radius:50%; transition:.3s;}
.product-recom ul>li>a:hover>img{transform:scale(0.95);}
.product-recom ul>li>a>h3{display:block; font-size:14rem; font-weight:normal; text-align:center; margin-top:5rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media(max-width:1200px){
.product-recom ul>li{width:16.6666%;}
}
@media(max-width:767px){
.product-recom ul>li{width:33.333%; margin-top:10rem;}
}

.news-recom{padding:5rem 0 0 5rem;}
.news-recom>ul{padding-top:10rem;}
.news-recom>ul>li+li{padding-top:8rem; margin-top:8rem; border-top:1rem solid #f1f2f8;}
.news-recom>ul>li>a{display:block;}
.news-recom>ul>li>a>h3{font-weight:normal; font-size:14rem; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-recom>ul>li>a>span{font-size:12rem; padding-top:3rem; display:block; color:#a8a8a8;}
.news-recom>ul>li>a>span:before{display:block; width:15rem; height:1rem; content:''; float:left; margin:9rem 5rem 0 0; background:#787878;}
@media(max-width:767px){
.news-recom>ul{padding-top:5rem;}
.news-recom>ul>li+li{padding-top:5rem; margin-top:5rem;}
}

.hot-recom{padding-left:5rem;}
.hot-recom>ul>li{margin-top:13rem;}
.hot-recom>ul>li>a{display:block; display:flex; align-items:center;}
.hot-recom>ul>li>a>img{float:left; width:55rem; height:55rem; border-radius:10rem; object-fit:cover; margin:4rem 10rem 4rem 0; transition:0.3s;}
.hot-recom>ul>li>a:hover>img{transform:scale(1.05);}
.hot-recom>ul>li>a>span{display:block;}
.hot-recom>ul>li>a>span>h3{display:block; line-height:20rem; max-height:40rem; overflow:hidden; font-size:14rem; font-weight:normal;}
.hot-recom>ul>li>a>span>ins{display:block; margin-top:7rem; color:#a8a8a8;}
.hot-recom>ul>li>a>span>ins:after{display:block; content:''; clear:both;}
.hot-recom>ul>li>a>span>ins>i{float:left; font-size:12rem; margin-right:10rem;}
.hot-recom>ul>li>a>span>ins>i:before{margin-right:4rem; opacity:0.68;}


.info-box{padding:80rem 0; background-size:cover;}
.info-title{text-align:center;}
.info-title h2{font-size:36rem; padding-bottom:5rem;}
.info-title p{font-size:16rem; color:#787878;}
.info-nav{display:none;}
.info-content{margin:0 -8rem; padding-top:60rem;}
.info-content:after{display:block; content:''; clear:both;}
.info-list{float:left; width:33.3333%; padding:0 8rem;}
.info-list>aside{display:block; border-radius:10rem; overflow:hidden; background:#fff; box-shadow:0 0 18rem rgba(0,0,0,0.1);}
.info-list>aside>img{width:100%; display:block; object-fit:cover;}
.info-list>aside>h3{padding:15rem 15rem 10rem 15rem; font-size:20rem;}
.info-list>aside>h3:before{width:8rem; height:8rem; border-radius:8rem; display:inline-block; vertical-align:middle; margin:-1rem 8rem 0 0; content:''; background:#c42136;}
.info-list>aside>ul{padding:0 15rem;}
.info-list>aside>ul:after{display:block; content:''; clear:both;}
.info-list>aside>ul>li{line-height:22rem; margin-bottom:10rem;}
.info-list>aside>ul>li>a{display:block;}
.info-list>aside>ul>li>a>sub{float:left; line-height:inherit; padding-right:5rem; color:#787878;}
.info-list>aside>ul>li>a>strong{font-weight:normal; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.info-list>aside>ul>li>a>span{float:right; padding-left:8rem; font-size:12rem; color:#a8a8a8;}
.info-list>aside>ins{padding:10rem 20rem 20rem 20rem; display:block;}
.info-list>aside>ins>a{display:inline-block;}
@media(max-width:1200px){
.info-box{padding:50rem 0;}
.info-content{padding-top:40rem;}
}
@media(max-width:992px){
.info-list{width:100%;}
.info-list+.info-list{margin-top:10rem;}
}
@media(max-width:992px) and (min-width:768px){
.info-list>aside>img{height:120rem;}
.info-list>aside>ul{margin:0 -10rem;}
.info-list>aside>ul>li{float:left; width:50%; padding:0 10rem;}
}
@media(max-width:767px){
.info-box{padding:20rem 0;}
.info-content{padding-top:10rem;}
.info-title h2{font-size:24rem; padding-bottom:0;}
.info-title p{font-size:14rem;}
.info-nav{display:block; margin-top:15rem;}
.info-nav>ol{text-align:center;}
.info-nav>ol>li{display:inline-block; font-weight:bold; font-size:16rem; padding-bottom:5rem; line-height:1;}
.info-nav>ol>li.on{color:#c42136;}
.info-nav>ol>li+li{margin-left:10rem;}
.info-nav>ol>li:before{display:block; float:left; width:5rem; height:6rem; border-radius:8rem; margin:5rem 5rem 0 0; content:''; background:#181818;}
.info-nav>ol>li.on:before{background:#c42136;}
.info-list{display:none; margin-top:5rem;}
.info-list+.info-list{margin-top:5rem;}
.info-list.on{display:block;}
.info-list>aside>h3{padding:10rem; font-size:18rem; display:none;}
.info-list>aside>ul{padding:0 10rem; margin-top:15rem;}
.info-list>aside>ul>li{margin-bottom:5rem;}
.info-list>aside>ins{padding:10rem;}
}


.case-box{padding:80rem 0; background-size:cover;}
.case-title{text-align:center;}
.case-title h2{font-size:36rem; padding-bottom:5rem;}
.case-title p{font-size:16rem; color:#787878;}
.case-nav{display:block; padding-top:10rem; margin:30rem -10rem;}
.case-nav>ul{border-radius:10rem;}
.case-nav>ul:after{display:block; content:''; clear:both;}
.case-nav>ul>li{float:left; width:16.6666%; padding:10rem; text-align:center;}
.case-nav>ul>li>span{display:block; background:#fff; font-size:16rem; padding:10rem; border-radius:5rem; cursor:pointer; box-shadow:0 0 18rem rgba(0,0,0,0.1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case-nav>ul>li.on>span{color:#fff; background:#c42136; box-shadow:0 0 18rem rgb(37,74,209)66;}
.case-swiper{display:block; overflow:hidden; border-radius:10rem; background:#fff; box-shadow:0 0 12rem rgba(0,0,0,0.08);}
.case-wrapper{display:block; width:10000%;}
.case-wrapper:after{display:block; content:''; clear:both;}
.case-slide{width:1%; float:left; background:#fff; overflow:hidden; position:relative;}
.case-slide:after{display:block; content:''; clear:both;}
.case-text{width:60%; padding:40rem 60rem; position:relative;}
.case-text:before{position:absolute; content:''; top:-20rem; left:20rem; width:150rem; height:50rem; border-radius:5rem; transform:skewY(30deg); opacity:0.02; background:#181818;}
.case-text:after{position:absolute; content:''; bottom:80rem; right:-5rem; width:150rem; height:50rem; border-radius:5rem; transform:skewY(30deg); opacity:0.02; background:#181818;}
.case-text>.fa-quote-left{position:absolute; font-size:48rem;  top:90rem; left:30rem; opacity:0.05;}
.case-text .logo{height:70rem; display:block; margin:0 auto;}
.case-text div{padding:30rem 0 20rem 0; position:relative; z-index:8; height:184rem; font-size:15rem;}
.case-text div p+p{margin-top:10rem;}
.case-text h2{font-size:19rem; text-align:right;}
.case-text h2>span{display:inline-block; position:relative;}
.case-text h2>span:before{position:absolute; height:2rem; width:40rem; content:''; right:100%; top:50%; margin-right:10rem; background:#c42136;}
.case-image{position:absolute; top:0; right:0; height:100%; width:40%;}
.case-image img{display:block; width:100%; height:100%; object-fit:cover;}
.case-pager{display: none;}
@media(max-width:1200px){
.case-box{padding:50rem 0;}
.case-nav{padding-top:5rem; margin:20rem -5rem;}
.case-nav>ul>li{padding:5rem;}
.case-nav>ul>li>span{font-size:15rem; padding:10rem 0; }
.case-text{padding:30rem 40rem;}
.case-wrapper{display:flex; align-items:flex-start;}
}
@media(max-width:992px){
.case-nav>ul>li{width:33.3333%;}
.case-text{width:100%;}
.case-image{position:static; height:auto; width:100%;}
.case-image img{height:auto;}
}
@media(max-width:767px){
.case-box{padding:20rem 0;}
.case-title h2{font-size:24rem; padding-bottom:0;}
.case-title p{font-size:14rem;}
.case-nav{margin:10rem -5rem; display:none;}
.case-nav>ul>li{width:50%;}
.case-nav>ul>li>span{font-size:14rem; padding:5rem 0;}
.case-pager{display: block; font-size:0; margin-top:10rem;}
.case-pager>ul{text-align: center;}
.case-pager>ul>li{display: inline-block; width:8rem; height:8rem; border-radius:8rem; margin:0 4rem; background:#fff;}
.case-pager>ul>li.on{background:#c42136;}
.case-swiper{margin-top:15rem;}
.case-text{padding:10rem;}
.case-text .logo{height:50rem;}
.case-text div{padding:10rem 0 0 0; font-size:14rem; height:auto;}
.case-text div p+p{margin-top:5rem;}
.case-text h2{font-size:17rem; margin:10rem 0;}
.case-text>.fa-quote-left{font-size:28rem; top:45rem; left:10rem;}
}


.example-title{display:block; margin:50rem 0 10rem 0;}
.example-title h2{ font-size:22rem;}
.example-title p{ font-size:16rem; margin:4rem 0; color:#787878;}
.example-list{display:block;}
.example-list>ul{margin:0 -10rem;}
.example-list>ul:after{display:block; content:''; clear:both;}
.example-list>ul>li{float:left; width:16.6666%; margin-top:20rem; padding:0 10rem;}
.example-list>ul>li a{display:block; background:#fff; text-align:center; height:80rem; padding:5rem; border-radius:5rem; overflow:hidden; display:flex; box-shadow:0 0 12rem rgba(0,0,0,0.05);}
.example-list>ul>li img{max-height:100%; display:block; max-width:100%; margin:auto; transition:0.3s;}
.example-list>ul>li a:hover{box-shadow:0 0 18rem rgba(0,0,0,0.15);}
.example-list>ul>li a:hover img{transform:scale(1.05);}
@media(max-width:1200px){
.example-title{margin-top:30rem;}
.example-list>ul{margin:0 -5rem;}
.example-list>ul>li{margin-top:10rem; padding:0 5rem;}
}
@media(max-width:992px){
.example-list>ul>li{width:25%;}
}
@media(max-width:767px){
.example-title{margin:10rem 0 0;}
.example-title h2{ font-size:20rem;}
.example-title p{ font-size:14rem;}
.example-list>ul>li{width:33.333%; margin-top:6rem; padding:0 3rem;}
.example-list>ul>li a{height:50rem;}
}



.mult-box{padding:80rem 0; background-size:cover;}
.mult-title{text-align:center;}
.mult-title h2{font-size:36rem; padding-bottom:5rem;}
.mult-title p{font-size:16rem; color:#787878;}
.mult-content{padding-top:60rem;}
.mult-content:after{display:block; content:''; clear:both;}
.mult-page{background:#fff; padding:30rem; border-radius:10rem; box-shadow:0 0 18rem rgba(0,0,0,0.1);}
.mult-page:after{display:block; content:''; clear:both;}
.mult-pimg{width:50%; float:left;}
.mult-pimg>a{display:block; position:relative; overflow:hidden; border-radius:15rem;}
.mult-pimg>a>img{width:100%; display:block; transition:0.3s;}
.mult-pimg>a>span{position:absolute; z-index:8; left:0; bottom:0; right:0; font-size:16rem; background:rgba(0,0,0,0.8); color:#fff; padding:10rem 15rem; transition:0.3s;}
.mult-pimg>a>span:before{display:inline-block; width:6rem; height:6rem; border-radius:6rem; content:''; background:#fff; margin-right:10rem; vertical-align:middle;}
.mult-pimg>a:hover>img{transform:scale(1.05);}
.mult-pimg>a:hover>span{opacity:0.8;}
.mult-plist{width:50%; float:right; padding-left:40rem;}
.mult-plist>h2{margin-bottom:12rem; font-size:22rem;}
.mult-plist>ul{display:block;}
.mult-plist>ul:after{display:block; content:''; clear:both;}
.mult-plist>ul>li{display:block; margin-top:10rem; float:left; width:50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mult-plist>ul>li:before{display:inline-block; width:6rem; height:6rem; border-radius:6rem; position:relative; top:-2rem; content:''; background:#888; margin-right:10rem; vertical-align:middle;}
.mult-name{display:block; margin:50rem 0 10rem 0;}
.mult-name h2{font-size:22rem;}
.mult-name p{font-size:16rem; margin:4rem 0; color:#787878;}
.mult-tags.r2{float:left; width:48%;}
.mult-tags>ul{display:block; margin:0 -5rem;}
.mult-tags>ul:after{display:block; content:''; clear:both;}
.mult-tags>ul>li{float:left; margin:10rem 5rem 0 5rem;}
.mult-tags>ul>li>a{display:block; padding:4rem 16rem; border-radius:5rem; color:#fff; box-shadow:0 0 5rem rgba(0,0,0,0.1); background:#c42136;}
.mult-tags>ul>li:nth-child(10n+0)>a{background:#aefa93; box-shadow:0 0 5rem #aefa9366;}
.mult-tags>ul>li:nth-child(10n+1)>a{background:#eddc12; box-shadow:0 0 5rem #eddc1266;}
.mult-tags>ul>li:nth-child(10n+2)>a{background:#f07acf; box-shadow:0 0 5rem #f07acf66;}
.mult-tags>ul>li:nth-child(10n+3)>a{background:#69b78d; box-shadow:0 0 5rem #69b78d66;}
.mult-tags>ul>li:nth-child(10n+4)>a{background:#7193f0; box-shadow:0 0 5rem #7193f066;}
.mult-tags>ul>li:nth-child(10n+5)>a{background:#f08484; box-shadow:0 0 5rem #f0848466;}
.mult-tags>ul>li:nth-child(10n+6)>a{background:#e6c390; box-shadow:0 0 5rem #e6c39066;}
.mult-tags>ul>li:nth-child(10n+7)>a{background:#6dbbc1; box-shadow:0 0 5rem #6dbbc166;}
.mult-tags>ul>li:nth-child(10n+8)>a{background:#cba2d6; box-shadow:0 0 5rem #cba2d666;}
.mult-tags>ul>li:nth-child(10n+9)>a{background:#6fc4f5; box-shadow:0 0 5rem #6fc4f566;}
.mult-tags>ul>li>a:hover{opacity:0.8;}
.mult-area{float:right; width:50%;}
.mult-area>ul{display:block; margin:0 -5rem;}
.mult-area>ul:after{display:block; content:''; clear:both;}
.mult-area>ul>li{float:left; margin:10rem 5rem 0 5rem;}
.mult-area>ul>li>a{display:block; padding:4rem 16rem; border-radius:5rem; background:#fff; box-shadow:0 0 5rem rgba(0,0,0,0.1);}
.mult-area>ul>li>a:hover{color:#fff; background:#c42136;}
@media(max-width:1200px){
.mult-box{padding:50rem 0;}
.mult-content{padding-top:40rem;}
.mult-page{padding:20rem;}
.mult-plist{padding-left:20rem;}
.mult-plist>ul>li{margin-top:5rem;}
.mult-plist>ul>li:before{margin-right:8rem;}
.mult-name{margin:30rem 0 10rem 0;}
}
@media(max-width:992px){
.mult-pimg{width:100%; float:none;}
.mult-plist{width:100%; float:none; padding:15rem 0 0;}
.mult-tags{float:none; width:100%;}
.mult-area{float:none; width:100%;}
}
@media(max-width:767px){
.mult-box{padding:20rem 0;}
.mult-title h2{font-size:24rem; padding-bottom:0;}
.mult-title p{font-size:14rem;}
.mult-content{padding-top:10rem;}
.mult-page{padding:10rem;}
.mult-pimg>a>span{padding:7rem 10rem; font-size:14rem;}
.mult-plist>h2{margin-bottom:3rem; font-size:20rem;}
.mult-plist>ul>li>a{font-size:14rem;}
.mult-name{margin:15rem 0 5rem 0;}
.mult-name h2{font-size:20rem;}
.mult-name p{font-size:14rem;}
.mult-area>ul>li,
.mult-tags>ul>li{margin:4rem 2rem 0 2rem;}
.mult-area>ul>li>a,
.mult-tags>ul>li>a{padding:0 4rem; border-radius:3rem; box-shadow:0 0 3rem rgba(0,0,0,0.1);}
}



.effect-box{padding:80rem 0;}
.effect-img{float:left; width:48%;}
.effect-img>img{display:block; width:100%; border-radius:15rem;}
.effect-title{float:right; width:48%;}
.effect-title>h2{font-size:28rem; margin:10rem 0;}
.effect-title>p{font-size:16rem; color:#787878;}
.effect-title>ul{display:block; margin-top:20rem;}
.effect-title>ul:after{display:block; content:''; clear:both;}
.effect-title>ul>li{font-size:18rem; float:left; width:50%; margin-top:25rem;}
.effect-title>ul>li:after{display:block; content:''; clear:both;}
.effect-title>ul>li>img{height:32rem; float:left; margin-right:10rem;}
.effect-title>ul>li>b{font-weight:normal; display: block; margin-top:5rem; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
@media(max-width:1200px){
.effect-box{padding:50rem 0;}
.effect-img{width:49%;}
.effect-title{width:49%;}
}
@media(max-width:992px){
.effect-img{width:100%;}
.effect-title{width:100%;}
.effect-title>ul{margin-top:5rem;}
.effect-title>ul>li{margin-top:15rem;}
}
@media(max-width:767px){
.effect-box{padding:20rem 0;}
.effect-title>h2{font-size:18rem; margin:10rem 0 5rem 0;}
.effect-title>p{font-size:14rem;}
.effect-title>ul{margin:0;}
.effect-title>ul>li{font-size:14rem; margin-top:5rem;}
.effect-title>ul>li>img{height:24rem; margin-right:5rem;}
}



.guide-box{padding:80rem 0;}
.effect-box + .guide-box{padding-top:0; margin-top:-30rem;}
.guide-list{margin-bottom:20rem;}
.guide-list>ul{margin:0 -10rem;}
.guide-list>ul:after{display:block; content:''; clear:both;}
.guide-list>ul>li{float:left; padding:0 10rem; margin-bottom:20rem; width:20%; text-align:center;}
.guide-list a{display:block;}
.guide-list em{width:80rem; height:80rem; line-height:80rem; background:#eff2ff; transition:.3s; border-radius:80rem; font-size:40rem; color:#c42136;}
.guide-list strong{display:block; font-size:22rem; margin:15rem 0 0 0;}
.guide-list span{display:block; font-size:15rem; color:#787878;}
.guide-list a:hover em{color:#fff; box-shadow:0 0 12rem rgb(37,74,209)66; background:#c42136;}
.guide-text{background-size:cover; padding:40rem 60rem;}
.guide-box .guide-text{border-radius:15rem;}
.guide-text:after{display:block; content:''; clear:both;}
.guide-text aside{float:left;}
.guide-text aside h2{font-size:28rem; margin-bottom:10rem;}
.guide-text aside p{font-size:16rem; color:#787878;}
.guide-text span{float:right; margin-top:20rem;}
.guide-text span a{font-size:18rem; display:inline-block; padding:10rem 35rem; border-radius:10rem; color:#fff; box-shadow:0 0 10rem #c4213666; background:#c42136;}
.guide-text span a:hover{background:#fff; color:#c42136;}
.guide-text span a+a{margin-left:20rem; background:rgb(37,74,209);}
.guide-list.bt,
.guide-list.bt>ul>li{margin-bottom:0;}
@media(max-width:1200px){
.guide-box{padding:50rem 0;}
.guide-list{margin-bottom:30rem;}
.guide-list strong{font-size:20rem; margin:10rem 0 0 0;}
.guide-list span{font-size:14rem;}
.guide-text{padding:30rem 40rem;}
}
@media(max-width:767px){
.guide-box{padding:20rem 0;}
.effect-box + .guide-box{margin-top:-10rem;}
.guide-list{padding:0 5rem; margin-bottom:10rem;}
.guide-list em{width:50rem; height:50rem; line-height:50rem; border-radius:50rem; font-size:30rem;}
.guide-list strong{font-size:14rem; margin:5rem 0 0 0;}
.guide-list span{display:none;}
.guide-list>ul>li{padding:0; margin:0;}
.guide-text{padding:10rem;}
.guide-text aside h2{font-size:20rem; margin-bottom:5rem;}
.guide-text aside p{font-size:14rem;}
.guide-text span a{font-size:14rem; padding:5rem 15rem; border-radius:5rem;}
.guide-text span a+a{margin-left:10rem;}
}



.present-box{padding:80rem 0; background-size:cover; overflow:hidden;}
.present-content{max-width:100%;}
.present-content+.present-content{margin-top:80rem;}
.present-content:after{display:block; content:''; clear:both;}
.present-image{float:left; width:47%;}
.present-image img{display:block; width:100%; box-shadow:0 0 15rem rgba(0,0,0,0.15); border-radius:10rem;}
.present-text{float:right; width:48%;}
.present-text h2{font-size:32rem; margin-bottom:15rem;}
.present-text div{font-size:15rem;}
.present-text div p{margin-top:5rem;}
.present-text ul{margin:15rem 0;}
.present-text ul:after{display:block; content:''; clear:both;}
.present-text ul>li{font-size:15rem; margin-bottom:8rem; float:left; width:50%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#787878;}
.present-text ul>li:before{float:left; width:8rem; height:8rem; margin:8rem 8rem 0 0; border-radius:8rem; content:''; background:#a8a8a8;}
.present-text>a{margin-top:10rem;}
.present-content:nth-child(2n+1) .present-image{float:right;}
.present-content:nth-child(2n+1) .present-text{float:left;}
@media(max-width:1200px){
.present-box{padding:50rem 0;}
.present-content+.present-content{margin-top:50rem;}
.present-image{width:48%;}
.present-text{width:49%;}
}
@media(min-width:993px){
.present-box .container{transform:none !important;}
}
@media(max-width:992px){
.present-box>.container{width:10000%; padding:0; max-width:none; display:flex; align-items:flex-start;}
.present-content{width:1%; float:left; padding:0 20rem;}
.present-content+.present-content{margin-top:0;}
.present-text h2{font-size:28rem; margin-bottom:5rem;}
.present-image{float:left; width:100%;}
.present-text{float:right; width:100%; padding-top:10rem;}
.present-text>a{margin-top:5rem;}
.present-pager{text-align:center; font-size:0; margin-top:10rem;}
.present-pager>span{display:inline-block; width:8rem; height:8rem; border-radius:8rem; margin:0 4rem; background:#787878;}
.present-pager>span.on{background:#c42136;}
}
@media(max-width:767px){
.present-box{padding:20rem 5rem;}
.present-content{padding:0 5rem;}
.present-text h2{font-size:22rem; margin-bottom:0;}
.present-text div{font-size:14rem;}
.present-text ul{margin:5rem 0;}
.present-text ul>li{font-size:14rem; margin-bottom:5rem;}
}



.range-box{padding:80rem 0; background-size:cover;}
.range-title{text-align:center;}
.range-title h2{font-size:36rem; padding-bottom:5rem;}
.range-title p{font-size:16rem; color:#787878;}
.range-list{margin:0 -10rem; font-size:0; text-align:center; padding-top:20rem;}
.range-list:after{display:block; content:''; clear:both;}
.range-item{display:inline-block; width:16.666%; padding:0 10rem; margin-top:20rem;}
.range-item img{border-radius:50%; box-shadow:0 0 12rem rgba(0,0,0,0.1); display:block; width:100%; margin:0 auto; position:relative; z-index:8; transition:.3s; transform:scale(0.9);}
.range-item span{display:block; padding:18rem; padding-top:38rem; margin-top:-38rem; border-radius:8rem; background:#eff2ff;}
.range-item h3{font-size:18rem; transition:.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.range-item p{transition:.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14rem; margin-top:6rem;}
.range-item a:hover img{transform:rotate(5deg) scale(1); box-shadow:0 0 12rem rgba(0,0,0,0.18);}
.range-item a:hover h3{transform:translateY(12rem);}
.range-item a:hover p{opacity:0;}
@media(max-width:1200px){
.range-box{padding:50rem 0;}
.range-item{width:25%;}
}
@media(max-width:767px){
.range-box{padding:20rem 0;}
.range-title h2{font-size:24rem; padding-bottom:0;}
.range-title p{font-size:14rem;}
.range-list{margin:0 -5rem; padding-top:5rem;}
.range-item{width:33.3333%; padding:5rem; margin-top:10rem;}
.range-item h3{font-size:14rem; margin-bottom:2rem;}
.range-item p{display:none;}
.range-item span{padding:8rem; padding-top:38rem; }
.range-item a:hover h3{transform:translateY(8rem);}
}


.advantage-box{padding:80rem 0; background-size:cover; background-color:#fdfdfd;}
.advantage-title{text-align:center;}
.advantage-title h2{font-size:36rem; padding-bottom:5rem;}
.advantage-title p{font-size:16rem; color:#787878;}
.advantage-nav{display:none;}
.advantage-list{background:url('../box/vs.png') center no-repeat; margin-top:50rem; background-size:8% auto;}
.advantage-list:after{display:block; content:''; clear:both;}
.advantage-list>div{float:left; width:45%; border-radius:10rem; overflow:hidden; border-radius:10rem; box-shadow:0 0 10rem rgba(0,0,0,0.12);}
.advantage-list>div+div{float:right;}
.advantage-list>div>h2{display:block; color:#fff; line-height:35rem; font-weight:bold; font-size:24rem; padding:20rem; background:#c42136;}
.advantage-list>div>h2:before{font-size:22rem; margin-right:10rem; float:left; font-weight:normal;}
.advantage-list>div+div>h2{background:rgb(37,74,209);}
.advantage-list>div>ul{display:block;}
.advantage-list>div>ul>li+li{display:block; border-top:1rem solid #eee;}
.advantage-list>div>ul>li>span{display:block; background:#fff; position:relative; padding:18rem 20rem 18rem 90rem; transition:.3s;}
.advantage-list>div>ul.on>li+li{border-top:1rem solid #fff;}
.advantage-list>div>ul.on>li>span{background:#f0f1f3;}
.advantage-list>div>ul.on>li.on>span{background:#fff;}
.advantage-list>div>ul>li>span>b{position:absolute; font-size:30rem; top:50%; line-height:50rem; width:50rem; height:50rem; margin-top:-25rem; left:20rem; text-align:center; color:#fff; border-radius:50%; background:#c42136;}
.advantage-list>div+div>ul>li>span>b{background:rgb(37,74,209);}
.advantage-list>div>ul>li>span>h3{margin-bottom:5rem; font-size:18rem;}
.advantage-list>div>ul>li>span>p{overflow:hidden; height:63rem; line-height:21rem; color:#787878;}
.advantage-name{display:block; margin:50rem 0 10rem 0;}
.advantage-name h2{ font-size:22rem;}
.advantage-name p{ font-size:16rem;}
.advantage-img{margin-top:20rem; overflow:hidden;}
.advantage-img ul{margin:0 -30rem;}
.advantage-img ul:after{display:block; content:''; clear:both;}
.advantage-img ul>li{float:left; width:50%; padding:0 30rem;}
.advantage-img ul>li img{display:block; max-width:100%; margin:0 auto; border-radius:5rem;}
@media(max-width:1200px){
.advantage-box{padding:50rem 0;}
.advantage-name{margin:30rem 0 10rem 0;}
.advantage-list{margin-top:40rem;}
.advantage-img ul{margin:0 -10rem;}
.advantage-img ul>li{padding:0 10rem;}
}
@media(max-width:767px){
.advantage-box{padding:20rem 0;}
.advantage-title h2{font-size:24rem; padding-bottom:0;}
.advantage-title p{font-size:14rem;}
.advantage-nav{margin-top:15rem; display:block;}
.advantage-nav:after{display:block; content:''; clear:both;}
.advantage-nav>span{float:left; width:50%; padding-right:5rem;}
.advantage-nav>span+span{float:right; padding:0 0 0 5rem;}
.advantage-nav>span>b{display:block; color:#fff; font-size:15rem; padding:8rem 0; border-radius:5rem 5rem 0 0; text-align:center; background:#a8a8a8;}
.advantage-nav>span.active>b{background:#c42136;}
.advantage-list{background:none; margin-top:0; }
.advantage-list>div{width:100%; border-radius:0 0 10rem 10rem; display:none;}
.advantage-list>div.active{display:block;}
.advantage-list>div>h2{padding:10rem; font-size:19rem; text-align:center; display:none;}
.advantage-list>div>h2:before{display:none;}
.advantage-list>div>ul>li>span{padding:10rem;}
.advantage-list>div>ul>li>span>h3{position:relative; z-index:8; font-size:17rem;}
.advantage-list>div>ul>li>span>p{position:relative; z-index:8;}
.advantage-list>div>ul>li>span>b,
.advantage-list>div+div>ul>li>span>b{font-size:58rem; width:auto; opacity:0.1; border-radius:0; background:none !important; left:auto; right:30rem; margin-top:0; color:#c42136;}
.advantage-name{margin-top:15rem;}
.advantage-name p{font-size:14rem;}
.advantage-img{margin-top:10rem;}
.advantage-img ul{margin:0 -5rem;}
.advantage-img ul>li{padding:0 5rem;}
}