/*头部*/
html{font-size: calc(100vw / 7.5);}
#header{width:100%;margin:auto;position:fixed;top:0;left:0;right:0;z-index:9999;height:1.43rem;transition:all .4s;-webkit-transition:all .4s}
#header.on{background:#fff; box-shadow: 0 0 .1rem rgba(0,0,0,.1);}
.logo{position: relative; float:left; margin-top:.35rem; height:.7rem; width:2.65rem; z-index:999;}
.logo img{position: absolute; left:0; top:.15rem; z-index: 1; opacity: 0;}
.logo .i1{opacity: 1;}
.no-scroll .logo img{opacity: 0;}
.no-scroll .logo .i2{opacity: 1;}
#header.on .logo img{opacity: 0;}
#header.on .logo .i3{opacity: 1;}
.mobile_hd{width:100%;position:fixed;top:0;height:1.43rem;z-index:999;transition:all .4s}
.headermobile{position:relative;height:100%;z-index:999; padding:0 .5rem 0 .4rem;}
.no-scroll .headermobile{background: #131b1a;}
.head_navmobile_btn{width:.46rem;height:.76rem;position:relative;float:right;margin:.53rem 0rem 0 0;cursor:pointer}
.head_navmobile_btn .close{width:32px;height:32px;-webkit-transform:rotateX(0.1deg) rotateZ(45deg);transform:rotateX(0.1deg) rotateZ(45deg);top:-.1rem!important}
.head_navmobile_btn .close .line:nth-child(1){top:0;left:.3rem;width:2px;height:.6rem;position:absolute;-webkit-animation:close-out-1 .3s linear .1s 1 normal forwards;animation:close-out-1 .3s linear .1s 1 normal forwards}
.head_navmobile_btn .close .line:nth-child(2){top:.3rem;left:0;width:.6rem;height:2px;position:absolute;-webkit-animation:close-out-2 .3s linear 0s 1 normal forwards;animation:close-out-2 .3s linear 0s 1 normal forwards}
.head_navmobile_btn.open .close .line:nth-child(1){-webkit-animation:close-in-1 .3s cubic-bezier(.18,.89,.67,1.16) .6s 1 normal forwards;animation:close-in-1 .3s cubic-bezier(.18,.89,.67,1.16) .6s 1 normal forwards;-webkit-transform:scaleY(0);transform:scaleY(0);top:0;left:.24rem;width:.04rem;background:#fff;height:.5rem;position:absolute;margin-left:-1px}
.head_navmobile_btn.open .close .line:nth-child(2){-webkit-animation:close-in-2 .3s cubic-bezier(.18,.89,.67,1.16) .5s 1 normal forwards;animation:close-in-2 .3s cubic-bezier(.18,.89,.67,1.16) .5s 1 normal forwards;-webkit-transform:scaleX(0);transform:scaleX(0);top:.24rem;left:0;width:.5rem;height:.04rem;background:#fff;position:absolute;margin-top:-1px}
.head_navmobile_btn .open{height:.44rem}
.head_navmobile_btn .lines{position:absolute;top:0;right:0;z-index:2;height:.33rem;width:.46rem}
#header.on .head_navmobile_btn .open .line{background-color:#88624b}
.head_navmobile_btn .open .line{width:.5rem;height:.04rem;background-color:#fff;float:right;margin:auto;-webkit-animation:open-in .3s cubic-bezier(.18,.89,.67,1.16) .3s 1 normal forwards;animation:open-in .3s cubic-bezier(.18,.89,.67,1.16) .3s 1 normal forwards;-webkit-transform:scaleX(0);transform:scaleX(0)}
.head_navmobile_btn .lines.open .line:nth-child(2){margin-top:.11rem;-webkit-animation-delay:.36s;animation-delay:.36s}
.head_navmobile_btn.open .lines.open .line:nth-child(2){-webkit-animation-delay:.08s;animation-delay:.08s;-webkit-animation-name:open-out-2;animation-name:open-out-2}
.head_navmobile_btn .line:nth-child(3){margin-top:.11rem;clear:both}
.head_navmobile_btn.open .line{-webkit-animation:open-out-1 .4s linear 0s 1 normal forwards;animation:open-out-1 .4s linear 0s 1 normal forwards;-webkit-transform:scaleX(0) translateX(0);transform:scaleX(0) translateX(0)}
.main-menumobile{z-index:998;position:fixed;left:0;top:-100%;width:100%;background:#fff;height:100%;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end;pointer-events:none;-webkit-transition:top .6s;transition:top .6s}
.head_navmobile{width:100%;height:100%;padding:1.43rem 0 0;position:absolute;top:0;left:0;overflow-y:auto;padding-bottom:.8rem;background:#131b1a url(https://suerbio.com/mobile/img/head_bg.jpg) no-repeat top center/cover}
.head_navmobile .tu{position:relative;z-index:999;margin-top:.9rem;margin-left:.4rem;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0}
.head_navmobile .tu .h1{width:3.7rem; margin-bottom:.3rem;}
.head_navmobile .tu h3{font-size: .52rem; color:#44463c; font-family: "BrandonGrotesque-bold"; text-transform: uppercase; letter-spacing: -.02rem; margin-bottom:.2rem;}
.head_navmobile .tu .num{font-size: .52rem; color:#ff5706; font-family: "Gilroy-Bold"; margin-bottom:.06rem;}
.head_navmobile .tu .p{font-size: .22rem; color:#b4ad90; line-height: 1; font-family: "Gilroy-Bold"; margin-bottom: .1rem;}
.head_navmobile .tu .txt{font-size: .22rem; color:#9398a4; line-height: .3rem;}
.head_navmobile ul.nav_listmobile{width:100%;padding:0 20px;box-sizing:border-box;margin-top:.6rem}
.no-scroll .head_navmobile .tu{transform:translateY(0);-webkit-transition-duration:.5s; transition-duration:.5s;opacity:1; -webkit-transition-delay:1.6s; transition-delay:1.6s;}
.head_navmobile ul.nav_listmobile>li{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0}
.no-scroll .head_navmobile ul.nav_listmobile>li{transform:translateY(0);-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;opacity:1}
.headermobile::before{content:'';position:absolute;bottom:0;left:0;background:#3a3d34;width:0;height:2px;opacity:0;transition:all .7s}
.no-scroll .headermobile::before{width:100%;opacity:.5}
.no-scroll .head_navmobile ul.nav_listmobile>li:nth-child(1){-webkit-transition-delay:.8s; transition-delay:.8s}
.no-scroll .head_navmobile ul.nav_listmobile>li:nth-child(2){-webkit-transition-delay:.9s; transition-delay:.9s}
.no-scroll .head_navmobile ul.nav_listmobile>li:nth-child(3){-webkit-transition-delay:1s; transition-delay:1s}
.no-scroll .head_navmobile ul.nav_listmobile>li:nth-child(4){-webkit-transition-delay:1.1s; transition-delay:1.1s}
.no-scroll .head_navmobile ul.nav_listmobile>li:nth-child(5){-webkit-transition-delay:1.2s; transition-delay:1.2s}
.no-scroll .head_navmobile ul.nav_listmobile>li:nth-child(6){-webkit-transition-delay:1.3s; transition-delay:1.3s}
.no-scroll .head_navmobile ul.nav_listmobile>li:nth-child(7){-webkit-transition-delay:1.4s; transition-delay:1.4s}
.no-scroll .head_navmobile ul.nav_listmobile>li:nth-child(8){-webkit-transition-delay:1.5s; transition-delay:1.5s}
.no-scroll .main-menumobile{top:0}
.main-menumobile.locked{visibility:inherit;pointer-events:auto}
.head_navmobile_btn.open .line:nth-child(1){-webkit-animation-delay:.16s;animation-delay:.16s}
.head_navmobile ul.nav_listmobile>li>p:after{content:'';position:absolute;top:.12rem;right:0;width:.42rem;height:.42rem;background:url(https://suerbio.com/mobile/img/bt.png) no-repeat center/100%;opacity:0;transition:all .7s}
.head_navmobile ul.nav_listmobile>li>p>a{width:auto;display:inline}
.head_navmobile ul.nav_listmobile>li.feature{position: relative;}
.head_navmobile ul.nav_listmobile>li.feature>p.on:after{display: none;}
.head_navmobile ul.nav_listmobile>li.feature .second_btn{position:absolute;top:.12rem;width:.41rem;height:.41rem;background:url(https://suerbio.com/mobile/img/bt.png) no-repeat center/100%;right:0;transition:all .7;margin:0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.head_navmobile ul.nav_listmobile .par.open .second_btn{-webkit-transform: rotate(0); transform: rotate(0);}
.head_navmobile ul.nav_listmobile>li.open a,.head_navmobile ul.nav_listmobile>li.open p{opacity: 1;}
.nav_listmobile>li>a,.nav_listmobile>li>p{color:#b4ad90;margin-bottom:.56rem;font-size:.46rem;text-align:left;letter-spacing:1px;line-height:.6rem;transition:all .7s}
.nav_listmobile>li>a{display: inline-block;}
.nav_listmobile.else p,.nav_listmobile.else a{opacity: .2;}
.head_navmobile ul.nav_listmobile>li.open p:after{opacity:1}
.nav_listmobile>li>p.on{opacity:1}
.ul_nei_nav{display:none;margin-bottom:.25rem}
.ul_nei_nav::after{content:'';clear:both;display:block}
.ul_nei_nav li{margin-bottom:.45rem}
.ul_nei_nav li.curr a{opacity: 1;}
.ul_nei_nav li a{color:#b4ad90;display:inherit;font-size:.36rem;line-height:.36rem;text-align:left}


/* footer */
#footer{position: fixed; left:0; right:0; bottom:0;}
.footer{background: #181f2f; height:5.3rem;}
.footer .stock{border-bottom: .01rem solid #303644; padding:.9rem .4rem .27rem;}
.footer .stock .num{font-size: .52rem; color:#ff5706; line-height: .5rem; font-family: "Gilroy-Bold";}
.footer .stock .p{font-size: .22rem; color:#4f535f; line-height: .3rem; font-family: "Gilroy-Bold";}
.footer .stock p{font-size: .22rem; color:#9398a4; line-height: .32rem; padding-top:.1rem; margin-bottom: 0;}
.footer .bom{padding:.26rem .4rem 0;}
.footer .bom p{font-size: .22rem; line-height: .28rem; color:#4f535f; margin-bottom: .22rem;}
.footer .bom p strong{font-family: "Gilroy-Bold";}


/* index */
#ban{height:100vh;}
#ban .swiper-slide > a {width: 100%;height: 100vh;}
#ban .swiper-slide{position: relative; background: no-repeat center; background-size: cover;}
#ban .animated{animation-duration: 2s;}
#ban .polycn_slide3 .icon,#ban .polycn_slide4 .icon{position:absolute; left:0; top:0; width:100%; bottom:0; background: no-repeat center; background-size:cover;}
#ban .polycn_slide2 video{position:absolute; left:50%; top:0; -webkit-transform: translateX(-50%); transform: translateX(-50%); height:100%;}
#ban .polycn_slide2 .text{position:absolute; left:0; top:50%; width:100%; margin-top: -2.5rem;}
#ban .polycn_slide2 .text h2{font-size: .76rem; color:#fff; line-height: 1; text-align: center; font-weight: 300; letter-spacing: .1rem; margin-bottom: .14rem;}
#ban .polycn_slide2 .text h3{font-size: .7rem; line-height: 1; color:rgba(255,255,255,.5); letter-spacing: -.02rem; font-family: "RAJDHANI_BOLD"; text-transform: uppercase; text-align: center;}
#ban .polycn_slide2 .text .play_btn{position:relative; width:1.1rem; height:1.1rem; background:url(https://suerbio.com/mobile/img/index/icon_play.png) no-repeat center; background-size:contain; margin:1.1rem auto 0;}
#ban .polycn_slide2 .text .play_btn:after{content:""; display:block; position:absolute; left:50%; top:50%; width:1.3rem; height:1.3rem; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background:rgba(255,255,255,.3); border-radius: 50%; z-index: -1;}
#ban .polycn_slide2 .text .play_btn.on:after{width:1.5rem; height:1.5rem;}
#ban .polycn_slide2 .text .play_btn.hide{display:none;}
#ban .polycn_slide5{position: relative;}
#ban .polycn_slide5 .icon_wr{position: absolute; left: -.2rem; top: 15.8vh; z-index: 5; width:5.46rem;}
#ban .polycn_slide5 .num{width: 3.18rem; position: absolute; left: 1.14rem; top: 1.04rem;}
#ban .polycn_slide5 .num img{position: absolute; left:0; top:0; width:100%;}
#ban .polycn_slide5.text1 h2 {color: #fff;}
#ban .polycn_slide5.text1 h3 {color: #f2d06c;font-family: '';}
#ban .polycn_slide5.text1 h4 {color: #f2d06c;}
#ban .polycn_slide5.text1 h4 em {font-size: .26rem; font-family: '';}

#ban .polycn_slide1{background: #f6e9d9;}
#ban .polycn_slide1 .shade{position: absolute; z-index: 5; left:0; top:0; width:100%; height: 100%; background: no-repeat center; background-size: 100% 100%;}
#ban .polycn_slide1 .text{z-index: 10;}
#ban .polycn_slide1 .new{position: absolute; left:.4rem; bottom: 27vh; width:4.72rem; z-index: 6; -webkit-animation-delay: .6s; animation-delay: .6s;}
#ban .polycn_slide1 .ripple{position: absolute; right:-3.3rem; top: 50%; margin-top:-6.75rem; width:7.9rem; z-index: 4;}
#ban .polycn_slide1 .ball_wr img{position: absolute; top:50%;}
#ban .polycn_slide1 .ball_wr .i1{width: 1.3rem; right:-.21rem; margin-top:-1.62rem; z-index: 3; -webkit-animation-delay: .3s; animation-delay: .3s;}
#ban .polycn_slide1 .ball_wr .i2{width: 2.7rem; right:-.55rem; margin-top:-.25rem; z-index: 2; -webkit-animation-delay: .7s; animation-delay: .7s;}
#ban .polycn_slide1 .ball_wr .i3{width: 4.98rem; right:.37rem; margin-top:-.1rem; z-index: 1; -webkit-animation-delay: .5s; animation-delay: .5s;}
#ban .polycn_slide1 .ball_wr .i4{width: 6.4rem; right:4.6rem; margin-top:.66rem; -webkit-animation-delay: .7s; animation-delay: .7s;}

#ban .slide4{background: #f6e9d9;}
#ban .slide4 .shade{position: absolute; z-index: 5; left:0; top:0; width:100%; height: 100%; background: no-repeat center; background-size: 100% 100%;}
#ban .slide4 .ripple{position: absolute; right:3.08rem; top: 50%; margin-top:2.2rem; width:7.9rem; z-index: 4;}
#ban .slide4 .i1{position: absolute; left:-4.63rem; bottom:50%; margin-bottom: .5rem; width:12.72rem; -webkit-animation-delay: .3s; animation-delay: .3s; }
#ban .slide4 .i2{position: absolute; left:1.76rem; bottom:50%; margin-bottom: .14rem; width:2.99rem; -webkit-animation-delay: 1.3s; animation-delay: 1.3s;}
#ban .slide4 .i2 img{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
#ban .slide4 .i3{position: absolute; right:.54rem; top:50%; margin-top: -.2rem; width:.82rem;}
#ban .text1{position: absolute; left:.9rem; top:57.49vh;}
#ban .text1 h2{font-size: .7rem; color:rgba(255,255,255,.6); line-height: .7rem; margin-bottom:.15rem; letter-spacing: .05rem; font-weight: 300;}
#ban .text1 h3{font-size: .6rem; line-height: .38rem; color:rgba(255,255,255,.6); font-family: "BlenderPro-Medium"; margin-bottom: .16rem;}
#ban .text1 h4{font-size: .26rem; color:#fff; line-height: .26rem;}
#ban .text1 h4 em{font-size: .35rem; font-family: "BlenderPro-Medium";}
#ban .text2{position: absolute; left:.4rem; top:31.68vh;}
#ban .text2 h2{font-size: .72rem; color:rgba(255,255,255,1); line-height: .72rem; margin-bottom:.22rem; font-weight: 300;}
#ban .text2 h3{font-size: .6rem; line-height: .55rem; color:rgba(197,233,255,.3); font-family: "BrandonGrotesque-bold"; margin-bottom: .16rem; text-transform: uppercase;}
#ban .text3{position: absolute; left:.4rem; top:28.6vh;}
#ban .text3 h2{font-size: .7rem; color:#e8645e; line-height: .76rem; margin-bottom:.06rem; font-weight: 300; letter-spacing: .06rem;}
#ban .text3 h3{font-size: .8rem; line-height: .6rem; color:#c3a178; font-family: "BlenderPro-Medium"; letter-spacing: -.04rem; margin-bottom: .06rem; text-transform: uppercase;}
#ban .text3 p{font-size: .3rem; line-height: 1.2; padding-top: .1rem; color:rgba(60,60,72,.6);}
#ban .text4{position: absolute; left:0; top:54vh; padding:0 .4rem;}
#ban .text4 h2{font-size: .76rem; color:#88624b; line-height: 1; letter-spacing: .05rem; text-align: right; margin-bottom:.22rem; font-weight: 300;}
#ban .text4 h4{font-size: .39rem; line-height: .43rem; white-space: nowrap; color:rgba(136,98,75,.5); text-align: right; font-family: "BrandonGrotesque-bold"; margin-bottom: .16rem; text-transform: uppercase;}
#ban .i_swiper-pagination{pointer-events: none; position:absolute; left:0; width:100%; height:.24rem; bottom:7.4%; z-index: 55; padding:0; font-size: 0; text-align: center; box-sizing: border-box;}
#ban .i_swiper-pagination .swiper-pagination-bullet{display:inline-block; vertical-align: top; width:.16rem; height:.16rem; margin:0 .06rem; background:rgba(255,255,255,.3); border-radius:50%; opacity:1;}
#ban .i_swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff; border-color:#e81b00;}
#ban .Skip{position: absolute; z-index: 100; left:.4rem; bottom:5.25vh; font-size: .38rem; color:#fff; line-height: .8rem; font-family: "BlenderPro-Medium";}
#ban .btn{position: absolute; z-index: 100; right:.4rem; bottom:5.25vh; width:.8rem; height: .8rem; background: #ef5a00 url(https://suerbio.com/mobile/img/icon_into.png) no-repeat center/.35rem; border-radius: 50%;}
.ban_pop{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 5000000;}
.ban_pop .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.9);}
.ban_pop .cnt{position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 50;}
.ban_pop video{width:100%;}
/*#content.index{margin-bottom: 14.36rem;}*/
.index_lump1{padding:.75rem .4rem 1rem; background: #fff;}
.index_lump1 .c_h2{color:#339185; font-size: .52rem; line-height: .46rem; margin-bottom: .3rem;}
.index_lump1 .news_list{padding:0;}
.index_lump1 .news_list .ul{padding-bottom: .16rem;}
.index_lump1 .news_list .hr{float: right; width:5.5rem; margin-top: .2rem; height:.16rem; background: url(https://suerbio.com/mobile/img/index/index_k1_line.png) no-repeat left center; background-size: 4.75rem 100%;}
.index_lump1 .news_list a:last-child .txt{border-bottom: 0 none;}
.index_lump2{position: relative; height:12.05rem; background: #262e31 url(https://suerbio.com/mobile/img/index/index_k2_bg.jpg) no-repeat; background-size: 100% 100%;}
.index_lump2 .line{position: absolute; width:4rem; left:-.87rem; top:7.78rem; z-index: 200;}
.index_lump2_swiper1{position: absolute; z-index: 5; height:9.22rem; border-radius: .18rem 0 0 .18rem; right:0; top:2.02rem; width:6.8rem;}
.index_lump2_swiper1 .swiper-slide{position: relative; padding:.95rem .7rem 0 .9rem; height:9.22rem; background: no-repeat center; background-size:100% 100%;}
.index_lump2_swiper1 .item1{background-image: url(https://suerbio.com/mobile/img/index/index_k2_item_bg1.jpg);}
.index_lump2_swiper1 .item3{background-image: url(https://suerbio.com/mobile/img/index/index_k2_item_bg2.jpg);}
.index_lump2_swiper1 .item2{background-image: url(https://suerbio.com/mobile/img/index/index_k2_item_bg3.jpg);}
.index_lump2_swiper1 .num{position: absolute; left:.78rem; bottom:1.6rem; font-size:1.9rem; line-height: 1.4rem; font-family: "BrandonGrotesque-bold"; color:transparent; -webkit-text-stroke:.01rem #478a82; text-shadow:.01rem #478a82; letter-spacing: -.08rem;}
.index_lump2_swiper1 .item2 .num{-webkit-text-stroke:.01rem #ffa874; text-shadow:.01rem #ffa874;}
.index_lump2_swiper1 .item3 .num{-webkit-text-stroke:.01rem #2f8acf; text-shadow:.01rem #2f8acf;}
.index_lump2_swiper1 .c_h1{color:#fff;}
.index_lump2_swiper1 .c_h2{color:#f5a925; font-size: .52rem; line-height: .46rem; margin-bottom: .5rem;}
.index_lump2_swiper1 .item2 .c_h2{color:rgba(255,255,255,.3);}
.index_lump2_swiper1 .item3 .c_h2{color:rgba(255,255,255,.3);}
.index_lump2_swiper1 .txt p{font-size: .26rem; color:#77b5ad; font-weight: 600;}
.index_lump2_swiper1 .item2 .txt p{color:#ffc5c4;}
.index_lump2_swiper1 .item3 .txt p{color:#95b4de;}
.index_lump2dot5{height:7.7rem; padding:1rem .4rem 0; background:url(https://suerbio.com/mobile/img/index/index_lump2dot5.jpg) no-repeat center/100% 100%;}
.index_lump2dot5 .item{position:relative; margin-left: 1.2rem;}
.index_lump2dot5 .item .icon{position:absolute; width:.8rem; left:-1.04rem; top:.06rem;}
.index_lump2dot5 .item h3{font-size: .56rem; color:#ffb400; line-height: .46rem; text-transform: uppercase; font-family: "BrandonGrotesque-bold";}
.index_lump2dot5 .item .line{width:3.7rem; border-bottom: 1px solid #ebebec; margin:.15rem 0 .1rem;}
.index_lump2dot5 .item h5{font-size: .26rem; color:rgba(0,0,0,.5); line-height: .36rem; font-weight: 500; margin-bottom: .35rem;}
.index_lump2dot5 .item .report{display:flex;}
.index_lump2dot5 .item .pic{width:3.17rem; padding:0 .5rem; margin:0 0 0 -.5rem; background:url(https://suerbio.com/mobile/img/index/index_k5_shadow.png) no-repeat bottom center/100%;}
.index_lump2dot5 .item .pic img{border-radius: .1rem;}
.index_lump2dot5 .item .txt{margin-left: -.16rem; padding-top: .8rem;}
.index_lump2dot5 .item .txt .time{font-size: .46rem; color:#4ebb92; font-family: "BrandonGrotesque-bold";}
.index_lump2dot5 .item .txt h2{font-size: .3rem; color:#32b482; line-height: .4rem; margin-bottom: .16rem;}
.index_lump2dot5 .item .txt h4{font-size: .24rem; color:rgba(31,27,36,.7); line-height: .4rem;}
.index_lump2dot5 .item .txt .more{font-size: .24rem; color:#b5c8d9; line-height: .3rem; font-family: "BrandonGrotesque-bold";}
.index_lump3{position: fixed; left:0; bottom:5.3rem; width:100%; z-index: -1;}
.index_lump3 .txt{position: absolute;left:.7rem;bottom: 14vh;right:.4rem;}
.index_lump3 h2{font-size: .6rem; color:#fdf6ed; line-height:.66rem; font-weight: 300; margin-bottom: .16rem;}
.index_lump3 h3{font-size: .46rem; color:rgba(198,178,155,.3); line-height:.4rem; text-transform: uppercase; font-family: "BrandonGrotesque-bold"; margin-bottom: .56rem;}
.index_lump3 .ul{display: flex;}
.index_lump3 .ul .i{font-size: .24rem; color:rgba(242,212,184,.7); line-height: .34rem; margin-right:.36rem;}
.index_lump3 .en{position: absolute;width:3.6rem;left:1.8rem;bottom: 19vh;z-index: 20;}


/* 公共 */
a,.about3_list .more_btn,.business1_lump2 .tab_name a:after
{-webkit-transition: all .4s; transition: all .4s;}
body{background:#fff; overflow:hidden; overflow-y:auto; font-weight: 500; font-size: .26rem;}
p{font-size: .24rem; line-height: .36rem; color:#b3b3b3; margin-bottom: .24rem;}
.no_margin{margin-bottom:0;}
.c_btn{-webkit-transition: none; transition: none;}
.c_h1{font-size: .46rem; line-height: .56rem; font-weight: 300; margin-bottom: .12rem; color:#44423e;}
.c_h2{font-size: .46rem; text-transform: uppercase; line-height: .4rem; color:#ddceac; letter-spacing: -.01rem; font-family: "BrandonGrotesque-bold";}
#subBan{position:relative;}
#subBan .txt{position:absolute; left:0; bottom:.4rem; width:100%; padding:0 .4rem; min-height:1.46rem;}
#subBan h1{font-size: .4rem; color:#e81b00; line-height: .5rem; margin-bottom: .1rem;}
#subBan h2{font-size: .4rem; color:rgba(124,96,84,.6); line-height: .34rem; text-transform: uppercase; font-family: "FSSinclair-Bold";}
.c_return_btn{padding:.21rem 0; border-top:.04rem solid #f2efeb; border-bottom:.04rem solid #f2efeb; font-size:.28rem; color:#808080; line-height: .68rem;}
.c_return_btn a{display: inline; background: url(https://suerbio.com/mobile/img/icon_return.png) no-repeat left center; padding-left:.47rem; background-size:.34rem;}
.c_btn_group{display: flex; justify-content: space-between; border-top:.04rem solid #f2efeb; border-bottom:.04rem solid #f2efeb; padding:.15rem 0;}
.c_btn_group .btn{font-size:.28rem; color:#808080; line-height: .8rem;}
.c_btn_group .return_btn{padding-left:.46rem; background:url(https://suerbio.com/mobile/img/icon_return.png) no-repeat left center; background-size: .34rem;}
.c_more_btn{width:.86rem; height:.86rem; border-radius: 50%; border-radius: 50%; background:#00877f url(https://suerbio.com/mobile/img/icon_more.png) no-repeat center; background-size: .25rem;}
#c_shade{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index: 999999999;}
#c_shade .bg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
#c_shade .cnt{position:absolute; left:50%; top:50%; -webkit-transform: translate(-50% , -50%); transform: translate(-50% , -50%);}
#content{margin-bottom: 5.3rem; position: relative; z-index: 5; background: #fff;}
#sub_ban{position: relative;}
#sub_ban .txt{position: absolute; left:0; top:0; width:100%; padding:3.55rem .4rem 0; text-align: right;}
#sub_ban h1{font-size: .46rem; color:#fff; line-height: .56rem; letter-spacing: .3rem; margin-bottom: .15rem; margin-right:-.3rem; font-weight: 300;}
#sub_ban h2{font-size: .55rem; color:rgba(170,212,255,.3); letter-spacing: -.02rem; line-height: .5rem; text-transform: uppercase; font-family: "BrandonGrotesque-bold";}
.counter{display: inline-block;}
.h_til1{font-size: .6rem; color:#002aaa; line-height: .7rem; font-weight: 400; margin-bottom: .2rem;}
.h_til2{font-size: .55rem; color:#ffa200; line-height: .48rem; letter-spacing: -.03rem; text-transform: uppercase; font-family: "BrandonGrotesque-bold";}
.c_finger{display: none; position: absolute; pointer-events: none; top:1.1rem; right:.68rem; width:1.41rem; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 2s; animation-duration: 2s;}
.c_finger img{width: 100% !important;}
.c_finger.left_slide{display: block;}
.swiper-slide{transform: translate3d(0, 0, 0);}
video{height:auto; max-width: 100%;}

/* news */
.news_list{padding:.4rem .4rem 1.2rem;}
.news_list a{display: flex; padding-top: .45rem; justify-content: space-between;} 
.news_list .time{color:#ff5706; font-family: "Gilroy-Bold";}
.news_list .day{font-size: .8rem; letter-spacing: -.02rem; line-height: .7rem;}
.news_list .year{font-size: .22rem; line-height: 1;}
.news_list .txt{width:5.9rem; margin-right: -.4rem; padding:0 .4rem .5rem 0; border-bottom: .04rem solid #ebebeb;}
.news_list h3{font-size: .36rem; color:#44423e; text-align:justify; line-height: .46rem; font-weight: 300; margin-bottom: .25rem;}
.news_list .tool{display: flex;}
.news_list .tool .i{font-size: .18rem; line-height: 1; color:#b3b3b3; margin-left:.12rem; padding-left:.12rem; border-left:.03rem solid #b3b3b3;}
.news_list .tool .i:first-child{margin-left:0; border-left:0 none; padding-left:0;}
.news_list .tool .to_top{color:#3c9e92;}
.news_list .filter_box{position: relative; background: #f0eae0; border-radius: .18rem; height:1.2rem; padding:.2rem 1.1rem .2rem .3rem;}
.news_list .filter_box input{display: block; width:100%; line-height: .8rem; font-size: .28rem; color:#44423e;}
.news_list .filter_box .btn{position: absolute; right:.05rem; top:.05rem; width:1.1rem; height:1.1rem; background: url(https://suerbio.com/mobile/img/icon_seek.png) no-repeat center; background-size: .5rem;}
.news_list .c_more_btn{margin:.5rem 0 0 1.2rem;}
.news_d_main{padding:.93rem .4rem 1.2rem;}
.news_d_main section{
  margin-bottom: .26rem;
}
.news_d_main p>strong{font-weight: bold;}
.news_d_main .til_box{padding-bottom: .6rem;}
.news_d_main .til_box .name{font-size: .46rem; color:#44423e; line-height: .54rem; font-size: 300; margin-bottom: .2rem;}
.news_d_main .til_box .date{font-size: .46rem;  line-height:.4rem; color:#339185; font-family: "BrandonGrotesque-bold";}
.news_d_main .cnt_wr img{border-radius: .18rem; display:inline-block; vertical-align: top; margin:.08rem 0;}
.news_d_main .latest{margin-top:.94rem; padding:.35rem 0 0; border-top:.04rem solid #81c2cc;}
.news_d_main .latest .news_list{padding:0;}
.news_d_main .latest .c_h1{font-size: .36rem; line-height: .46rem;}
.news_d_main .latest .c_h2{color:#81c2cc;}
.news2_list{padding:.6rem .4rem 1rem;}
.news2_list .item{margin-bottom: .45rem;}
.news2_list .pic{position: relative; min-height: 3.2rem; background: #b2b2b2; overflow: hidden; border-radius: .18rem;}
.news2_list .pic .btn{position: absolute; left:50%; top:50%; width:.96rem; height:.96rem; margin:-.48rem 0 0 -.48rem; background: #005bbe url(https://suerbio.com/mobile/img/icon_play.png) no-repeat center; background-size: cover; border-radius: 50%;}
.news2_list h4{font-size: .36rem; color:#44423e; font-weight: 300; line-height:.46rem; text-align: center; padding:.25rem 0 0;}
.news2_list .c_more_btn{margin:.7rem auto 0;}
.vdo_pop{display: none; position: fixed; left:0; top:0; width:100%; height:100%; z-index: 555555;}
.vdo_pop .bg{position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.vdo_pop .cnt{position: absolute; left:0; top:50%; width:100%; transform:translateY(-50%); z-index: 50;}


/* about */
.about_lump1{padding:1rem .4rem .6rem;}
.about_lump1 .h1{width:3.18rem; margin-bottom: .15rem;}
.about_lump1 .c_h2{color:#d2cbc7; margin-bottom: .4rem;}
.about_lump1 .introduce{padding-top: .7rem;}
.about_lump1 .introduce h3,.about_lump1 .introduce h5{font-size: .46rem; color:#002aaa; line-height: .54rem; font-weight:300;}
.about_lump1 .introduce h5{margin-bottom: .3rem}
.about_lump1 .chart{margin:.15rem -.4rem 0; max-width: none; width:7.5rem;}
.about_lump2{position: relative; height:11rem; overflow: hidden; padding:.8rem .4rem 0 .86rem; background: #f3f3f3 url(https://suerbio.com/mobile/img/about/about1_map.png) no-repeat center 1.7rem; background-size: 100%;}
.about_lump2 h2{font-size: .46rem; color:#3f332c; line-height: .54rem; font-weight: 300;}
.about_lump2 .bom{position: absolute; left:.4rem; bottom:0; right:.85rem; padding-bottom: 1rem; min-height: 5.5rem; border-left:.04rem solid #ef5a00; padding-left:.4rem;}
.about_lump2 .bom .strong{font-size: .22rem; color:#ef5a00; line-height: 1rem; margin-bottom: -.3rem;}
.about_lump2 .bom .strong em{margin-left: -.05rem; font-size: .96rem; font-family: "SamsungSharpSans-Regular"; letter-spacing: -.03rem;}
.about_lump2 .bom h5{font-size: .22rem; color:#3f332c; line-height: .4rem; margin-bottom: .4rem;}
.about_lump2 .bom p{color:#868686;}
.about2{padding:.5rem .4rem 1.2rem;}
.about2_hd{position: relative; height:1.1rem; margin:0 -.4rem .44rem; padding:0 .4rem;}
.about2_hd:after{content: ""; display: block; position: absolute; left:.4rem; right:0; bottom:.06rem; border-bottom: .04rem solid #0059a7;}
.about2_hd>.swiper-wrapper{position: absolute; top:0; display: block; white-space: nowrap; box-sizing: border-box; height:1.04rem; width:auto; font-size: 0;}
.about2_hd .swiper-slide{display: inline-block; vertical-align: top; width:auto; font-size: .46rem; color:#8e8e95; font-weight: 300; height: 1rem; line-height: 1rem;}
.about2_hd .swiper-slide:last-child{margin-right:0 !important;}
.about2_hd .swiper-slide.on{color:#0059a7;}
.about2_bd .list .li{display: flex; height:2.5rem; margin-bottom: .2rem; justify-content: space-between; background: #f1eeeb; overflow: hidden; border-radius: .18rem;}
.about2_bd .list .img{height:100%; width:1.72rem; background-size: cover;}
.about2_bd .list .txt{width:4.48rem; display: flex; flex-direction:column; justify-content: center; align-items:flex-start; padding:0 .5rem 0 0;}
.about2_bd .list .txt .name{font-size: .36rem; color:#44423e; font-weight: 300; line-height:.46rem; margin-bottom: .08rem;}
.about2_bd .list .txt .en{width:.8rem; height:.04rem; background: #d5c5b9; margin-top:.1rem;}
.about2_bd .c_more_btn{float: right; margin-top:.4rem;}
.about3_hd{height:3.44rem; padding: .94rem .4rem 0; border-radius: 0 0 .18rem .18rem; background: url(https://suerbio.com/mobile/img/about/about3_hd_bg.jpg) no-repeat top center; background-size: 100% 100%;}
.about3_hd h2{font-size: .46rem; line-height: .54rem; font-weight: 300; color:#44423e; margin-bottom: .34rem;}
.about3_hd .swiper-slide{display: inline-block; height:.6rem; text-transform: uppercase; vertical-align: top; width:auto; font-size: .8rem; line-height: .6rem; font-family: "BrandonGrotesque-bold"; color:transparent; -webkit-text-stroke:.01rem rgba(62,62,62,.4); text-shadow:.01rem rgba(62,62,62,.4); letter-spacing: -.04rem;}
.about3_hd .swiper-slide:last-child{margin-right:0 !important;}
.about3_hd .swiper-slide.on{-webkit-text-stroke:.01rem #339185; text-shadow:.01rem #339185; color:#339185;}
.about3_bd{padding:.5rem .4rem 1rem;}
.about3_bd .li{margin-bottom: .4rem;}
.about3_bd h3,.about3_bd p em{margin-top: .4rem;}
.about3_bd h3:first-child,.about3_bd p:first-child em{margin-top:0;}
.about3_bd p{margin:0;}
.about3_bd .time,.about3_bd h3,.about3_bd p em{position: relative; display: block; margin-bottom: .24rem; font-size: .36rem; line-height: 1; padding-bottom: .04rem; color:#bdb199; font-family: "BrandonGrotesque-bold";}
.about3_bd .time:after,.about3_bd h3:after,.about3_bd p em:after{content: ""; display: block; position: absolute; left:0; bottom:0; border-bottom:.04rem solid #fab124; width:.26rem;}
.about4_tab{padding:.75rem .4rem .9rem;}
.about4_tab .h_til2{margin-bottom: .58rem;}
.about4_tab .bom_line{width:4.75rem; margin-top: .5rem;}
.about4_swiper{margin:0 -.4rem;}
.about4_swiper .swiper-slide{width:6.2rem; border-radius: .18rem; overflow: hidden;}
.about4_swiper .introduce{height:6.2rem; padding:.64rem .4rem 0; background:linear-gradient(to bottom left , #ad957c , #a28261);}
.about4_swiper h3{color:#fff; font-size: .44rem; line-height: .56rem; font-weight: 300; margin-bottom: .12rem;}
.about4_swiper h5{color:#ecbc8b; font-size: .46rem; text-transform: uppercase; line-height: .4rem; letter-spacing: -.03rem; font-family: "BrandonGrotesque-bold"; margin-bottom: .2rem;}
.about4_swiper p{color:#dfd9d3;}
.about5 .about3_hd{padding-top:1.34rem; background-image: url(https://suerbio.com/mobile/img/about/about5_hd_bg.jpg);}
.about5 .about3_hd h2{color:#fff;}
.about5 .about3_hd .swiper-slide{-webkit-text-stroke:.01rem rgba(62,62,62,.5); text-shadow:.01rem rgba(62,62,62,.5);}
.about5 .about3_hd .swiper-slide.on{color:#fff; -webkit-text-stroke:.01rem #fff; text-shadow:.01rem #fff;}


/* business */
.business_lump1{padding: .75rem .4rem .8rem;}
.business_lump1>h3,.business1_lump1>h3{font-size: .55rem; color: rgba(223,217,211,.4); line-height: .48rem; letter-spacing: -.03rem; text-transform: uppercase; font-family: "BrandonGrotesque-bold"; margin-bottom: .1rem;}
.business_lump1>h5,.business1_lump1>h5{font-size: .6rem; color: #002aaa; line-height: .7rem; font-weight: 400; margin-bottom: .3rem;}
.business_lump1 .h_til2{margin-bottom: .2rem;}
.business_lump1 h4{font-size: .36rem; color:#91a5af; line-height: .46rem; margin-bottom: .36rem;}
.business_lump1 p{margin-bottom: 0;}
.business_lump1 .about4_swiper{margin-top:.5rem;}
.business_lump1 .about4_swiper .name{height:5.6rem; padding:.6rem .4rem 0; background: #00867f;}
.business_lump1 .about4_swiper h5{color:rgba(255,255,255,.4); }
.business_lump1 .about4_swiper ul{display: flex; flex-wrap:wrap;}
.business_lump1 .about4_swiper li{font-size: .24rem; line-height: .44rem; color:#dfd9d3; margin-right:.4rem;}
.business_lump1 .about4_swiper .swiper-slide:nth-child(2) .name{background: #0048aa;}
.business_lump1 .about4_swiper .swiper-slide:nth-child(3) .name{background: #f13c39;}
.business_lump1 .about4_swiper .img{position: relative; overflow: hidden;}
.business_lump1 .about4_swiper .shade{position: absolute; left:0; top:0; width:100%; height:100%; z-index: 5; background: rgba(0,0,0,.4); display: none;}
.business_lump1 .about4_swiper .swiper-slide-active .shade{display: block;}
.business_lump1 .about4_swiper .shade .more{font-family: 'RAJDHANI_BOLD';letter-spacing: .02rem; font-size: .4rem;color: #fff;line-height: .4rem;text-transform: uppercase;position: absolute;left: .4rem;bottom: .3rem;}
.business_lump1 .about4_swiper .shade .more em{font-size: .24rem;display: inline-block;vertical-align: top;letter-spacing: .1rem;margin-left: .1rem;line-height: .4rem;}
.business_lump2{overflow: hidden; padding:1.43rem 0 0 .4rem; background: url(https://suerbio.com/mobile/img/business/business_k2_bg.jpg) no-repeat top center/100%;}
.business_lump2 .name h3{color:#007f81; font-size: .46rem; line-height: .56rem; font-weight: 400; margin-bottom: .12rem;}
.business_lump2 .name h5{color:rgba(156,129,90,.3); font-size: .66rem; text-transform: uppercase; line-height: .5rem; letter-spacing: -.03rem; font-family: "BrandonGrotesque-bold"; margin-bottom: 2.1rem;}
.business_tab{border-radius: .18rem 0 0 0; padding:.58rem .4rem 0 .7rem; background: #fff;}
.business_hd{height:2rem;}
.business_hd .swiper-wrapper{white-space: nowrap; font-size: 0;}
.business_hd .swiper-slide{position: relative; display: inline-block; width:auto;}
.business_hd .icon{width:.54rem; margin:0 auto .26rem;}
.business_hd .h3{font-size:.26rem; color:#928e8a; line-height: 1; white-space: nowrap;}
.business_hd .inner_bor{position: absolute; top:1.3rem; height:.04rem; background: #f23c39; transition:all .3s;}
.business_bd{padding-bottom: 1rem;}
.business_bd .h3{font-size: .48rem; line-height: .58rem; color:#007f81; font-weight: 300; margin-bottom: .16rem;}
.business_lump3{padding:.7rem .4rem 0; height:7.55rem; background: #273763 url(https://suerbio.com/mobile/img/business/business_map.png) no-repeat center 2.76rem/100%;}
.business_lump3 .name h3{color:#007f81; font-size: .46rem; line-height: .56rem; font-weight: 400; margin-bottom: .12rem; text-align: center;}
.business_lump3 .name h5{color:rgba(255,255,255,.5); font-size: .48rem; text-transform: uppercase; line-height: .4rem; letter-spacing: -.03rem; font-family: "BrandonGrotesque-bold"; text-align: center; margin-bottom: .3rem;}
.business_lump3 .introduce p{text-align: center; margin-bottom: 0; color:rgba(255,255,255,.4);}
.business_lump3 .bl_map{display: none;}
.business1_lump1{padding:.75rem .4rem;}
.business1_lump1 .h_til2{margin-bottom: .35rem;}
.business1_lump1 .img{margin-right:-.4rem; max-width: none; width:7.1rem; border-radius:.18rem 0 0 .18rem; overflow: hidden; margin-bottom: .34rem;}
.business1_lump2{padding:.7rem 0 1.2rem .4rem; background: url(https://suerbio.com/mobile/img/business/business1_k2_bg.jpg) no-repeat top center/100%;}
.business1_lump2 .name{padding-left:.4rem; margin-bottom:.5rem;}
.business1_lump2 .name h3{color:#007f81; font-size: .46rem; line-height: .56rem; font-weight: 400; margin-bottom: .12rem;}
.business1_lump2 .name h5{color:rgba(156,129,90,.3); font-size: .48rem; text-transform: uppercase; line-height: .4rem; letter-spacing: -.03rem; font-family: "BrandonGrotesque-bold"; margin-bottom: .3rem;}
.business1_lump2 .name .icon{width:.55rem;}
.business1_lump2 .index_fr{padding:.4rem 0 0 .4rem; background: #fff; border-radius: .18rem 0 0 0;}
.business1_lump2 .tab_name{padding:0 .4rem .15rem 0; overflow: hidden; border-bottom: .04rem solid #ebebeb; margin-bottom: .4rem;}
.business1_lump2 .tab_name a{position: relative; float: left; font-size: .24rem; padding-bottom: .02rem; color:#b3b3b3; line-height: .36rem; margin:0 .32rem .14rem 0;}
.business1_lump2 .tab_name a:after{content: ""; display: block; position: absolute; left:0; bottom:0; width:0; border-bottom: .04rem solid #f23c39;}
.business1_lump2 .tab_name a.on{color:#70829b;}
.business1_lump2 .tab_name a.on:after{width:100%;}
.business1_lump2 .box{min-height: 3.34rem; padding-right: .4rem;}
.business1_lump2 .box .con{display: none;}
.business1_lump2 .box h3{font-size: .34rem; color:#007f81; line-height: .44rem; margin-bottom: .2rem;}
.business1_lump2 .box p{font-size: .22rem; color:#7b7672; margin-bottom: 0;}
.business1_lump2 .box .link{margin-top:.34rem; width:2.56rem; height:.9rem; line-height: .9rem; font-size: .24rem; color:#fff; padding-left:.88rem; background:#00877f url(https://suerbio.com/mobile/img/business/business1_icon_enter.png) no-repeat .26rem center/.44rem; border-radius: .12rem;}
.business2 .business1_lump2{background-image: url(https://suerbio.com/mobile/img/business/business2_k2_bg.jpg);}
.business2 .business1_lump2 .name h3{color:#005bbe;}
.business2 .business1_lump2 .tab_name a.on:after{display: none;}
.business2 .business1_lump2 .item{margin-bottom:.95rem;}
.business2 .business1_lump2 .item:last-child{margin-bottom:0;}
.business2 .business1_lump2 .box .h1{font-size:.34rem; line-height: .44rem; color:#005bbe; margin-bottom: .2rem;}
.business2 .business1_lump2 .box h3{color:#70829b; font-size: .3rem; line-height: .4rem; margin-bottom: .1rem;}
.business2 .business1_lump2 .box .link{background-color: #005bbe;}
.business3 .business1_lump2{background-image: url(https://suerbio.com/mobile/img/business/business2_k2_bg.jpg);}
.business3 .business1_lump2 .name h3{color:#bd771c;}
.business3 .business1_lump2 .tab_name a.on:after{display: none;}
.business3 .business1_lump2 .box .h1{font-size:.34rem; line-height: .44rem; color:#f03a37; margin-bottom: .2rem;}
.business3 .business1_lump2 .box .link{background-color: #f03a37;}
.business3 .business1_lump2 .item{margin-bottom:.95rem;}
.business3 .business1_lump2 .item:last-child{margin-bottom:0;}


/* investor */
.investor_lump1{padding:.8rem .4rem 1.1rem; background: linear-gradient(to bottom left,#fff,#f8f9fc);}
.investor_lump1 .shares{position: relative; z-index: 5; padding-left:.34rem; margin-bottom: .5rem;}
.investor_lump1 .shares:after{content: ""; display: block; position: absolute; left:0; top:0; border-left:.04rem solid #ff9c00; height:2.62rem;}
.investor_lump1 .shares h5{font-size: .2rem; color:#474747; line-height: .3rem; font-family: "BrandonGrotesque-bold"; margin-bottom: .1rem;}
.investor_lump1 .shares h5 em{font-size: .42rem; display: inline;}
.investor_lump1 .shares h5.green em{color: #0ebe98;}
.investor_lump1 .shares h5.red em{color: #ff3600;}
.investor_lump1 .shares h3{font-size: .22rem; line-height: .3rem; color:rgba(66,66,78,.6);}
.investor_lump1 .shares h3 em{display: block; letter-spacing: -.03rem; font-size: .66rem; line-height: .5rem; color:rgba(89,89,89,.4); font-family: "BrandonGrotesque-bold"; margin-bottom: .1rem;}
.investor_lump1 .p_box{position: absolute; right:0; bottom:0; }
.investor_lump1 .p_box p{font-size: .18rem; line-height: .26rem; color:#8e8e95; margin:0;}
.investor_lump1 .img{margin:0 0 0 -.4rem; border-radius: 0 .18rem .18rem 0; overflow: hidden;}
.investor_lump1 .introduce{border-left:.04rem solid #e5d6cd; padding:.46rem 0 0 .3rem;}
.investor_lump1 .introduce h3{font-size: .44rem; color:#44423e; line-height: .54rem; font-weight: 300; margin-bottom: .16rem;}
.investor_lump1 .introduce h5{color:#339185; font-size: .46rem; text-transform: uppercase; line-height: .4rem; letter-spacing: -.03rem; font-family: "BrandonGrotesque-bold"; margin-bottom: .2rem;}
.investor_lump2{padding:.33rem .4rem 1.2rem;}
.investor_lump2 .con img{width:.4rem; margin-bottom: .15rem;}
.investor_lump2 .con p{margin:0; color:#8e8e95;}
.investor_con1 li{margin-top:.35rem;}
.investor_con1 li:first-child{margin-top:0;}
.investor_lump2 .bd_wrap{width: 7.5rem; padding:0 .4rem; margin:0 -.4rem;}
.investor_lump2 table{width:12rem; border-radius: .18rem .18rem 0 0; overflow: hidden;}
.investor_lump2 tbody{ border-bottom:.02rem solid #d7dbda;}
.investor_lump2 th{font-size: .26rem; color:#fff; line-height: .3rem; text-align: center; white-space: nowrap; padding:.4rem .2rem;}
.investor_lump2 th:nth-child(odd){background: #339185;}
.investor_lump2 th:nth-child(even){background: #137a6d;}
.investor_lump2 td{border-left:.02rem solid #d7dbda; padding:0 .2rem; height: .9rem; min-height: .9rem; font-size: .22rem; color:#929292; line-height: .3rem; vertical-align: middle; text-align: center; border-bottom:.02rem solid #d7dbda;}
.investor_lump2 td:last-child{border-right:.02rem solid #d7dbda;}
.investor_lump2 .con td p{display: inline; font:inherit; color:inherit; line-height: inherit;}
.investor_lump2 td em{font-family: "Gilroy-Bold";}
.investor_lump2 .table_wr{overflow: hidden; overflow-x: auto; margin:.35rem -.4rem .55rem 0; margin-bottom: .5rem; display: flex; padding-right: .4rem;}
.investor_lump2 .table_wr:last-child{margin-bottom: 0;}
.investor_lump2 .table_wr table{flex-shrink: 0;}
.investor_lump2 .investor_con2>p{font-size: .22rem; color:#6e8293; margin-bottom: 0;}
.investor_lump2 .investor_con2>p:first-child,.investor_lump2 .til_box:first-child{margin-top:-.07rem;}
.investor_lump2 .til_box{position: relative;}
.investor_lump2 .til_box h4{font-size: .22rem; line-height: .36rem; color:#0059a7; font-weight: 600;}
.investor_lump2 .til_box .unit{position: absolute; right:0; top:0; font-size: .22rem; color:#6e8293; margin-bottom: 0;}
.investor_lump2 .til_p{font-size: .22rem; line-height: .36rem; color:#0059a7; font-weight: 600;}
.investor_lump2 .til_p:after{content: ""; display: block; height:0; clear:both;}
.investor_lump2 .til_p .fl{font-size: .22rem; line-height: .36rem; color:#0059a7; font-weight: 600;}
.investor_lump2 .til_p .fr{position: absolute; right:0; top:0; font-size: .22rem; color:#6e8293; margin-bottom: 0;}
.investor2_con1 .btn{width: 3.14rem; height:1.26rem; line-height:1.26rem; color:#fff; padding-left:1.34rem; -webkit-transition: none; transition: none; border-radius: .18rem; background: url(https://suerbio.com/mobile/img/business/investor2_icon_down.png) no-repeat .7rem center/.41rem, linear-gradient(to bottom left, #27a494 , #229384);}
.investor2_list .li{background:url(https://suerbio.com/mobile/img/business/investor2_icon_down2.png) no-repeat right .4rem center/.41rem, linear-gradient(to bottom left , #f5f2ef , #f5f2ef); margin-bottom: .1rem; border-radius: .18rem; padding:.3rem; padding-right: 1rem;}
.investor2_list .li .date{font-size: .36rem; color:#ff5706; line-height: .26rem; font-family: "Gilroy-Bold"; margin-bottom: .1rem;}
.investor2_list .li .title{font-size: .24rem; line-height: .34rem; color:#8e8e95;}
.investor2_list .c_more_btn{float: right; margin: .5rem 0 0;}
.investor3 .investor2_list .li{background: linear-gradient(to bottom left , #f5f2ef , #f5f2ef);}
.investor4_lump2{padding:.45rem .4rem 1.2rem;}
.investor4_lump2 .c_h2{margin-bottom: .1rem;}
.investor4_lump2 .ipt_box{position: relative;}
.investor4_lump2 .ipt_box input{display: block; width:100%; background: #f4f1ec; color: #44423e; font-size: .28rem; border-radius: .18rem; height:1.2rem; padding:.3rem .3rem .3rem 1.7rem; line-height:.6rem; margin-bottom: .1rem;}
.investor4_lump2 .label{position: absolute; left:.3rem; height:1.2rem; line-height: 1.2rem; font-size: .28rem; color:#aaa49b;}
.investor4_lump2 .textarea{position: relative; margin-bottom: .1rem;}
.investor4_lump2 textarea{display: block; width:100%; height: 3.6rem; padding:.4rem .3rem; text-indent:1.4rem; background: #f4f1ec; color: #44423e; font-size: .28rem; border-radius: .18rem; line-height:.4rem;}
.investor4_lump2 .submit{width:1.8rem; height:1.2rem; line-height:1.2rem; font-size: .28rem; margin-top:.2rem; text-align: center; color:#fff; background: #ff5706; border-radius: .18rem;}
.investor4_lump2 .yzm .ipt_box{float: left; width: 58.4%;}
.investor4_lump2 .yzm .ipt_ma{float: right; width: 40%; height: 1.2rem; border-radius: .18rem; border: .02rem solid #f4f1ec; overflow: hidden;}
.investor4_lump2 .yzm .ipt_ma img{width: 100%; height: 100%;}
 /* liaison_1 */ 
.liaison .liaison_1 .content{ padding: .95rem .4rem; }
/* .liaison .liaison_1 .content .float .introduction h3{ font-size: .46rem; line-height: .54rem; color: #44423e; font-weight: 400; }
.liaison .liaison_1 .content .float .introduction h5{ color: #ddceac; font-size: .46rem; line-height: .4rem; text-transform: uppercase; margin-top: .15rem; font-family: "BrandonGrotesque-bold"; } */
.liaison .liaison_1 .content .float .introduction p{ font-size: .24rem; color: #b3b3b3; line-height: .36rem; margin-top: .35rem; }
.liaison .liaison_1 .content .bg .text p{ color: #b3b3b3; font-size: .24rem; margin-bottom: 0; line-height: .36rem; font-family: "Gilroy-Bold"; }
.liaison .liaison_1 .content .bg .list{ position: relative; margin-top: .55rem; }
.liaison .liaison_1 .content .bg .list img{ width: 6.79rem; margin-right: -.2rem; max-width: none; }
.liaison .liaison_1 .content .bg .list .text{ margin-top: -.55rem; }
.liaison .liaison_1 .content .bg .list .item{ position: absolute; right:.38rem; top: 2.95rem; }
.liaison .liaison_1 .content .bg .list .item p{ color: #57a2ff; font-size: .77rem; font-weight: 300; width: .7rem; line-height: .84rem; float: right; margin-left: .15rem; }
.liaison .liaison_1 .content .bg .text p:nth-child(1){ margin-bottom: .33rem; }
.liaison .liaison_1 .content .bg .list .item p:nth-child(2){ margin-top: 1.4rem; }
.liaison .liaison_2{ padding-left: .4rem; padding-bottom: .38rem; }
.liaison .liaison_2 .liaison_wrapper .title{ font-size: .46rem; color: #f19300; font-weight: 400; }
.liaison .liaison_2 .liaison_wrapper .name{ overflow: hidden; margin-top: .37rem; padding-bottom: .25rem; border-bottom: .04rem solid #ebebeb ; }
.liaison .liaison_2 .liaison_wrapper .name a{ float: left; color: #b3b3b3; font-size: .24rem; line-height: .24rem; margin-right: .32rem; margin-bottom: .25rem; }
.liaison .liaison_2 .liaison_wrapper .name a.on{ color: #70829b; }
.liaison .liaison_2 .liaison_wrapper .box{ padding-right: .4rem; }
.liaison .liaison_2 .liaison_wrapper .box .con{ display: none; }
.liaison .liaison_2 .liaison_wrapper .box .con:nth-child(1){ display: block; }
.liaison .liaison_2 .liaison_wrapper .box .con .item{ margin-top: .35rem; }
.liaison .liaison_2 .liaison_wrapper .box .con .item h3,.liaison .liaison_2 .liaison_wrapper .box .con .item p{ font-size: .22rem; color: #7b7672; font-family: "Gilroy-Bold"; margin-bottom: 0; }
.liaison .liaison_2 .liaison_wrapper{ margin-bottom: 1.15rem; }
 /* liaison_1 */


/* responsibility */
.responsibility-new2_lump1{padding:.5rem .4rem 1.2rem;}
.responsibility-new2_lump1 .bd_wrap .swiper-slide{height: 6rem;padding:.65rem .5rem 0;border-radius: .18rem;background:url(https://suerbio.com/mobile/img/responsibility/responsibility-new2_k1_bg.jpg) no-repeat center;background-size: 100% 100%;}
.responsibility-new2_lump1 .bd_wrap h3{font-size: .36rem; color:#5d6d87; line-height: .46rem; margin-bottom: .25rem;}
.responsibility-new2_lump1 .bd_wrap p{color:#95959d; margin-bottom: 0;}
.responsibility-new2_lump1 .bd_wrap ul{margin-top: -.13rem; margin-right: -.7rem;}
.responsibility-new2_lump1 .bd_wrap li{float:left; margin-right: .7rem; margin-bottom: .4rem;}
.responsibility-new2_lump1 .bd_wrap em{font-size: .56rem; color:#3ea576; font-family: "RAJDHANI_BOLD"; display:inline-block; vertical-align: bottom; padding-top: .12rem;}
.responsibility-new2_lump2{padding:.87rem .5rem 0; height:12.03rem; overflow:hidden; background:url(https://suerbio.com/mobile/img/responsibility/responsibility-new2_k2_bg.jpg) no-repeat center/100% 100%;}
.responsibility-new2_lump2 h2{font-size: .46rem; color:#ceebec; line-height: .56rem; font-weight: 300;}
.responsibility-new2_lump2 .con ul{display:flex; margin-top: .5rem; margin-right: -.7rem; padding-bottom: .5rem;}
.responsibility-new2_lump2 .con li{margin-right: .7rem; margin-bottom: .2rem;}
.responsibility-new2_lump2 .con li h3{font-size: .24rem; color:#97afb6; margin-bottom: 0;}
.responsibility-new2_lump2 .con li h3 em{display:inline-block; vertical-align: bottom; font-family: 'RAJDHANI_BOLD'; font-size: .56rem; color: #f9842f; line-height: 1;}
.responsibility-new2_lump2 .con li p{color:#97afb6; margin-bottom: 0;}
.responsibility-new2_lump2 .bg{position:relative; width:6.9rem; height:7.5rem; background:url(https://suerbio.com/mobile/img/responsibility/responsibility-new2_k2_bg_in.png) no-repeat center/100% 100%; margin:0 auto; border-radius: .18rem; margin-left: -.2rem;}
.responsibility-new2_lump2 .bg .icon_b{width: 5.4rem;height: 5.4rem;background: url(https://suerbio.com/mobile/img/responsibility/ico13.png) no-repeat center/contain;position: absolute;left: 0;right: 0; padding-top: 2.4rem; top: 0;bottom: 0;margin: auto;text-align: center;}
.responsibility-new2_lump2 .bg .icon_b h3{font-size: .22rem;color: #737373;line-height: .26rem;}
.responsibility-new2_lump2 .bg .y{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 2.58rem;height: 2.58rem;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;animation: h_icon2 8s infinite linear;-webkit-animation: h_icon2 8s infinite linear;}
.responsibility-new2_lump2 .bg .y.y2{animation: h_icon2 10s infinite linear;-webkit-animation: h_icon2 10s infinite linear;}
.responsibility-new2_lump2 .bg .y.y3{animation: h_icon2 12s infinite linear;-webkit-animation: h_icon2 12s infinite linear;}
.responsibility-new2_lump2 .bg .y.y4{animation: h_icon2 14s infinite linear;-webkit-animation: h_icon2 14s infinite linear;}
.responsibility-new2_lump2 .bg .y:before{content: '';width: .12rem;height: .12rem;background-color: #9bd7bc;position: absolute;left: 2.13rem;top: .3rem;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;}
.responsibility-new2_lump2 .bg .y.y2,.responsibility-new2_lump2 .bg .y.y3{width: 3.38rem;height: 3.38rem;}
.responsibility-new2_lump2 .bg .y.y2:before{left: -.06rem; top: 1.84rem;}
.responsibility-new2_lump2 .bg .y.y3:before{left: 1.22rem; top:auto; bottom: 0;}
.responsibility-new2_lump2 .bg .y.y3:before{background-color: #e0e1bf;}
.responsibility-new2_lump2 .bg .y.y4{width: 4.16rem;height: 4.16rem;}
.responsibility-new2_lump2 .bg .y.y4:before{left: auto;right:.04rem;top: 2.58rem;background-color: #e7ccb9;}
.responsibility-new2_lump2 .bg .item.item1{top: .58rem;left: 2.54rem;}
.responsibility-new2_lump2 .bg .item.item2{top: 2.22rem;left: 4.8rem;}
.responsibility-new2_lump2 .bg .item.item3{top: 4.66rem;left: 4.06rem;}
.responsibility-new2_lump2 .bg .item.item4{top: 4.66rem;left: .82rem;}
.responsibility-new2_lump2 .bg .item.item5{top: 2.22rem;left: .3rem;}
.responsibility-new2_lump2 .bg .item{width: 1.86rem;height: 1.86rem;line-height: 1.86rem;background-color: #f9842f;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;position: absolute;text-align: center;}
.responsibility-new2_lump2 .bg .item .name{display: inline-block;vertical-align: middle;}
.responsibility-new2_lump2 .bg .item p{font-size: .2rem;color: #ffffff;color: rgba(255,255,255,.8);line-height: .26rem;text-align: center;}
.responsibility-new2_lump3{height:7.94rem; padding:.7rem .4rem 0; background:url(https://suerbio.com/mobile/img/responsibility/responsibility-new2_k3_bg.jpg) no-repeat center/100% 100%;}
.responsibility-new2_lump3 h2{font-size: .46rem; color:#ceebec; line-height: .56rem; font-weight: 300; margin-bottom: .73rem;}
.responsibility-new2_lump3 .about4_swiper{padding-left: .4rem;}
.responsibility-new2_lump3 .about4_swiper .swiper-slide{width:4.17rem; height:3.44rem; padding:.35rem .4rem 0; background:url(https://suerbio.com/mobile/img/responsibility/responsibility-new2-k3.png) repeat center/100% 100%;}
.responsibility-new2_lump3 h3{font-size: .36rem; color:#384b6b; line-height: .46rem;}
.responsibility-new2_lump3 p{color:#95959d; margin-bottom: 0;}
.responsibility-new2_lump3 em{font-size: .56rem; color:#3ea576; font-family: "RAJDHANI_BOLD"; display:inline-block; vertical-align: bottom; padding-top: .12rem;}
.responsibility-new2_lump3 li{margin-bottom: .3rem;}
.responsibility-new2_lump3 li h3{color:#95959d; font-size: .24rem; line-height: .36rem;}
.responsibility-new2_lump4{padding:.75rem .4rem 0;}
.responsibility-new2_lump4 h2{font-size: .46rem; color:#486983; line-height: .56rem; font-weight: 300; margin-bottom: .3rem;}
.responsibility-new2_lump4 .bg{position:relative; z-index: 5; height:3.94rem; padding:.54rem .4rem 0; background:url(https://suerbio.com/mobile/img/responsibility/responsibility-new2_k4_txt_bg.png) no-repeat center/100% 100%;}
.responsibility-new2_lump4 .h3{font-size: .36rem; line-height: .4rem; color:#384b6b; margin-bottom: .1rem;}
.responsibility-new2_lump4 .h5{font-size: .36rem; line-height: .34rem; color:#425adf; font-family: "RAJDHANI_BOLD"; letter-spacing: -.01rem; margin-bottom: .1rem;}
.responsibility-new2_lump4 .p{font-size: .22rem; line-height: .36rem; color:#95959d;}
.responsibility-new2_lump4 .img{margin:-.44rem -.4rem 0; max-width: none; width:100vw;}
.responsibility-new2_lump5{padding:.55rem .4rem .8rem; background:#3ea576;}
.responsibility-new2_lump5 h2{font-size: .46rem; color:#fff; line-height: .56rem; font-weight: 300; margin-bottom: .35rem;}
.responsibility-new2_lump5 .swiper-slide{width:4.17rem; height:5.38rem; background:#f5f2ef;}
.responsibility-new2_lump5 .about4_swiper{padding-left: .4rem;}
.responsibility-new2_lump5 .roll{padding:.38rem .3rem 0;}
.responsibility-new2_lump5 .roll h3{font-size: .36rem; color:#384b6b; line-height: .46rem; }
.responsibility-new2_lump5 .roll p{font-size: .22rem; line-height: .36rem; color:#95959d;}
.responsibility_lump1{padding: .95rem .4rem 1.1rem;}
.responsibility_lump1 .c_h2{margin-bottom: .4rem;}
.responsibility_lump1 .img{position: relative; margin-top: .7rem; overflow: hidden; border-radius: .18rem;}
.responsibility_lump1 .introduction{position: absolute; left:0; top:0; padding:1.46rem .4rem 0; z-index: 5;}
.responsibility_lump1 .introduction h3{color:#da4442; font-size: .66rem; line-height: .5rem; letter-spacing: -.02rem; font-family: "BrandonGrotesque-bold"; margin-bottom: .05rem;}
.responsibility_lump1 .introduction h4{font-size: .46rem; color:#384b6b; line-height: .54rem; font-weight: 400; margin-bottom: .1rem;}
.responsibility_lump1 .introduction h5{color:rgba(255,255,255,.5); font-size: .37rem; text-transform: uppercase; line-height: .3rem; letter-spacing: -.02rem; font-family: "BrandonGrotesque-bold";}
.responsibility_lump2{padding:0 .4rem 1rem;}
.responsibility_lump2 .til_box{position: relative; margin-bottom: .4rem;}
.responsibility_lump2 .til_box h2{position: absolute; left:.4rem; top:.55rem; z-index: 5; font-size: .46rem; line-height: .48rem; font-weight: 300; color:#fff;}
.responsibility_lump2 .til_box .en{position: absolute; left:.3rem; top:1.2rem; font-size: 1.1rem; line-height: .8rem; z-index: 4; text-transform: uppercase; white-space: nowrap; font-family: "BrandonGrotesque-bold"; color:transparent; -webkit-text-stroke:.01rem rgba(221,206,172,.2); text-shadow:.01rem rgba(221,206,172,.2); letter-spacing: -.06rem;}
.responsibility_lump2 .til_box .bg{width:2.48rem; height:2.3rem; border-radius: .18rem; background: linear-gradient(to bottom,#008b8e,#01747f);}
.responsibility_lump2 .line{position: absolute; right:0; top:.8rem; width:1.46rem; background: #ffae00; height:.04rem;}
.responsibility_lump2 .item{background: #f5f2ef; border-radius: .18rem; margin-bottom: .1rem;}
.responsibility_lump2 .item a{display: flex; padding-right: .4rem;}
.responsibility_lump2 .item .h3{flex-shrink:0; min-width:.7rem; padding-right: .4rem; padding:0 .4rem; font-size: .36rem; color:#ff5706; height: 1.26rem; line-height: 1.26rem; font-family: "Gilroy-Bold";}
.responsibility_lump2 .item .name{font-size: .36rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #44423e; font-weight: 300; line-height: .46rem; height: 1.26rem; line-height: 1.26rem;}
.responsibility_lump2 .c_more_btn{float: right; margin-top: .6rem;}
.responsibility3_lump1{padding:.95rem .4rem .55rem;}
.responsibility3_lump1 .list .item{margin-bottom: .4rem;}
.responsibility3 .responsibility3_lump1 .c_h2{margin-bottom: .54rem;}
.responsibility3_lump1 .c_h2{margin-bottom: .4rem;}
.responsibility3_lump1 .txt h3{font-size: .24rem; line-height: .36rem; color: #b3b3b3;}
.responsibility3_lump1 .txt p{margin-bottom: 0;}
.responsibility3_lump1 .item{position: relative; overflow: hidden; border-radius: .18rem; }
.responsibility3_lump1 .introduction{position: absolute; left:0; bottom:0; min-height:4.24rem; padding:0 .4rem; width:100%; z-index: 5;}
.responsibility3_lump1 .introduction h3{position: relative; font-size: .46rem; color:#fff; line-height: .54rem; font-weight: 300; margin-bottom: .5rem;}
.responsibility3_lump1 .introduction h3:after{content: ""; display: block; position: absolute; left:0; bottom:-.28rem; width:.88rem; height:.03rem; background: #b18f43;}
.responsibility3_lump1 .introduction p{color:rgba(223,217,211,.5);}
.responsibility3_lump1  .c_more_btn{float: right;}
.responsibility3_lump1 .img{overflow: hidden; border-radius: .18rem 0 0 .18rem; margin-right:-.4rem; margin-top:.7rem;}
.responsibility3_lump2 .h_til{margin-bottom: .4rem;}
.responsibility3_lump2{padding:0 .4rem 1.2rem;}
.responsibility3_lump2 .c_h1{color:#0059a7;}
.responsibility3_lump2 .c_h2{color:#0059a7;}
.responsibility3_lump2 .about4_swiper .introduce{height: 6.5rem; background: #3b6854;}
.responsibility3_lump2 .about4_swiper .c_h1{color:#fff;}
.responsibility3_lump2 .about4_swiper .c_h2{color:#5f8d79; margin-bottom: .4rem;}
.responsibility3_lump2 .about4_swiper p{color:#8db0a1; margin-bottom: 0;}
.responsibility3_lump2 .bom_line{width: 4.75rem; margin-top: .5rem;}
.responsibility5 .responsibility3_lump1 .img{border-radius: 0; margin:.7rem -.4rem 0;}
.responsibility5 .bd_wrap{margin:0 -.4rem; padding:0 .4rem;}
.responsibility5_lump2{padding:0 .4rem .8rem;}
.responsibility5_lump2 .h_til{margin-bottom: .4rem;}
.responsibility5_lump2 .c_h1,.responsibility5_lump2 .c_h2{color:#0059a7;}
.responsibility5_lump2 .c_more_btn{margin:.4rem auto 0; background-color: #b70506; background-image: url(https://suerbio.com/mobile/img/icon_more2.png);}
.responsibility5_con1 .item{margin-bottom: .4rem;}
.responsibility5_con1 .img{margin:0 -.4rem;}
.responsibility5_con1 .introduce{position: relative; z-index: 5; margin-top:-.3rem; padding:.55rem .4rem .6rem; min-height: 4.2rem; border-radius: .18rem; background: #f5f2ef;}
.responsibility5_con1 h3{font-size: .46rem; color:#44423e; line-height: .56rem; margin-bottom: .3rem; font-weight: 300;}
.develpment_lump1{padding:.75rem .4rem 1.2rem;}
.develpment_lump1 .h_til2{margin-bottom: .34rem; font-size: .55rem; color: #ffa200; line-height: .48rem; letter-spacing: -.03rem; text-transform: uppercase; font-family: "BrandonGrotesque-bold";}
.develpment_lump1 .img{position: relative; margin-right: -.4rem; overflow: hidden; border-radius: .18rem 0 0 .18rem; margin-bottom: .6rem;}
.develpment_lump1 .img .txt{position: absolute; left:0; top:0; padding:1.3rem 1.26rem 0 .4rem;}
.develpment_lump1 .img p{font-size: .26rem; color:#fff5e3; line-height: .4rem; margin-bottom: .3rem;}
.develpment_lump1 .img .en{font-size: 1.2rem; line-height: .9rem; text-transform: uppercase; font-family: "BrandonGrotesque-bold"; color:transparent; -webkit-text-stroke:.01rem rgba(247,209,144,.3); text-shadow:.01rem rgba(247,209,144,.3); letter-spacing: -.04rem;}
.develpment_lump1 .ul a{position: relative; padding-left:1.22rem; display: flex; flex-direction:column; margin-bottom: .1rem; justify-content: center; height:1.4rem; overflow: hidden; border-radius: .18rem; background: no-repeat center/100% 100%;}
.develpment_lump1 .ul .icon{position: absolute; left:.34rem; top:50%; margin-top:-.34rem; width:.68rem;}
.develpment_lump1 .ul .enter{position: absolute; right:.4rem; top:50%; margin-top:-.3rem; width:.6rem; height:.6rem; background: url(https://suerbio.com/mobile/img/develpment/develpment_icon_enter.png) no-repeat center; background-size: 100% 100%;}
.develpment_lump1 .cn,.develpment_lump1 h3{font-size: .3rem; color:#fff; font-weight: bold; line-height: .38rem;}
.develpment_lump1 .en,.develpment_lump1 h5{font-size: .3rem; color:rgba(255,255,255,.3); font-weight: bold; line-height: .38rem; font-family: "BrandonGrotesque-bold"; text-transform: uppercase;}

@-webkit-keyframes line_anim {
  0% {transform: translateX(-101%);}
  100% {transform: translateX(0);}
}

@keyframes line_anim {
  0% {transform: translateX(-101%);}
  100% {transform: translateX(0);}
}

.line_anim {
  -webkit-animation-name: line_anim;
  animation-name: line_anim
}


@-webkit-keyframes up_sway {
  0% {transform: translateY(-40%);}
  100% {transform: translateY(0);}
}

@keyframes up_sway {
  0% {transform: translateY(-20%);}
  100% {transform: translateY(0);}
}


@-webkit-keyframes open-in{
  0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
  100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes open-in{
  0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
  100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@-webkit-keyframes open-out-1{
  0%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}35%{-webkit-transform:scaleX(.9) translateX(-5px);transform:scaleX(.9) translateX(-5px);-webkit-transform-origin:100% 0;transform-origin:100% 0}
  100%{-webkit-transform:scaleX(0) translateX(5px);transform:scaleX(0) translateX(5px);-webkit-transform-origin:100% 0;transform-origin:100% 0}
}
@keyframes open-out-1{
  0%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}35%{-webkit-transform:scaleX(.9) translateX(-5px);transform:scaleX(.9) translateX(-5px);-webkit-transform-origin:100% 0;transform-origin:100% 0}
  100%{-webkit-transform:scaleX(0) translateX(5px);transform:scaleX(0) translateX(5px);-webkit-transform-origin:100% 0;transform-origin:100% 0}
}
@-webkit-keyframes open-out-2{
  0%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:0 0;transform-origin:0 0}35%{-webkit-transform:scaleX(.9) translateX(5px);transform:scaleX(.9) translateX(5px);-webkit-transform-origin:0 0;transform-origin:0 0}
  100%{-webkit-transform:scaleX(0) translateX(-5px);transform:scaleX(0) translateX(-5px);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes open-out-2{
  0%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:0 0;transform-origin:0 0}35%{-webkit-transform:scaleX(.9) translateX(5px);transform:scaleX(.9) translateX(5px);-webkit-transform-origin:0 0;transform-origin:0 0}
  100%{-webkit-transform:scaleX(0) translateX(-5px);transform:scaleX(0) translateX(-5px);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@-webkit-keyframes close-in-1{
  0%{-webkit-transform:scaleY(0) translateY(-10px);transform:scaleY(0) translateY(-10px);-webkit-transform-origin:0 0;transform-origin:0 0}
  100%{-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes close-in-1{
  0%{-webkit-transform:scaleY(0) translateY(-10px);transform:scaleY(0) translateY(-10px);-webkit-transform-origin:0 0;transform-origin:0 0}
  100%{-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@-webkit-keyframes close-in-2{
  0%{-webkit-transform:scaleX(0) translateX(-10px);transform:scaleX(0) translateX(-10px);-webkit-transform-origin:0 0;transform-origin:0 0}
  100%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes close-in-2{
  0%{-webkit-transform:scaleX(0) translateX(-10px);transform:scaleX(0) translateX(-10px);-webkit-transform-origin:0 0;transform-origin:0 0}
  100%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@-webkit-keyframes close-out-1{
  0%{-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
  100%{-webkit-transform:scaleY(0) translateY(10px);transform:scaleY(0) translateY(10px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
}
@keyframes close-out-1{
  0%{-webkit-transform:scaleY(1) translateY(0);transform:scaleY(1) translateY(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
  100%{-webkit-transform:scaleY(0) translateY(10px);transform:scaleY(0) translateY(10px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
}
@-webkit-keyframes close-out-2{
  0%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
  100%{-webkit-transform:scaleX(0) translateX(10px);transform:scaleX(0) translateX(10px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
}
@keyframes close-out-2{
  0%{-webkit-transform:scaleX(1) translateX(0);transform:scaleX(1) translateX(0);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
  100%{-webkit-transform:scaleX(0) translateX(10px);transform:scaleX(0) translateX(10px);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
}

@-webkit-keyframes left_slide {
  0% {
    opacity:0;
    -webkit-transform: translate(0, 0) rotate(60deg);
    transform: translate(0, 0) rotate(60deg);
  }

  100% {
    opacity:1;
    -webkit-transform: translate(-80px, 0) rotate(20deg);
    transform: translate(-80px, 0) rotate(20deg);
  }
}

@keyframes left_slide {
  0% {
    opacity:0;
    -webkit-transform: translate(0, 0) rotate(60deg);
    transform: translate(0, 0) rotate(60deg);
  }

  100% {
    opacity:1;
    -webkit-transform: translate(-80px, 0) rotate(20deg);
    transform: translate(-80px, 0) rotate(20deg);
  }
}

.left_slide{
  -webkit-animation-name:left_slide;
  animation-name:left_slide;
}

@-webkit-keyframes float_y{0%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
50%{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
100%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}}
@keyframes float_y{0%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
50%{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
100%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}}
.float_y{-webkit-animation-name: float_y;animation-name: float_y}


@-webkit-keyframes h_icon2{
    0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
    100%{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes h_icon2{
    0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg)}
    100%{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
}


.fadeOut {
    position: fixed;
    bottom: .4rem;
    right: .4rem;
    width:.8rem;
    z-index: 9999;
    display: none;
}

.responsibility5_3_swiper {
  padding-bottom: .46rem;
  padding-left: 0.4rem;
  margin: 0 -0.4rem;
}
.responsibility5_3_swiper .swiper-slide {
  width: 4.17rem;
  /* background: url(https://suerbio.com/mobile/img/responsibility/responsibility-new2-k3.png) repeat center/100% 100%; */
}
.responsibility5_3_swiper .swiper-pagination {
  text-align: left;
  padding: 0 0.4rem;
  bottom: -0.1rem;
}
.responsibility5_3_swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 1px solid #fff;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  opacity: 1;
  margin: 0 5px 0 0 !important;
}
.responsibility5_3_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.responsibility5_3_swiper .item {
  overflow: hidden;
  background-color: #353f3d;
  border-radius: .14rem;
  -webkit-border-radius: .14rem;
  -moz-border-radius: .14rem;
  -ms-border-radius: .14rem;
  -o-border-radius: .14rem;
}
.responsibility5_3_swiper .img {
  width: 100%;
  height: 3.07rem;
  background: no-repeat center;
  background-size: cover;
}
.responsibility5_3_swiper .time {
  font-family: 'RAJDHANI_BOLD';
  font-size: .3rem;
  color: #74827f;
  line-height: 1;
  margin-bottom: .06rem;
}
.responsibility5_3_swiper h4 {
  font-size: .26rem;
  color: #74827f;
  line-height: .36rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.responsibility5_3_swiper .introduce {
  padding: .28rem .1rem .5rem .32rem;
}
.responsibility5_3 {
  background: url(https://suerbio.com/mobile/img/responsibility/responsibility.jpg) no-repeat center;
  background-size: cover;
  padding: .6rem .4rem .85rem;
}
.responsibility5_3 .name h3 {
  font-size: .46rem;
  color: #fff;
  line-height: .56rem;
  font-weight: 300;
  margin-bottom: 0.35rem;
}

.report-entrance{position: absolute; padding: .2rem 0 0; right: .4rem; bottom: calc(5.25vh + 1.1rem); width: .8rem; height: 1.6rem; background: #fff; border: .02rem solid #ebebeb; border-radius: .1rem; z-index: 999;}
.report-entrance img{width: .44rem; margin: 0 auto .2rem;}
.report-entrance .p{font-size: .24rem; color: #808080; line-height: .32rem; text-align: center;}



.entrance-pop{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999;}
.entrance-pop .bg{width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.entrance-pop .cnt{position: absolute; left: 0; right: 0; top: 0; border-radius: .16rem; bottom: 0; margin: auto; width: 6.4rem; background: #fff url(https://suerbio.com/mobile/img/entrance-bg.png) no-repeat .7rem center; background-size: 4.9rem; padding: 1.6rem 0 0; height: 10.26rem;}
.entrance-pop .box{margin-bottom: .5rem;}
.entrance-pop .ma{background: #fff; width: 1.88rem; height: 1.88rem; border-radius: .15rem; padding: .2rem; margin: 0 auto .2rem;}
.entrance-pop .p{font-size: .24rem; color: #666666; line-height: .4rem; text-align: center;}
.entrance-pop .close{position: absolute; left: 50%; bottom: -.38rem; margin-left: -.39rem; z-index: 2; width: .78rem; height: .78rem; background: url(https://suerbio.com/mobile/img/entrance-close.png) no-repeat center; background-size: contain;}




/* 20250408 */
.businessNew2{height: 10.6rem; padding: .7rem .4rem; background: url(https://suerbio.com/mobile/img/business/layoutBg.jpg) no-repeat center; background-size: cover;}
.businessNew2 *{text-align: center;}
.businessNew2 .topText{margin-bottom: .8rem; }
.businessNew2 .topText h3{font-size: .46rem;color: #007f81;font-weight: lighter;line-height: 1.2; margin-bottom: .1rem;}
.businessNew2 .topText h5{font-family: "BrandonGrotesque-bold";font-size: .44rem;color: #0048aa;color: rgba(0,72,170,.5);line-height: 1;text-transform: uppercase;letter-spacing: -1px;margin-bottom: .2rem;}
.businessNew2 .topText p{font-size: .24rem;color: #7b8d93;line-height: .42rem;}
.businessNew2 .aUl{display: flex; justify-content: center; flex-wrap: wrap;}
.businessNew2 .aUl a{margin: 0 .5rem .36rem;}
.businessNew2 .aUl .icon{width: 1.1rem; height: .5rem; background: no-repeat center; transition: all .4s; margin-bottom: .1rem; background-size: contain;}
.businessNew2 .aUl .it1 .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIcon1.png);}
.businessNew2 .aUl .it2 .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIcon2.png);}
.businessNew2 .aUl .it3 .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIcon3.png);}
.businessNew2 .aUl .it4 .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIcon4.png);}
.businessNew2 .aUl .it5 .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIcon5.png);}
.businessNew2 .aUl .it6 .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIcon6.png);}
.businessNew2 .aUl .it7 .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIcon7.png);}
.businessNew2 .aUl .it8 .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIcon8.png);}
.businessNew2 .aUl .it9 .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIcon9.png);}
.businessNew2 .aUl p{font-size: .24rem; text-align: center; line-height: .4rem; color: #808080; transition: all .4s;}
.businessNew2 .aUl a:hover p{color: #333;}
.businessNew2 .aUl .it1:hover .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIconOn1.png);}
.businessNew2 .aUl .it2:hover .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIconOn2.png);}
.businessNew2 .aUl .it3:hover .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIconOn3.png);}
.businessNew2 .aUl .it4:hover .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIconOn4.png);}
.businessNew2 .aUl .it5:hover .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIconOn5.png);}
.businessNew2 .aUl .it6:hover .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIconOn6.png);}
.businessNew2 .aUl .it7:hover .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIconOn7.png);}
.businessNew2 .aUl .it8:hover .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIconOn8.png);}
.businessNew2 .aUl .it9:hover .icon{background-image: url(https://suerbio.com/mobile/img/business/layoutIconOn9.png);}
.businessD .content{padding: .6rem .4rem 1rem;}
.businessD .content:after{content: ""; display: block; height: 0; clear: both;}
.businessD .bd{padding-top: .3rem;}
.businessD .bd .swiper-slide{display: none;}
.businessD .bd .tab_name{padding-bottom: 20px; border-bottom: 1px solid #e6e6e6;}
.businessD .bd .tab_name:before{content: '';width: 0;height: 3px;background-color: #d2d2d2;position: absolute;left: 0;bottom: 0;transition: all 2s 1s;-webkit-transition: all 2s 1s;-moz-transition: all 2s 1s;-ms-transition: all 2s 1s;-o-transition: all 2s 1s;}
.businessD .bd .tab_name.animated:before{width: 100%;}
.businessD .bd .tab_name{position: relative; font-size: .24rem;color: #928e8a;overflow: hidden; margin: 0 0 .1rem; line-height: .46rem; margin-right: -.4rem;}
.businessD .bd .tab_name a{float: left; height: .46rem; position: relative; margin: 0 .4rem .1rem 0;}
.businessD .bd .tab_name a:after{content: '';width: 100%;display: inline-block;}
.businessD .bd .tab_name a:hover{color: #000;}
.businessD .bd .tab_name a.on{color: #ff3f3d;}
.businessD .bd .link.new em {display: none;}
.businessD .bd .link em{margin-left: .1rem;position: relative;top: -1px;display: none;}
.businessD .bd .link{position: relative; margin-top: .34rem; width: 2.56rem; height: .9rem; line-height: .9rem; font-size: .24rem; color: #fff; padding-left: .88rem; background: #f03a37 url(https://suerbio.com/mobile/img/business/business1_icon_enter.png) no-repeat .26rem center/.44rem; border-radius: .12rem;}
.businessD .bd .link:before{content: '';width: .44rem;height: 100%;background: url(https://suerbio.com/mobile/img/business/business1_icon_enter.png) no-repeat center; background-size: contain; position: absolute;left: .26rem;top: 0;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;}
.businessD .bd .link:hover:before{left: 10px;}
.businessD .bd .box{margin-bottom: .4rem;}
.businessD .bd .box:last-child{margin-bottom: 0;}
.businessD .bd .h1{font-size: .34rem; line-height: .44rem; color: #00877f; line-height: .46rem; margin-bottom: .2rem;}
.businessD .bd .name{padding-bottom: .16rem; border-bottom: 1px solid #e6e6e6; margin-bottom: .1rem;}
.businessD .bd .name h3{font-size: .3rem; color: #333; line-height: .4rem;}
.businessD .bd .box p{color: #808080;}
.businessD .hd{position: relative; margin-bottom: .2rem; width: 100%;}
.businessD .hd li{float: left; width: auto; position: relative; font-size: .24rem; color: #808080; line-height: .8rem; cursor: pointer; font-weight: 600; transition: all .4s; white-space: nowrap;}
.businessD .hd li:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: .03rem; background: #e10400; transition: all .4s;}
.businessD .hd li.on{color: #e10400;}
.businessD .hd li.on .line{width: 100%;}
.businessD .hd li.on:after{width: 100%;}
.businessD .index_fr{width: 100%;}
.businessD .index_fr .introduce::before{content: '';width: 41px;height: 45px;background: url(https://suerbio.com/mobile/img/business/ico13.png) no-repeat;position: absolute;left: 0;top: -8px;}
.businessD .index_fr .introduce{position: relative; margin-left: -55px; padding:0 0 0 55px;}
.businessD .index_fr .con{margin-top: .6rem;}
.businessD .index_fr h3{font-size: .3rem;color: #007f81;font-weight: lighter;line-height: 1.2;margin-bottom: .2rem;}
.businessD .index_fr p{font-size: .26rem;color: #928e8a;line-height: .46rem; margin-bottom: 0;}





