#bsWXBox{box-sizing:content-box}
ul{list-style:none;}
a:link,a:visited{text-decoration:none;outline:0;color:#666}
a:active,a:focus,a:hover{color:#666;text-decoration:none}
img{border:0;padding:0;margin:0;max-width:100%}
p{margin: 0;padding: 0}
table{border-collapse:collapse;width:100%}
h1,h2,h3,h4,h5,h6{font-weight:400}

:root{
    --color-primary:#ba1f2f;
    --color-primary-1:#2B70CD;
    --swiper-pagination-color:#ba1f2f;
    --swiper-pagination-bullet-inactive-color:#fff;
    --swiper-pagination-bullet-inactive-opacity:1;
}

input,textarea{font-size:14px;outline:0;overflow:hidden;}
input[type=button],input[type=radio],input[type=reset],input[type=submit]{cursor:pointer;outline:0;border:none}
input[type=checkbox],input[type=radio]{position:relative;vertical-align:middle}
input[type=date],input[type=email],input[type=password],input[type=text],textarea{outline:0;color:#999}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999;opacity:1}
::-moz-placeholder{color:#999;opacity:1}
:-ms-input-placeholder{color:#999}
.clearfix:after{clear:both;height:0;content:"";line-height:0;font-size:0;display:block}
.clear{clear:both}
body{font-family: "Microsoft YaHei", Arial, serif;font-size:14px;color:#666;line-height:1.5;width:100%;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;overflow-x:hidden;margin: 0;padding: 0}
.fl{float:left}
.fr{float:right}
.pic{position:relative;overflow:hidden;width:100%}
.pic:after{content:'';display:block;padding-bottom:100%}
.pic img{transition:.5s}
.middleCenter{position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%;max-height:100%;display:block;vertical-align:middle;text-align:center;margin:auto}
.tp{overflow:hidden}
.tp img{display:block;max-width:100%;height:auto;margin:auto;transition:.5s;}
.container1{width:1440px;margin:0 auto}
header{width:100%;margin:0 auto}
.daohang{display:block;width:100%;margin:0 auto;height:100px;clear:both;background:#fff;transition:.5s}
.daohang .container1{display:flex;align-items:center;justify-content:space-between;height:100%;transition:.5s;padding: 0}
.yx a{display:flex;align-items:center}
.yx img{max-width:100%;height:49px;transition:.5s}
.logo_txt{display:flex;flex-direction:column;font-weight:700;font-size:18px;color:#b9b9b9;position:relative;padding-left:18px;margin-left:18px;line-height:24px}
.logo_txt span{font-family:OPPOSans;font-weight: bold;letter-spacing:2px}
.logo_txt:before{content:'';display:block;width:1px;height:39px;background:#222;opacity:.15;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.nav-fr{display:flex;align-items:center}

.menupc{display:flex;align-items:center}
.menupc li{text-align:center;z-index:9;position:static;margin-right:45px}
.menupc li:hover a{color:var(--color-primary)}
.menupc li:hover a:after{width:100%}
.menupc li a{display:block;font-weight:400;font-size:16px;color:#2b2b2b;position:relative;text-transform:uppercase}
.menupc li a:after{content:'';display:block;width:0;height:2px;background:var(--color-primary);transition:.5s;position:absolute;top:30px;left:50%;transform:translate(-50%,0)}
.menupc li a.on,.menupc li a:hover{color:var(--color-primary)}
.menupc li a.on:after,.menupc li a:hover:after{width:100%}
.menupc li a.current{color:var(--color-primary)}
.menupc li a.current:after{width:100%}
.menupc .xiala{position:absolute;z-index:999;display:none;background:#fff;overflow:hidden;left:0;top:100px;width:100%;height:auto;text-align:left;line-height:0;border-top:1px solid #efefef;padding:23px 0;justify-content: center;}
.menupc ul{display:flex;align-items:center}
.menupc ul li a{font-size:16px;font-weight:400;color:#666!important;line-height:30px;position:relative;margin-left:55px}
.menupc ul li a:after{display:none}
.menupc ul li a:hover{color:var(--color-primary)!important}
.menupc ul li a.current{color:var(--color-primary)!important}

.nation{margin:0 16px 0 8px}
.nation a{display:block;font-weight:400;font-size:16px;color:#b9b9b9;background:url(../images/nation.png) no-repeat left center;background-size:19px 19px;padding-left:28px}
.header-search{padding-left:16px;position:relative}
.header-search:before{content:'';display:block;width:1px;height:14px;background:#8f8f8f;opacity:.3;position:absolute;left:0;top:50%;transform:translate(0,-50%)}
.header-search .pull-right{float:right;width:16px;height:16px;background:url(../images/search.png) no-repeat center center;background-size:100%;color:var(--color-primary);cursor:pointer}
.header-search .pull-right a{display:block;height:16px;text-align:center}
.search{z-index:9;position:relative}
.search.btn-search-max{z-index:2;-webkit-transition:All .2s ease-in-out;transition:All .2s ease-in-out;position:relative}
.search .btn-search-max *{display:inline-block;vertical-align:middle}
.search .search-main{top:58px;right:0;z-index:9;width:340px;display:none;padding:0 30px 10px 10px;position:absolute;box-shadow:0 0 10px #eee;background-color:#fff}
.search-container{background-color:#fff;padding-left:0;overflow:hidden;margin-top:10px;position:relative;border:1px solid #eee}
.search-container .form-control{text-align:left;border:none;box-shadow:none;border-radius:0;width:100%;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-mz-border-radius:0;font-size:14px;color:#333;line-height:20px;vertical-align:top;padding:10px 86px 10px 10px;-webkit-appearance:none;background-color:#fff}
.search-container .form-control:focus{border:1px solid var(--color-primary)}
.search-container .btn{top:0;border:0;right:0;color:var(--color-primary);width:42px;height:42px;line-height:42px;text-align:center;position:absolute;cursor:pointer;border-radius:0;background:var(--color-primary) url(../images/overlay-icon.png) no-repeat center center;background-size:25px 25px}
#search-closed{right:0;top:15px;max-width:30px;position:absolute;cursor:pointer}
.daohang.guding{position:fixed;z-index:999;box-shadow:0 1px 10px 3px rgba(24,62,160,.06)}
.phone-nav{position:absolute;font-size:30px;right:15px;top:0;line-height:60px;display:none;color:#666}
.phone-nav img{height:30px;margin-top:15px;display:block}
.header a[href="#page"]{display:none!important}
.mm-opened .header a[href="#page"]{display:block!important}
.mm-opened .header a[href="#mmenu"]{display:none!important}
#mmenu{z-index:9999}
#mmenu li .home-search{float:left;margin-left:20px;width:90%;background-color:#fff;padding-left:0;overflow:hidden;margin-top:10px;position:relative}
#mmenu li .home-search .keyword{text-align:left;border:0;box-shadow:0;border-radius:0;width:86%;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-mz-border-radius:0;font-size:14px;color:#999;line-height:20px;vertical-align:top;padding:6px 86px 6px 10px;-webkit-appearance:none;background-color:#fff;border:1px solid #ccc}
#mmenu li .home-search .keyword:focus{transition:border linear .2s,box-shadow linear .5s;-moz-transition:border linear .2s,-moz-box-shadow linear .5s;-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;outline:0;border:1px solid var(--color-primary)}
#mmenu li .home-search .btn-sub{top:0;border:0;right:0;color:var(--color-primary);width:42px;height:34px;line-height:34px;text-align:center;position:absolute;cursor:pointer;border-radius:0;background:var(--color-primary) url(../images/search3.png) no-repeat center center}
.container-fluid{margin-left:auto;margin-right:auto;padding:0 15px}
.home-banner{width:100%;margin:0 auto;position:relative}
.swiper-container{width:100%;height:100%;position:relative}
.swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.banners img{display:block;width:100%;height:auto}
.banners img.mobile{display: none}
.ban_txt{position:absolute;top:50%;transform:translate(0,-50%);width:100%;color:#fff;text-align:center}
.ban_txt1{font-weight:700;font-size:80px;color:#fff;line-height:1;display:flex;align-items:center;justify-content:center}
.ban_txt1 span{font-size:60px;padding:0 40px}
.ban_txt2{margin-top:55px;display:inline-flex;font-weight:400;font-size:36px;color:#fff;line-height:1;border:1px solid #fff;padding:17px 40px}
.ban_point{position:absolute;width:100%}
.ban_point .container1{position:relative}
.home-banner .swiper-pagination{bottom:40px;right:0}
.home-banner .swiper-pagination-bullet{width:11px;height:11px;background:#fff;border-radius:50%;opacity:1;outline:0;margin:0 7px;transition:.5s}
.home-banner .swiper-pagination-bullet-active{background:var(--color-primary)}
.phone-nav{display:none}
footer{width:100%;margin:0 auto;background:#313235}
.footer2{padding:29px 0;border-top:1px solid rgba(255,255,255,.1)}
.footer2 p{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-weight:400;font-size:16px;color:#a5a5a5;line-height:30px}
.footer2 a{font-weight:400;font-size:16px;color:#a5a5a5;line-height:30px}
.footer2 a:hover{color:var(--color-primary)}
.footer1{padding:50px 0 20px 0}
.footer1 .container1{display:flex;flex-wrap:wrap;justify-content:space-between;}
.footer1_1{width:70%}
.footer1_1 ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding: 0;}
.footer1_1 ul li{padding:0 10px}
.footer1_1 ul li a{display:block;font-weight:400;font-size:18px;color:#e8e8e8;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer1_1 ul li a:after{content:'';display:block;width:25px;height:1px;background:var(--color-primary);margin:15px 0 20px 0}
.menulist ul{display:flex;flex-direction:column;flex-wrap:nowrap}
.menulist ul li{width:100%!important;padding:0!important}
.menulist ul li a{display:block;font-weight:400;font-size:16px;color:#a5a5a5;line-height:36px}
.menulist ul li a:after{display:none}
.menulist ul li a:hover{color:var(--color-primary)}
.footer1_2{width:23%;display:flex;flex-direction:column;align-items:center}
.footer1_2 ul{display:flex;justify-content:space-between;width:100%;box-sizing: border-box;}
.footer1_2 ul li{width:46%}
.footer1_2 img{display:block;max-width:100%;height:auto;margin:0 auto;padding:11px;background:url(../images/kuang.png) no-repeat center;background-size:cover;box-sizing: border-box;}
.footer1_2 p{margin-top:15px;font-weight:400;font-size:16px;color:#a5a5a5;line-height:24px;text-align:center}
.home-news{width:100%;margin:0 auto;background:#f7f8f9;padding:50px 0;display:flex;flex-wrap:wrap;padding-left:calc((100vw - 1440px)/ 2)}
.news_fl{width:18%;padding: 30px 0}
.index_title p{font-weight:400;font-size:24px;color:var(--color-primary-1);line-height:1}
.index_title h3{margin-top:15px;font-weight:400;font-size:48px;color:#000;line-height:1.25}
.news_fl .index_more{margin:50px 0 105px}
.index_more{display:flex;align-items:center}
.index_more a{display:flex;width:173px;transition:.5s;position:relative}
.index_more a p{width:128px;height:45px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;border-radius:23px;border:1px solid var(--color-primary);font-weight:400;font-size:16px;color:#fff;transition:.5s}
.index_more a span{width:45px;height:45px;border-radius:50%;border:1px solid var(--color-primary);background:var(--color-primary) url(../images/more.png) no-repeat center;position:absolute;left:128px;transition:.5s}
.index_more a:hover p{margin-left:45px}
.index_more a:hover span{left:0}
.news_fl_arrow{position:relative;height:58px}
.news_fl .news_fl_arrow div{width:58px;height:58px;border-radius:50%;cursor:pointer;background:#e9ecef;transition: all 0.5s}
.news_fl .news_fl_arrow div:after{font-size: 20px;transition: all 0.2s;color:#B3B3B3 }
.news_fl .news_fl_arrow div:hover:after{color:#fff }
.news_fl .swiper-button-next:hover,.news_fl .swiper-button-prev:hover{color: #fff;background: var(--color-primary-1)}
.news_fl .swiper-button-prev{left:0;right:auto}
.news_fl .swiper-button-next{right:auto;left:68px;}
.news_fr{width:82%;position:relative;padding-left:35px;box-sizing: border-box;}
.news_fr .swiper-container{overflow: hidden;padding: 30px 0 30px 20px;box-sizing: border-box;}
.news_fr .swiper-slide{display:initial}
.news_fr .swiper-slide:hover a{box-shadow: 0px 0px 38px 0px rgba(158,177,209,0.4);}
.news_fr .swiper-slide.swiper-slide-prev a{padding-right: 5px;box-sizing: border-box;}
.newss a{display:block;overflow:hidden;position:relative;width:100%;border-radius:20px;transition:.5s}
.news_txt{text-align:left;background:#fff;padding:45px 40px}
.news_txt1{font-weight:400;font-size:14px;color:#c8c7c7;line-height:20px;background:url(../images/date.png) no-repeat left center;background-size:18px 18px;padding-left:28px}
.news_txt2{margin-top:30px;font-weight:400;font-size:22px;color:#1e1e1e;line-height:33px;height:66px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news_txt3{margin-top:20px;font-weight:400;font-size:16px;color:#908f8f;line-height:24px;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newss a:hover .news_img img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05)}
.newss a:hover .news_txt2{background:linear-gradient(-90deg,var(--color-primary-1) 0,#1ea095 99.6337890625%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home-product{width:100%;margin:110px auto 0 auto}
.home-product .index_title{text-align:center}
.pro_con{margin-top:55px;position:relative}
.pro_con .swiper-slide{display:initial}
.pros a{display:block;overflow:hidden;position:relative;width:100%;transition:.5s}
.pro_txt{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;top:0;left:0;z-index:99}
.pro_txt1{font-family:OPPOSans;font-weight: bold;font-size:30px;color:#fff;line-height:1;opacity:.4;padding:50px;text-align:left}
.pro_txt2{display:flex;align-items:center;justify-content:space-between;padding:20px 50px;transition:.5s}
.pro_txt2_fl{display:flex;align-items:center}
.pro_txt2_fl img{height:53px}
.pro_txt2_fl h3{font-weight:400;font-size:30px;color:#fff;line-height:1;padding-left:15px}
.pro_txt2_fr{width:51px;height:51px;background:var(--color-primary) url(../images/pjt_r.png) no-repeat center;background-size:8px 14px;border-radius:50%;opacity:0;transition:.5s}
.pros a:hover .pro_img img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05)}
.pros a:hover .pro_txt1{opacity:1}
.pros a:hover .pro_txt2{background:rgba(43,112,205,.85);border-radius:20px 20px 0 0}
.pros a:hover .pro_txt2_fr{opacity:1}
.pro_jt{width:6.6%;aspect-ratio: 1 / 1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:99;display: flex;align-items: center;justify-content: center;}
.pro_jt::before{content: '';width: 120%;height: 120%;position: absolute;left: -10%;top: -10%;background:rgba(43,112,205,.5);border-radius:50%;}
.pro_jts{width:95%;height:95%;background:var(--color-primary-1);border-radius:50%;position: relative;display: flex;justify-content:center;align-items: center;}
.pro_con .swiper-button-next1,.pro_con .swiper-button-prev1{display:block;width:40%;height: 100%;z-index:10;cursor:pointer;outline:0;text-align:center;border-radius:0;background-size: 30% !important;}
.pro_con .swiper-button-prev1{background:url(../images/pjt_l.png) no-repeat center}
.pro_con .swiper-button-next1{background:url(../images/pjt_r.png) no-repeat center}
.home-about{width:100%;margin:0 auto;background:url(../images/aboutbg.jpg) no-repeat center;background-size:cover;padding-top:110px}
.about_t{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.about_t_fl{width:49%}
.about_t_fl .index_title p{color:#61d5cf}
.about_t_fl .index_title h3{color:#fff}
.about_t_con{font-weight:400;font-size:16px;color:#fff;line-height:30px;height:90px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin:50px 0 90px}
.about_t_fr{width:33.5%}
.m-video{position:relative;cursor:pointer;border:6px solid rgba(255,255,255,.3);border-radius:15px;display: inline-flex;overflow: hidden}
.m-video .video{width: 100%}
.m-video .tp img{border-radius:15px;height: 400px;width: 100%}
.video_con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85px;height:85px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.about_c{border-top:1px dashed rgba(255,255,255,.3);padding:55px 0;margin-top:59px}
.about_c ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding: 0}
.about_c ul li{text-align: center}
.about_c ul li h3{font-family:OPPOSans;font-weight:bold;font-size:24px;color:#fff;line-height:.8}
.about_c ul li h3 span{font-size:55px}
.about_c ul li p{margin-top:5px;font-weight:400;font-size:18px;color:#fff;line-height:30px}
.about_c ul li:nth-of-type(1){text-align: left}
.about_c ul li:nth-of-type(4){text-align: right}
.about_b{position:relative;padding-bottom:5px;overflow: hidden}
.about_b .swiper-slide{display:initial}
.abouts a{display:block;overflow:hidden;position:relative;width:100%;transition:.5s}
.about_txt{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:25px 44px;display:flex;align-items:flex-end;background:url(../images/abg.png) no-repeat bottom center;background-size:100%;transition:.5s}
.about_txts{display:flex;align-items:center}
.about_txt img{height:31px;transition:.5s}
.about_txt h3{font-weight:400;font-size:24px;color:#fff;line-height:1;padding-left:15px;margin: 0}
.about_b .swiper-pagination-progressbar{height:5px;bottom:0;width:100%;background:rgba(255,255,255,.3);top: initial !important;}
.about_b .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--color-primary)}
.abouts a:hover .about_img img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05)}
.abouts a:hover .about_txt img{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.home-kcxfz{width:100%;margin:0 auto;background:url(../images/kcxfzbg.jpg) no-repeat center;background-size:cover;padding:110px 0}
.kcxfz_con{font-weight:400;font-size:18px;color:#4b4b4b;line-height:36px;margin:100px 0 60px 0}
.kcxfz_con h3{font-size:24px;color:#000}
.kcxfz_link{margin-bottom:100px}
.kcxfz_link ul{display:flex;align-items:center;padding: 0}
.kcxfz_link ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:195px;height:152px;transition:.5s}
.kcxfz_link ul li a:hover{background:rgba(255,255,255,.3);box-shadow:0 0 38px 0 rgba(158,177,209,.4);border-radius:20px}
.kcxfz_link_img{width:61px;margin:0 auto;height:52px;overflow:hidden;position:relative;transition:.5s;position:relative;z-index:1}
.kcxfz_link_img:after{padding-bottom:85%}
.kcxfz_link_img .kcxfz_before{top:0;transition:all .6s ease-in-out 0s}
.kcxfz_link_img .kcxfz_after{top:-200%;opacity:0;transition:all .6s ease-in-out 0s}
.kcxfz_link ul li a:hover .kcxfz_link_img .kcxfz_after{top:0;opacity:1}
.kcxfz_link ul li a:hover .kcxfz_link_img .kcxfz_before{top:200%}
.kcxfz_link_txt{margin-top:20px;font-weight:400;font-size:24px;color:var(--color-primary-1);line-height:1}
.kcxfz_link ul li a:hover .kcxfz_link_txt{background:linear-gradient(-90deg,var(--color-primary-1) 0,#1ea095 99.6337890625%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home-stock{width:100%;margin:0 auto;background:#f1f5f9;padding:63px 0}
.home-stock .container1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.stock_fl{width:21%}
.stock_fl_t{display:flex;align-items:center}
.stock_fl_t img{height:55px}
.stock_fl_t p{display:flex;flex-direction:column;font-weight:700;font-size:18px;color:#a1a7b1;padding-left:13px;line-height:24px}
.stock_fl_t p span{font-family:OPPOSans;font-weight: bold;letter-spacing:2px}
.stock_fl_b{display:flex;align-items:flex-end;justify-content:space-between;margin-top:40px}
.stock_fl_b h3{font-weight:400;font-size:16px;color:#4b4b4b;line-height:.8;display:flex;align-items:flex-end}
.stock_fl_b h3 span{font-family:OPPOSans;font-weight:bold;font-size:60px;color:var(--color-primary);margin-right:7px}
.stock_fl_b p{display:flex;align-items:center;font-weight:400;font-size:20px;color:#4b4b4b;line-height:1}
.stock_fl_b img{height:15px;margin-right:7px}
.stock_fr{width:69%}
.stock_fr_t{font-weight:400;font-size:14px;color:#a1a7b1;line-height:24px;text-align:right}
.stock_fr_b{margin-top:70px}
.stock_fr_b ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.stock_fr_b ul li p{font-weight:400;font-size:18px;color:#4b4b4b;line-height:1}
.stock_fr_b ul li h3{margin-top:5px;font-weight:400;font-size:18px;color:#000;line-height:1}
.stock_fr_b ul li h3 span{font-weight:700;font-size:36px;line-height:1}
.float_ck{position:fixed;top:45%;z-index:999;display:flex;flex-direction:column;right:15px}
.float_ck dl dd{position:relative;margin-bottom:5px}
.float_ck dl dd:last-child{margin-bottom:0}
.float_ck dl dd a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;background:#0e3d8a;position:relative;border-radius:5px;transition:.5s}
.float_ck dl dd a i{background-size:100%!important}
.float_ck dl dd a i.wx{width:19px;height:19px;background:url(../images/wx.png) no-repeat center}
.float_ck dl dd a i.kf{width:19px;height:20px;background:url(../images/kf.png) no-repeat center}
.float_ck dl dd a i.ly{width:17px;height:17px;background:url(../images/ly.png) no-repeat center}
.float_ck dl dd a i.top{width:14px;height:9px;background:url(../images/top.png) no-repeat center}
.float_ck dl dd a:hover{background:var(--color-primary)}
.float_ck dl dd:hover .floating_left{display: block}
.floating_left{display: none;position:absolute;right:50px;background:#fff;box-shadow:0 0 95px 0 rgba(158,177,209,.18);border-radius:5px;transition:.5s}
.floating_left.s_wx{align-items:center;justify-content:center;top:50%;transform:translate(0,-50%);width:105px;height: 105px;flex-direction:column;padding:10px}
.floating_left.s_wx:before{content:'';display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;font-size:0;line-height:0;transform:rotate(90deg) translate(-50%,0);position:absolute;top:50%;right:-12px}
.floating_left.s_wx img{width:105px;height:105px}
.floating_left.tel{width: 180px;background: var(--color-primary);color: #fff;flex-direction: row;height: auto}
.floating_left.tel:before{border-bottom-color: var(--color-primary);}
.floating_left.tel img{width:20px;height:20px;margin-right: 5px;}
.float_ck dl dd:hover .floating_left.tel{display: flex}
#index.index{padding-top: 100px;width: 100%;overflow: hidden;}
#index.index .container1{padding: 0}

/*************************/
#way-wrap{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 9;}
#way-wrap .container1{display: flex;;padding-bottom: 22px !important;flex-wrap: wrap;}
#way-wrap .container1 .img{width: 6px;;margin:0 15px}
#way-wrap .container1 .img.home{width: 21px;height: 21px;background: url("../images/home.png") no-repeat center;background-size: contain;margin:0 15px 0 0}
#way-wrap .container1 .img.arrow:after {font-family: swiper-icons;content: 'next';color: #fff;font-size: 12px}
#way-wrap .container1 .item{color: #fff;font-size: 16px;display: flex;align-items: center;}
#way-wrap .container1 a.item:last-of-type{color: var(--color-primary)}
.x-title{font-size: 48px;text-align: center;width: 100%;color: #000;line-height: 1}

.img-hover-zoom {overflow: hidden;height: fit-content;}
.img-hover-zoom .img{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
.img-hover-zoom .img,.img-hover-zoom img {transition: all 5s;}
.img-hover-zoom:hover .img,.img-hover-zoom:hover img {transform: scale(1.3);}

.x-banner{position: relative;line-height: 1;padding-top: 100px;width: 100%;overflow: hidden;}
.x-banner > img{width: 100%;display: block}
.x-banner img.mobile{display: none}
.x-banner .swiper-wrapper{width: 100%}
.x-banner .swiper-wrapper .swiper-slide img{width: 100%}
.x-banner .swiper-wrapper .swiper-slide img:nth-of-type(2){display: none}
.x-banner .swiper-pagination{z-index: 99}

.foot-operate{display: flex;justify-content: space-between;padding: 40px 0 0 0;border-top: 1px dashed #DCDCDC;box-sizing: border-box;width:100%}
.foot-operate .more{font-size: 16px;}
.foot-operate .more .pre{padding-bottom: 10px;}
.foot-operate .more a{font-size: 16px;color:#818080;}

.pagination{display: flex;align-items: center;justify-content: center;}
.pagination a{display: block;width: 55px;height: 55px;border-radius: 50%;background: #fff;text-align: center;line-height: 55px;color:#000;margin-right: 17px;font-size: 16px;}
.pagination a:last-of-type{margin-right: 0}
.pagination .last{display: none}
.pagination .home{display: none}
.pagination .prev a,
.pagination .next a{color: transparent;margin-right: 17px;background: url("../images/pagination-prev.png") #fff no-repeat center;}
.pagination .next a{transform: rotateY(180deg);}
.pagination a.active{background: var(--color-primary);color: #fff}

.article-detail{display: flex}
.article-detail .main{width: 100%;flex: 1;box-sizing: border-box}
.article-detail .main .title{font-size: 36px;color: #000;line-height: 1.5;padding-right: 15px;}
.article-detail .bar{color: #A2A2A2;font-size: 16px;display: flex;padding: 33px 0 50px;border-bottom: 1px dashed #DCDCDC;width: calc(100% - 70px)}
.article-detail .bar > div{display: flex;align-items: center}
.article-detail .bar .date{margin-right: 100px}
.article-detail .bar img{width:19px;margin-right: 12px;}
.article-detail .content{padding: 66px 70px 110px 0;box-sizing: border-box;font-size: 16px;line-height: 30px}
.article-detail .right{width: 300px;padding: 110px 0 0 50px;background: #F7F8FA;box-sizing: border-box;position: relative}
.article-detail .right:before{content: '';display: block;width: 100vw;height: 100%;background: #F7F8FA;position: absolute;left: 0;top: 0;z-index: -1;}

.article-detail .right .title{font-size: 24px;color:#000;padding-bottom: 20px;border-bottom: 1px solid #D5D5D5;margin-bottom: 30px;}
.article-detail .right a{display: block;margin-bottom: 40px}
.article-detail .right a .img-hover-zoom{width: 100%;height: 177px;border-radius: 10px;}
.article-detail .right a .img-hover-zoom .img{width: 100%;height: 100%;background-size: cover}
.article-detail .right a .sub-title{font-size:18px;color: #4B4B4B;padding: 23px 0 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.article-detail .right a .desc{font-size:14px;color:#908F8F;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }

#about.index .profile{background: url("../images/about/2.png") no-repeat center;background-size: cover;}
#about.index .profile .x-title{padding: 111px 0 58px}
#about.index .profile .content .con .l{width: 37.6%;position: relative;height: fit-content;margin: 0 40px 5px 0;float: left}
#about.index .profile .content .con .l::before{content: '';width: 70%;height: 70%;position: absolute;right: -12px;top: -13px;background: var(--color-primary-1);border-radius: 0 20px 0 0}
#about.index .profile .content .con .l .img-hover-zoom{border-radius: 20px;position: relative;z-index: 2}
#about.index .profile .content .con h3{display: inline-block;font-size: 36px;color: #5D5D5D;line-height: 1; background: linear-gradient(-90deg, var(--color-primary-1) 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin:0 0 39px}
#about.index .profile .content .con p{font-size: 16px;color: #5D5D5D;margin-bottom:20px;line-height: 30px;text-indent: 2em;}
#about.index .profile .content .con p:last-of-type{margin-bottom: 0}
#about.index .profile .content .data{display: flex;padding: 76px 0 109px;}
#about.index .profile .content .data .item{width: 100%;display: flex;justify-content: center;position: relative}
#about.index .profile .content .data .item:after{content: '';width: 1px;height: 100%;background: #DDE2E9;position: absolute;right: 0;top: 0}
#about.index .profile .content .data .item .box{display: flex;flex-direction: column;align-items: flex-start;}
#about.index .profile .content .data .item span{display: inline-block;padding-top: 24px;}
#about.index .profile .content .data .item .number{font-family:OPPOSans;font-weight: bold;font-size:24px;color: var(--color-primary-1);line-height: 1;background: linear-gradient(-90deg, var(--color-primary-1) 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-style: initial;}
#about.index .profile .content .data .item .counter{font-size: 55px;font-style: initial;}
#about.index .profile .content .data .item .txt{font-size: 18px;color: #5D5D5D;padding-top: 10px}
#about.index .profile .content .data .item:nth-of-type(1){justify-content: flex-start;}
#about.index .profile .content .data .item:nth-of-type(1):after{right: 20%}
#about.index .profile .content .data .item:nth-of-type(2) .box{margin-left: -10%}
#about.index .profile .content .data .item:nth-of-type(3) .box{margin-left: 15%}
#about.index .profile .content .data .item:nth-of-type(3):after{display: none}
#about.index .profile .content .data .item:nth-of-type(3) .number{font-size: 55px}
#about.index .profile .content .data .item:nth-of-type(4){justify-content: flex-end;}
#about.index .profile .content .data .item:nth-of-type(4):after{right: initial;left: 20%}

#about.index .honor{display: flex;height: 950px;overflow: hidden}
#about.index .honor .l{width: 31%;padding-top: 109px;display: flex;flex-direction: column;padding-bottom: 136px}
#about.index .honor .l .x-title{text-align: left;padding-bottom: 50px}
/*#about.index .honor .l .txt-box{height: 100%;padding-right: 15px;box-sizing: border-box;}
#about.index .honor .l .txt-box .swiper-wrapper{height: 100%}
#about.index .honor .l .txt-box .swiper-slide{display: flex;flex-direction: column;height: auto;}*/
/*#about.index .honor .l .txt-box::before{content: '';width: 13px;height: 13px;border-radius: 50px;background: var(--color-primary-1);position: absolute;right:0;top:0;z-index: 99}*/
#about.index .honor .l .scroll-wrap{position: relative;padding-right: 6px;height:calc(100% - 98px);box-sizing: border-box}
#about.index .honor .l .scroll-wrap::before{content: '';width: 13px;height: 13px;border-radius: 50px;background: var(--color-primary-1);position: absolute;right:0;top:0;z-index: 99}
#about.index .honor .l .scroll-wrap .scroll{overflow-y: scroll;height: 100%;}
#about.index .honor .l .scroll-wrap .scroll::-webkit-scrollbar {width: 1px;}
#about.index .honor .l .scroll-wrap .scroll::-webkit-scrollbar-track {background: #D6D6D6;}
#about.index .honor .l .scroll-wrap .scroll::-webkit-scrollbar-thumb {background: #2B70CD;border-radius: 5px;}
#about.index .honor .l .scroll-wrap .scroll::-webkit-scrollbar-thumb:hover {background: #555;}
#about.index .honor .l .item{padding-bottom: 70px;width: 100%;text-align: left;}
#about.index .honor .l .item .t{display: inline-block;font-weight: 400;font-size: 24px;color: #0E3D8A;background: linear-gradient(-90deg, var(--color-primary-1) 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 0 0 30px}
#about.index .honor .l .item:last-of-type{padding-bottom: 0}
#about.index .honor .l ul{margin: 0;padding: 0}
#about.index .honor .l li{font-weight: 400;font-size: 16px;color: #5D5D5D;line-height: 46px;cursor: pointer;position: relative;padding-left: 15px;transition: color 0.5s}
#about.index .honor .l li:before{content: '';width: 5px;height: 5px;border-radius: 50%;background: #BCBCBC;position: absolute;left: 0;top: 50%;margin-top: -2px;transition: background-color 0.5s}
#about.index .honor .l li:hover{color: var(--color-primary-1);}
#about.index .honor .l li:hover:before{background: var(--color-primary-1);}
#about.index .honor .r{width: 69%;position: relative;height: calc(100% + 100px);margin-top: -50px}
#about.index .honor .r .img-wrap{display: flex;transform: perspective(1000px) rotateX(0deg) rotateY(-15deg) rotateZ(0deg);width: 97%;position: relative;height: 100%;overflow: hidden;}
#about.index .honor .r .img-wrap .box{padding: 0 40px}
#about.index .honor .r .img-wrap .box .group{-webkit-animation: scroll-y 60s linear infinite;animation: scroll-y 20s linear infinite;}
@-webkit-keyframes scroll-y {
    from {transform: translateY(0);}
    to {transform: translateY(-100%);}
}
@keyframes scroll-y {
    from {transform: translateY(0);}
    to {transform: translateY(-100%);}
}
#about.index .honor .r .overlay{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(to right, #fff, rgba(255, 0, 0, 0));}

#about.index .culture{background: url("../images/about/3.jpg") no-repeat center;background-size: cover;padding-bottom: 110px}
#about.index .culture .x-title{padding: 110px 0 60px;color: #fff}
#about.index .culture .content{display: flex}
#about.index .culture .l{width: 55%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#about.index .culture .l .item{width: calc(50% - 7px);border: 1px solid #fff;margin-bottom: 14px;box-sizing: border-box;color: #fff;height: 154px;display: flex;align-items: center;padding:0 45px 0 35px;cursor: pointer;transition: all 0.5s}
#about.index .culture .l .item .icon{width: 50px;height: 50px;background-position: center;margin-right: 23px;transition: all 0.5s;background-repeat: no-repeat;background-size: contain;}
#about.index .culture .l .item p{margin: 0}
#about.index .culture .l .item .txt{display: flex;flex-direction: column;flex: 1}
#about.index .culture .l .item .txt > p{font-size: 24px;transition: all 0.5s;margin: 0}
#about.index .culture .l .item .txt .info{font-size: 16px;color: rgba(255, 255, 255, 0.6);transition: all 0.5s;}
#about.index .culture .l .item:last-of-type{width: 100%}

#about.index .culture .l .item.on,
#about.index .culture .l .item:hover{background: #fff}
#about.index .culture .l .item.on .txt > p,
#about.index .culture .l .item:hover .txt > p{color: var(--color-primary-1)}
#about.index .culture .l .item.on .txt .info,
#about.index .culture .l .item:hover .txt .info{color: #5D5D5D}
#about.index .culture .l .item:nth-of-type(1) .icon{background-image: url("../images/about/icon-5.png")}
#about.index .culture .l .item:nth-of-type(1).on .icon,
#about.index .culture .l .item:nth-of-type(1):hover .icon{background-image: url("../images/about/icon-5-1.png")}
#about.index .culture .l .item:nth-of-type(2) .icon{background-image: url("../images/about/icon-6.png");background-size: contain;}
#about.index .culture .l .item:nth-of-type(2).on .icon,
#about.index .culture .l .item:nth-of-type(2):hover .icon{background-image: url("../images/about/icon-6-1.png")}
#about.index .culture .l .item:nth-of-type(3) .icon{background-image: url("../images/about/icon-7.png")}
#about.index .culture .l .item:nth-of-type(3).on .icon,
#about.index .culture .l .item:nth-of-type(3):hover .icon{background-image: url("../images/about/icon-7-1.png")}
#about.index .culture .l .item:nth-of-type(4) .icon{background-image: url("../images/about/icon-8.png")}
#about.index .culture .l .item:nth-of-type(4).on .icon,
#about.index .culture .l .item:nth-of-type(4):hover .icon{background-image: url("../images/about/icon-8-1.png")}
#about.index .culture .l .item:nth-of-type(5) .icon{background-image: url("../images/about/icon-9.png")}
#about.index .culture .l .item:nth-of-type(5).on .icon,
#about.index .culture .l .item:nth-of-type(5):hover .icon{background-image: url("../images/about/icon-9-1.png")}
#about.index .culture .r{width: calc(45% - 50px);height: 490px}
#about.index .culture .r.swiper .img{width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center}
#about.index .culture .r.swiper .swiper-pagination{text-align: right;padding-right: 27px;box-sizing: border-box}

#about.index .process{background: url("../images/about/5.jpg") no-repeat center;background-size: cover;padding-bottom: 110px}
#about.index .process .x-title{padding: 110px 0 150px;color: #fff}
#about.index .process .swiper{padding-bottom: 210px;}
#about.index .process .swiper .swiper-wrapper{align-items: stretch;}
#about.index .process .swiper .swiper-slide{display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;padding: 0 50px;box-sizing: border-box;border-right:1px solid rgb(255 255 255 / 50%);cursor: pointer;height: auto;}
#about.index .process .swiper .swiper-slide.swiper-slide-active{border-left:1px solid rgb(255 255 255 / 50%)}
#about.index .process .swiper .year{font-size: 60px;color: #FFFFFF;line-height: 1;font-weight: bold;font-family: Oswald}
#about.index .process .swiper .tip{font-size:18px;color: #fff;margin: 30px 0 40px;width: 100%;}
#about.index .process .swiper .tip ul{padding: 0;margin: 0}
#about.index .process .swiper .tip li{text-align: left;position: relative;padding:0 0 5px 20px;}
#about.index .process .swiper .tip li::before{content: '';width: 5px;height: 5px;position: absolute;left: 0;top: 50%;margin-top: -2.5px;border-radius: 20px;background: #fff}
#about.index .process .swiper .img-hover-zoom{width: 100%;height: 160px;border-radius: 20px;}
#about.index .process .swiper .img-hover-zoom .img{background-size: cover}
#about.index .process .swiper .swiper-slide:hover .year{background: linear-gradient(-90deg, var(--color-primary-1) 0%, #1EA095 99.6%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#about.index .process .swiper .swiper-button{width: 100%;position: absolute;bottom: 0;left: 0;display: flex;justify-content: center}
#about.index .process .swiper .swiper-button > div{position: initial;width: 58px;height: 58px;background: var(--color-primary-1);border-radius: 100px;opacity: 1;color: #fff;margin:  0 5px}
#about.index .process .swiper .swiper-button > div:after{font-size: 15px}
#about.index .process .swiper .swiper-button .swiper-button-disabled{background: #fff;color: #B3B3B3}
#about.index .global{background: #D7E8FE;padding-bottom: 50px;}
#about.index .global .container1{height: 100%;display: flex;flex-direction: column;position: relative}
#about.index .global .x-title{padding: 110px 0 40px;}
#about.index .global .legend{display: flex;align-items: center;justify-content: center;font-size: 16px;position: absolute;top: 210px; width: 100%;z-index: 9;}
#about.index .global .legend .item{margin-left: 50px}
#about.index .global .legend .item span{position: relative;display: flex;align-items: center;padding-left: 20px;}
#about.index .global .legend .item span::before{content: '';width: 12px;height: 12px;border-radius: 50%;display: block;position: absolute;left: 0}
#about.index .global .legend .item:nth-of-type(1){margin-left: 0}
#about.index .global .legend .item:nth-of-type(1) span::before{background: var(--color-primary)}
#about.index .global .legend .item:nth-of-type(2) span::before{background: #E6B51F}
#about.index .global .legend .item:nth-of-type(3) span::before{background: #1F78E6}
#about.index .global .legend .item:nth-of-type(4) span::before{background: #3BA170}
#about.index .global .content{position: relative;width:100%;aspect-ratio: 1.741;display: flex;align-items: center;justify-content: center;max-height: calc(100vh - 350px);}
#about.index .global .content > img{height: 100%;position: absolute;}
#about.index .global .txt-wrap{position: absolute;left: 0;top: 0;height: 100%;max-width: 500px;max-height: 500px;aspect-ratio: 1;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
#about.index .global .txt-wrap::before,
#about.index .global .txt-wrap::after{content: '';width: 100%;height: 100%;position: absolute;left:0;top: 0;border-radius: 50%}
#about.index .global .txt-wrap::before{background: linear-gradient(-30deg, var(--color-primary-1), #1EA095);left: -20px;}
#about.index .global .txt-wrap::after{background:#fff;}
#about.index .global .txt-wrap .box{position: relative;z-index: 1;width: 75%;text-align: left;}
#about.index .global .txt-wrap .box .t{background: linear-gradient(-90deg, var(--color-primary-1) 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 20px;padding-bottom: 26px}
#about.index .global .txt-wrap .box p{font-size: 15px;padding-bottom: 10px}
#about.index .global .point-wrap{height: 100%;aspect-ratio: 1.741;position: absolute;top: 0;}
#about.index .global .point-wrap .point{cursor: pointer}
#about.index .global .point-wrap .point-1{position: absolute;right:18.5%;top: 34%}
#about.index .global .point-wrap .point-2{position: absolute;right:18%;top: 39%}
#about.index .global .point-wrap .point-3{position: absolute;right:20%;top: 40%}
#about.index .global .point-wrap .point-4{position: absolute;right:21%;top: 43%}
#about.index .global .point-wrap .point-5{position: absolute;right:20.5%;top: 36.5%}
#about.index .global .point-wrap .point-6{position: absolute;right:13%;top: 34%}
#about.index .global .point-wrap .point-7{position: absolute;right:30%;top: 44%}
#about.index .global .point-wrap .point-8{position: absolute;right:32%;top: 39%}
#about.index .global .point-wrap .point-9{position: absolute;right:65%;top: 68%}

#contact.index .container1{padding: 110px 0}
#contact.index .container1 .x-title{padding-bottom: 60px}
#contact.index .container1 .contact-box{display: flex;}
#contact.index .container1 .contact-box .address{width: 50%;background: #F7F8F9;padding:60px 70px;box-sizing: border-box}
#contact.index .container1 .contact-box .address .item{height: 120px;border-bottom: 1px solid #DEDEDE;position: relative;display: flex;flex-direction: column;justify-content: center;font-size: 18px;padding-right: 30px}
#contact.index .container1 .contact-box .address .item p:nth-of-type(1){color: #5D5D5D;padding-bottom: 5px}
#contact.index .container1 .contact-box .address .item p:nth-of-type(2){color: #000;}
#contact.index .container1 .contact-box .address .item img{position: absolute;right: 0}
#contact.index .container1 .contact-box .map{width: 50%;}
#contact.index .BMap_bubble_title {font-size: 14px}
#contact.index .map img{max-width: initial}
#contact.index .massage{padding-top: 110px}
#contact.index .form{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
#contact.index .form .item{width: calc(50% - 33px);margin-bottom: 40px}
#contact.index .form .item:nth-of-type(7),
#contact.index .form .item:nth-of-type(8){width: 100%}
#contact.index .form .title{margin-bottom:5px;font-size: 16px;padding: 0 0 5px;display: flex;justify-content: flex-start;align-items: center;color: #444444}
#contact.index .form .title:before{display: none}
#contact.index .form .title i{color:red;margin-right:2px}
#contact.index .form .input{width:100%;height:46px;outline:0;border:1px solid rgba(190,188,188,0.5);padding:0 12px;border-radius:5px;overflow:hidden;box-sizing:border-box;}
#contact.index .form .input:focus{border-color:var(--color-primary)}
#contact.index .form textarea{height:240px !important;resize:none;display:block;padding:10px !important;}
#contact.index .form textarea:focus{border-color:var(--color-primary)}
#contact.index .form .item:nth-of-type(8){display: flex;align-items: flex-end;}
#contact.index .form .item:nth-of-type(8) .l{width: 50%;display: flex;align-items: flex-end;}
#contact.index .form .item:nth-of-type(8) .l .wrap{width: 100%;flex: 1;padding-right: 20px;box-sizing: border-box}
#contact.index .form .item:nth-of-type(8) .l .code-img{width: 150px;height:46px;display: block; }
#contact.index .form .item:nth-of-type(8) .r{width: 50%;display: flex;justify-content: flex-end;}

#join.index .care{overflow: hidden;padding-bottom: 80px}
#join.index .care .x-title{padding: 110px 0 60px}
#join.index .care .content{padding-bottom: 50px;position: relative;overflow: hidden}
#join.index .care .swiper-slide{display: flex;justify-content: space-between;}
#join.index .care .swiper-slide .l,#join.index .care .swiper-slide .r{width: calc(50% - 6px);}
#join.index .care .swiper-slide .l .img-hover-zoom{width:100%;height: 100%;line-height: 1;display: flex;}
#join.index .care .swiper-slide .r{display: flex;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
#join.index .care .swiper-slide .r .img-hover-zoom{width: calc(50% - 6px);display: flex;margin-bottom: 12px;}
#join.index .care .swiper-slide .r .img-hover-zoom .img{width: 100%;height: auto}
#join.index .care .swiper-slide .r .img-hover-zoom:nth-of-type(3),#join.index .care .swiper-slide .r .img-hover-zoom:nth-of-type(4){margin-bottom: 0}
#join.index .care .content .swiper-pagination-bullet{background: #d8d8d8;width: 28px;height: 4px;border-radius: 2px}
#join.index .care .content .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--color-primary)}
#join.index .job{background: #F7F8F9;padding: 100px 0 110px}
#join.index .job .table{margin-top: 60px;border: 1px solid #E6E6E6}
#join.index .job .table .item{border-bottom: 1px solid #E6E6E6}
#join.index .job .table .head{height: 80px;padding: 0 44px;box-sizing: border-box;display: flex;align-items: center;font-size: 16px;color: #5D5D5D;background: #fff;position: relative;cursor: pointer}
#join.index .job .table .head .cell{display: flex;align-items: center;}
#join.index .job .table .head .cell img{margin-right: 10px}
#join.index .job .table .head .cell img:nth-of-type(1){display: none}
#join.index .job .table .head .cell:nth-of-type(1){width: 34.3%}
#join.index .job .table .head .cell:nth-of-type(2){width: 13%}
#join.index .job .table .head .cell:nth-of-type(3){width: 13%}
#join.index .job .table .head .cell:nth-of-type(4){width: 13.8%}
#join.index .job .table .head .cell:nth-of-type(5){width: 25.9%}
#join.index .job .table .head .icon{width: 42px;height: 42px;border-radius: 50%;background: #F1F1F1;position: absolute;right: 44px;display: flex;justify-content: center;align-items: center;}
#join.index .job .table .head .icon:after {font-family: swiper-icons;content: 'prev';color: #B9B9B9;font-weight: bold;transform: rotate(-90deg);}
#join.index .job .table .content{overflow: hidden;padding: 45px;display: none}
#join.index .job .table .content .con{padding-bottom: 80px;display: flex}
#join.index .job .table .content .con .l,#join.index .job .table .content .con .r{width: 50%}
#join.index .job .table .content .con h3{font-size: 20px;color: #000;padding-bottom: 25px;margin: 0}
#join.index .job .table .content .con p{font-size: 16px;color: #5d5d5d;line-height: 30px;}
#join.index .job .table .on .head{background: linear-gradient(-90deg, var(--color-primary-1), #1EA095);color: #fff;}
#join.index .job .table .on .head .cell img:nth-of-type(1){display: block}
#join.index .job .table .on .head .cell img:nth-of-type(2){display: none}
#join.index .job .table .on .head .icon{background: #fff;}
#join.index .job .table .on .head .icon:after{color: #244E95;transform: rotate(90deg);}
#join.index .upload-wrap{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 9999999;display: none}
#join.index .upload-wrap .bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background:rgb(0 0 0 / 50%)}
#join.index .upload-wrap .box{padding: 20px;background: #fff;border-radius: 10px;position: relative;top:calc(40% - 100px);left:calc(50% - 175px);display: inline-block;width: 350px;height: 180px;box-sizing: border-box;}
#join.index .upload-wrap .box .title{font-size: 18px;padding-bottom: 15px;margin-bottom:15px;color: #303133}
#join.index .upload-wrap .box .btn-box{position: absolute;bottom: 30px;left: 0;width: 100%;display: flex;justify-content: center;}
#join.index .upload-wrap .box .btn-box .btn{width: 80px;height: 35px;line-height: 35px;border-radius: 5px;display: inline-block;text-align: center;font-size: 15px;color: #fff;margin: 0 20px;cursor: pointer;border: 1px solid transparent;transition: all 0.3s}
#join.index .upload-wrap .box .btn-box .btn.cancel{border-color: #dcdfe6;color: #606266}
#join.index .upload-wrap .box .btn-box .btn.cancel:hover{color: var(--color-primary-1);border-color: var(--color-primary-1);background:rgb(43 112 205 / 10%) }
#join.index .upload-wrap .box .btn-box .btn.submit{background: var(--color-primary-1);border-color: var(--color-primary-1)}
#join.index .upload-wrap .box .btn-box .btn.submit:hover{background:rgb(43 112 205 / 76%)}

#ability.index .box .con{width: 47%}
#ability.index .box .x-title{text-align: left}
#ability.index .box .txt{text-align: left;padding: 59px 0 79px;font-size: 16px;line-height: 30px;}
#ability.index .person{background: url("../images/yfcx/person.jpg") no-repeat center;background-size: cover;padding: 145px 0 150px}
#ability.index .person .number{display: flex;justify-content: space-between;}
#ability.index .person .number .item{width: 33.33%}
#ability.index .person .number .item p{text-align: center}
#ability.index .person .number .counter{font-size: 65px;font-family: "OPPO Sans";font-weight: bold;background: linear-gradient(-90deg, var(--color-primary-1) 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#ability.index .person .number .item p:nth-of-type(2){color: #303030;font-size: 18px;}
#ability.index .invest{background: url("../images/yfcx/invest.png") no-repeat center;background-size: cover;padding: 145px 0 150px}
#ability.index .invest .container1{display: flex;justify-content: flex-end;color: #fff;}
#ability.index .invest .x-title{color: #fff}
#ability.index .invest .proportion{padding-top: 30px}
#ability.index .invest .proportion p{font-family: "OPPO Sans";font-size: 24px;font-weight: bold;}
#ability.index .invest .proportion .num{font-family: "OPPO Sans";font-size: 120px;font-weight: bold}
#ability.index .invest .proportion .num span:nth-of-type(2){font-size: 48px;}
#ability.index .platform{background: url("../images/yfcx/platform.jpg") no-repeat center;background-size: cover;padding: 120px 0 110px}
#ability.index .platform .container1{display: flex;justify-content: space-between;}
#ability.index .platform.box .con{width: 38%}
#ability.index .platform.box .con .txt{padding: 60px 0 0 0;}
#ability.index .platform.box .con .txt p{font-size: 16px;color: #5D5D5D;line-height: 30px;}
#ability.index .platform.box .img-box{width:calc( 62% - 70px)}
#ability.index .platform.box .img-box .item{background: url("../images/yfcx/platform-1.png") no-repeat bottom;background-size: contain;display: flex;justify-content: space-around;padding: 20px}
#ability.index .platform.box .img-box .item .img-wrap{width:33.33%;height:180px;padding:2% 2% 2% 3.5%;box-sizing: border-box;background: url("../images/yfcx/platform-2.png") no-repeat center;background-size: contain}
#ability.index .platform.box .img-box .item .img{width: 100%;height: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;}
#ability.index .center{background: url("../images/yfcx/center.jpg") no-repeat center;background-size: cover;padding: 110px 0}
#ability.index .center .t{display: flex}
#ability.index .center .t .l{width: 50%;}
#ability.index .center .t .l .swiper{width: 80%;float: right}
#ability.index .center .t .l .swiper .swiper-slide{display: flex;flex-direction: column;}
#ability.index .center .t .l .swiper .swiper-slide img{height:100%}
#ability.index .center .t .l .swiper .swiper-slide .title{height:65px;background: linear-gradient(-90deg, var(--color-primary-1), #1EA095);width: 100%;display: flex;align-items: center;font-size: 16px;color: #fff;padding-left: 30px;box-sizing: border-box}
#ability.index .center .t .l .swiper .swiper-slide .title span{width: calc(100% - 150px);display: inline-block}
#ability.index .center .t .l .swiper .swiper-pagination{width: 150px;right: 25px;left: initial;bottom: 22px;text-align: right;}
#ability.index .center .t .l .swiper .swiper-pagination-bullet:only-child{display: inline-block !important;}
#ability.index .center .t .r{width: 50%;font-size: 16px;color: #5d5d5d}
#ability.index .center .t .r .x-title{text-align: left}
#ability.index .center .t .r .desc{padding: 60px 0 35px;font-size: 16px;}
/*#ability.index .center .t .r .item{padding-bottom:30px;font-size: 16px;}
#ability.index .center .t .r .item p:nth-of-type(1){color:var(--color-primary-1);position: relative;padding-left:15px;margin-bottom: 6px;font-size: 18px;}
#ability.index .center .t .r .item p:nth-of-type(1)::before{content: '';width:5px;height: 5px;border-radius: 50%;background:var(--color-primary-1);position: absolute;left: 0;top: 50%;margin-top: -2px}*/

#ability.index .center .t .r h3{color:var(--color-primary-1);position: relative;padding:0 0 0 15px;margin:30px 0 6px;font-size: 18px;}
#ability.index .center .t .r h3::before{content: '';width:5px;height: 5px;border-radius: 50%;background:var(--color-primary-1);position: absolute;left: 0;top: 50%;margin-top: -2px}
#ability.index .center .t .r h3:first-of-type{margin-top: 0}

#ability.index .center .b{margin-top: 60px;}
#ability.index .center .b .swiper{padding-bottom: 50px;}
#ability.index .center .b .swiper .img{width: 330px;height: 238px;background-size: cover;background-position: center;background-repeat: no-repeat}

#intelligent.index .manufacture{background: url("../images/yfcx/intelligent-1.jpg") no-repeat center;background-size: cover;padding: 110px 0}
#intelligent.index .manufacture .content{display: flex;padding-top: 60px;align-items: center;}
#intelligent.index .manufacture .content .con{width: 60%;padding:0 150px 0 100px;box-sizing: border-box;position: relative}
#intelligent.index .manufacture .content .con .title{background: linear-gradient(-90deg, var(--color-primary-1) 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 24px;padding-bottom: 39px}
#intelligent.index .manufacture .content .con .txt p{text-indent: 2em}
#intelligent.index .manufacture .content .con .img-1{position: absolute;left: 0;top: 0}
#intelligent.index .manufacture .content .con .img-2{position: absolute;right: 50px;bottom: 0}
#intelligent.index .base .x-title{padding: 110px 0 60px}
#intelligent.index .base .swiper{background: url("../images/yfcx/intelligent-5.jpg") no-repeat center;background-size: cover;}
#intelligent.index .base .swiper .bg{width:38%;height: 100%;background: #fff;position: absolute;left:31%;opacity: 0.9;}
#intelligent.index .base .swiper .swiper-wrapper{align-items: flex-end;padding:100px 0 110px}
#intelligent.index .base .swiper .swiper-slide{flex-direction: column;align-items: flex-start;text-align: left;box-sizing: border-box;position: relative;width: 38%}
#intelligent.index .base .swiper .swiper-slide .title{width: 100%;font-size: 30px;color: #fff;padding:0 0 40px 20px}
#intelligent.index .base .swiper .swiper-slide .desc{width: 100% ;padding:0 20px;line-height: 30px;font-size: 16px;box-sizing: border-box;height: 0}
#intelligent.index .base .swiper .swiper-slide .img-hover-zoom{width: 100%;}
#intelligent.index .base .swiper .swiper-slide .img-hover-zoom img{width: 100%}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-prev{transform: translate3d(-200px, 0px, 0px);}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-prev .title{text-align: right}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-next{transform: translate3d(200px, 0px, 0px);}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-active{padding: 0 80px;}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-active .desc{height: 220px;overflow-y: auto;margin-bottom: 65px;margin-right: 10px}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-active .desc::-webkit-scrollbar {width: 1px;}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-active .desc::-webkit-scrollbar-track {background: #D6D6D6;}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-active .desc::-webkit-scrollbar-thumb {background: #2B70CD;border-radius: 5px;}
#intelligent.index .base .swiper .swiper-slide.swiper-slide-active .desc::-webkit-scrollbar-thumb:hover {background: #555;}

#intelligent.index .base .swiper .swiper-slide.swiper-slide-active .title{background: linear-gradient(-90deg, var(--color-primary-1) 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#intelligent.index .base .swiper .swiper-button{position: absolute;bottom: 325px;left:31%;width:38%;}
#intelligent.index .base .swiper .swiper-button > div{width: 58px;height: 58px;border-radius: 50%;border: 1px solid #fff;}
#intelligent.index .base .swiper .swiper-button > div:after{font-size: 20px;color: #fff}
#intelligent.index .base .swiper .swiper-button .swiper-button-prev{left: -129px;}
#intelligent.index .base .swiper .swiper-button > div:hover{color:#B3B3B3;background: #D3D3D3;}
#intelligent.index .base .swiper .swiper-button > div:hover:after{border-color: #D3D3D3;}
#intelligent.index .base .swiper .swiper-button .swiper-button-next{right: -129px}
#intelligent.index .manufacture .content .con .txt{color: #4E4D4D;line-height: 30px}
#intelligent.index .manufacture .content .img-hover-zoom{width: 40%;border-radius: 15px;height: 400px;}
#intelligent.index .manufacture .content .swiper{width: 40%;border-radius: 15px;height: fit-content;}
#intelligent.index .manufacture .content .swiper .swiper-pagination{display: flex;justify-content: flex-end;padding-right: 20px;box-sizing: border-box;bottom: 20px;}
#intelligent.index .manufacture .content .swiper .swiper-pagination .swiper-pagination-bullet:only-child{display: inline-block !important;}
#intelligent.index .manufacture .content .swiper .img{width: 100%;}

#manage.index .policy{padding: 110px 0;background: #F7F8F9}
#manage.index .policy .container1{display: flex;justify-content: space-between;}
#manage.index .policy .container1 .con{width:calc(50% - 20px);background: #fff;padding:60px;box-sizing: border-box;border-radius: 20px;}
#manage.index .policy .container1 .con .x-title{text-align: left;padding-bottom: 45px;}
#manage.index .policy .container1 .con .tip p{position: relative;background: linear-gradient(-90deg, var(--color-primary-1) 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 22px;line-height: 36px;padding-left: 20px;display: flex;align-items: center;justify-content: flex-start;}
#manage.index .policy .container1 .con .tip p:before{content: '';width:5px;height: 5px;border-radius: 50%;position: absolute;left: 0;background: #1EA095}
#manage.index .policy .container1 .con .box{background: rgba(194,194,194,0.15);border: 1px solid #E2E2E2;color: #141414;font-size: 17px;margin: 20px 0 0;padding: 15px 20px}
#manage.index .policy .container1 .con .txt{font-size: 16px;color: #5D5D5D;line-height: 36px;margin: 20px 0 0;}
#manage.index .policy .container1 .img-hover-zoom{width: calc(50% - 20px);border-radius: 15px;line-height: 1;display: flex;}
#manage.index .quality{padding: 110px 0 170px;background: url("../images/yfcx/manage-2.jpg") no-repeat center;background-size: cover}
#manage.index .quality .content{display: flex;justify-content: space-between;align-items: center;padding-top: 100px}
#manage.index .quality .content .item{width: calc(20% - 30px);box-shadow: 0 10px 38px 0 rgba(158,177,209,0.4);position: relative;border-radius:0 0 20px 20px;cursor: pointer}
#manage.index .quality .content .item .icon{width:80px;height: 80px;background: linear-gradient(-30deg, var(--color-primary-1), #1EA095);border-radius: 50%;position: absolute;left: 50%;top: -40px;margin-left: -40px;display: flex;align-items: center;justify-content: center;z-index: 1}
#manage.index .quality .content .item .icon img{transition: transform 1s;}
#manage.index .quality .content .item .icon:hover img{transform: rotateY(360deg);}
#manage.index .quality .content .item .img-hover-zoom{width: 100%;border-radius: 20px 20px 0 0;display: flex;align-items: center;justify-content: center;background: none}
#manage.index .quality .content .item .img-hover-zoom img{margin-bottom: -10px;width: 100%}
#manage.index .quality .content .item .name{height: 75px;font-size: 16px;background: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 0 0 20px 20px;padding: 0 10px;box-sizing: border-box;}
#manage.index .quality .content .item:nth-of-type(2n){transform: translate3d(0px, 60px, 0px);}
#manage.index .quality .content .item:hover .name{background: linear-gradient(-90deg, #2B70CD, #1F9D98);color: #fff}
#manage.index .system{padding: 110px 0}
#manage.index .system .content{padding: 30px 100px;position: relative}
#manage.index .system .swiper{padding: 30px;box-sizing: border-box;aspect-ratio: 1152 / 798;}
#manage.index .system .swiper .swiper-slide{height:auto;box-sizing: border-box;border: 20px solid transparent}
#manage.index .system .swiper .swiper-slide.swiper-slide-visible{box-shadow: 0 10px 38px 0 rgba(158,177,209,0.4);border-color:#fff;}
#manage.index .system .swiper .swiper-slide .box{height: 100%}
#manage.index .system .swiper .swiper-slide img{max-height: 100%}
#manage.index .system .swiper-button > div{width: 58px;height: 58px;border-radius: 50%;background: var(--color-primary-1);color: #fff;opacity: 1}
#manage.index .system .swiper-button > div:after{font-size: 15px}
#manage.index .system .swiper-button .swiper-button-disabled{background: #E9ECEF}
#manage.index .system .swiper-button .swiper-button-disabled:after{color: #B3B3B3}
#manage.index .commitment{padding: 110px 0;background: #F7F8F9;}
#manage.index .commitment .container1{display: flex;justify-content: space-between;}
#manage.index .commitment .container1 .con{width: calc(50% - 65px)}
#manage.index .commitment .container1 .con .x-title{text-align: left;padding-bottom: 60px;}
#manage.index .commitment .container1 .con .txt{color: #5D5D5D;font-size: 16px;line-height: 30px}
#manage.index .commitment .container1 .con .txt strong{font-size: 24px;font-weight: initial;color: var(--color-primary-1);padding-top: 30px;display: inline-block}
#manage.index .commitment .container1 .img-hover-zoom{width: calc(50% - 65px);border-radius: 15px}
#manage.index .slogan{padding: 110px 0;background: url("../images/yfcx/manage-10.jpg") no-repeat center;background-size: cover;}
#manage.index .slogan .container1{display: flex;justify-content: space-between;}
#manage.index .slogan .container1 .con{width: 60%}
#manage.index .slogan .container1 .con .x-title{text-align: left;padding-bottom: 40px;color: #fff;line-height: 60px}
#manage.index .slogan .container1 .con .txt{color: #fff;font-size: 16px;line-height: 30px}
#manage.index .slogan .container1 .con .txt p{margin-bottom: 20px}
#manage.index .slogan .container1 .con .txt p:first-of-type{font-size: 24px;opacity: 0.5;margin-bottom: 60px}
#manage.index .slogan .container1 .img-hover-zoom{width:calc(40% - 230px);box-sizing: border-box;}
#manage.index .device{padding:140px 0 110px;background: url("../images/yfcx/manage-12.jpg") no-repeat center;background-size: cover;}
#manage.index .device .content{display: flex;justify-content: space-between;}
#manage.index .device .content .img-list{width: calc(50% - 50px);display: flex;justify-content: space-between;align-items: center;}
#manage.index .device .content .img-list img{width: 30%}
#manage.index .device .content .con{width: calc(50% - 50px)}
#manage.index .device .content .con .x-title{text-align: right}
#manage.index .device .content .con .tip{text-align: right;color:#2B70CD;padding: 40px 0 66px;font-size: 24px}
#manage.index .device .content .con .txt{font-size: 16px;color: #5D5D5D;line-height: 30px }
#manage.index .device .swiper-box{padding: 100px 120px 0;box-sizing: border-box;position: relative}
#manage.index .device .swiper-box .swiper-wrapper{display: flex;align-items: center}
#manage.index .device .swiper-box .swiper-button > div {width: 58px;height: 58px;border-radius: 50%;background:#fff;opacity: 1;top: calc(50% + 50px)}
#manage.index .device .swiper-box .swiper-button > div:after{font-size: 15px;color: #B3B3B3}
#manage.index .device .swiper-box .swiper-button > div:hover{background: var(--color-primary-1);}
#manage.index .device .swiper-box .swiper-button > div:hover:after{color: #fff}

#copyright.index .container1{padding:0 0 60px}
#copyright.index .content{padding:100px 0 80px}
#copyright.index .content .txt{padding: 70px;box-sizing: border-box;background: #f7f8f9;margin-top: 60px;border-radius: 20px;}
#copyright.index .content .txt p{font-size: 16px;color: #5D5D5D;margin-bottom: 20px;line-height: 30px}
#copyright.index .content .txt p:last-of-type{margin-bottom: 0}
#copyright.index .content .txt .img{width: calc(50% - 50px);float: right;margin-left: 50px}
#copyright.index .number{width: 1000px;margin: 0 auto 60px;display: flex;justify-content: space-between;flex-wrap: nowrap;}
#copyright.index .number .item{text-align: center}
#copyright.index .number .counter{font-size: 65px;font-weight: bold;background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: "OPPO Sans"}
#copyright.index .number .counter p:nth-of-type(2){font-size: 18px;color: #303030}

#product.index .container1{padding:110px 0}
#product.index .class-box{display: flex;justify-content: center;margin-top: 60px;}
#product.index .class-box .item{width:25%;display: flex;background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;aspect-ratio: 130 / 307}
#product.index .class-box .item:before{content: '';width: 100%;height: 100%;background:rgb(58 108 175 / 60%);position: absolute;left: 0;top: 0;}
#product.index .class-box .item .box{width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;z-index: 1;}
#product.index .class-box .item .box .name{font-size: 24px;color: #fff;padding: 32px 0 75px}
#product.index .class-box .item .box .more{width: 40px;height: 40px;border-radius: 50%;border: 1px solid #fff;font-family: swiper-icons;position: relative;display: flex;align-items: center;justify-content: center;transition: all 0.5s}
#product.index .class-box .item .box .more:after{content: 'next';font-size: 15px;color: #fff}
#product.index .class-box .item:hover:before{background: linear-gradient(-30deg, var(--color-primary-1), #1EA095);opacity: 0.9}
#product.index .class-box .item:hover .box .more{background:#fff;}
#product.index .class-box .item:hover .box .more:after{color:var(--color-primary-1);}
#product.index .class-box .item:nth-of-type(1){background-image: url("../images/product/class-1.png");}
#product.index .class-box .item:nth-of-type(2){background-image: url("../images/product/class-2.png");}
#product.index .class-box .item:nth-of-type(3){background-image: url("../images/product/class-3.png");}
#product.index .class-box .item:nth-of-type(4){background-image: url("../images/product/class-4.png");}
#product.index .class-box .item:nth-of-type(5){background-image: url("../images/product/class-5.png");}

#product.detail{overflow: hidden}
#product.detail .main{display: flex;justify-content: space-between;}
#product.detail .main .left{width:21%;padding:110px 50px 110px 0;background: #F7F8FA;box-sizing: border-box;position: relative}
#product.detail .main .left:before{content: '';display: block;width:100vw;height: 100%;background: #F7F8FA;position: absolute;right: 0;top: 0;z-index: -1;}
#product.detail .main .left .title{font-size: 24px;color: #000;line-height: 1;border-bottom: 1px solid #D5D5D5;}
#product.detail .main .left .title span{position: relative;display: inline-block;padding-bottom: 20px;}
#product.detail .main .left .title span:before{content: '';display: block;width: 100%;height:1px;background: linear-gradient(-90deg, #2B70CD, #1EA095);position: absolute;bottom: -1px;left: 0}
#product.detail .main .left .search-wrap input{margin: 30px 0 20px;border: 1px solid #E6E6E6;height: 50px;width: 100%;border-radius: 5px;background: #F7F8FA;padding: 0 20px;box-sizing: border-box }
#product.detail .main .left .search-wrap .btn{background: var(--color-primary-1);height: 45px;width: 100%;text-align: center;line-height: 45px;display: block;box-sizing: border-box;border-radius: 5px;color: #fff;font-size: 16px;cursor: pointer}
#product.detail .main .left .classify{padding-top: 60px}
#product.detail .main .left .classify .list{padding-top: 30px}
#product.detail .main .left .classify .list .t{line-height:1;height: 50px;border-bottom: 1px solid #E6E6E6;position: relative;padding-left: 15px;box-sizing: border-box;font-size: 16px;color: #5a5a5a;display: flex;align-items: center;}
#product.detail .main .left .classify .list .t:before{content: '';width: 5px;height: 5px;border-radius: 50%;background:#D0D0D0;display: block;position: absolute;left: 0;top: 50%;margin-top: -2px}
#product.detail .main .left .classify .list .sub .t:before{width:3px;height: 3px;border-radius: 0 }
#product.detail .main .left .classify .list .t.on a{color: #2B70CD}
#product.detail .main .left .classify .list .t.on .icon::before{transform: rotate(90deg)}
#product.detail .main .left .classify .list > .item > .t.on::before{background: var(--color-primary-1)}
#product.detail .main .left .classify .list .sub .t.on::before{background:#1EA095}
#product.detail .main .left .classify .list .t:hover a{color: #2B70CD}
#product.detail .main .left .classify .list .t a{display: block;width: 100%;}
#product.detail .main .left .classify .list .t .icon{position: relative;width: 50px;height:100%;display: flex;justify-content: center;align-items: center;}
#product.detail .main .left .classify .list .t .icon:before,
#product.detail .main .left .classify .list .t .icon:after{content: '';background: #C8C8C8;display: block;transition: all 0.3s}
#product.detail .main .left .classify .list .t .icon:before {width: 2px;height:12px;position: relative;left: 7px;}
#product.detail .main .left .classify .list .t .icon:after {width: 12px;height:2px}
#product.detail .main .left .classify .list .sub{padding-left: 20px;display: none}
#product.detail .main .left .classify .list .sub .t{border: none;font-size: 14px}
#product.detail .main .left .classify .list .sub .t.on a,
#product.detail .main .left .classify .list .sub .t:hover a{background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#product.detail .main .left .classify .list .sub .sub a{display: block;line-height:30px;background: url("../images/product/classify-icon-1.png") no-repeat center left;padding-left: 15px;cursor: pointer}
#product.detail .main .left .classify .list .sub .sub a:hover,
#product.detail .main .left .classify .list .sub .sub a.on{background-image: url("../images/product/classify-icon-2.png");color: #1EA095;text-decoration: underline}
#product.detail .main .right{width:calc(79% - 50px);padding:110px 0;}
#product.detail .main .right .title{font-size:36px;border-bottom: 1px solid #D5D5D5;padding-bottom: 28px;position: relative;padding-left: 20px;display: flex;align-items: center;line-height: 1;color: #000}
#product.detail .main .right .title:before{content: '';display: block;background: linear-gradient(-30deg, var(--color-primary-1), #1EA095);width:7px;height: 25px;position: absolute;left: 0;border-radius: 7px;}
#product.detail .main .right .info{padding-top: 42px;display: flex;justify-content: space-between;}
#product.detail .main .right .info .swiper{width: 50%;height:340px;border-radius: 15px;margin: 0}
#product.detail .main .right .info .swiper .img{width: 100%;height:100%;background-size: cover;}
#product.detail .main .right .info .desc{width: calc(50% - 60px);display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
#product.detail .main .right .info .desc .t{font-size: 30px;background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-bottom: 30px}
#product.detail .main .right .info .desc .txt{line-height:30px;font-size: 16px;color: #5D5D5D }
#product.detail .main .right .info .desc .btn{height: 45px;line-height: 45px;background: var(--color-primary-1);border-radius: 50px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #FFFFFF;padding: 0 15px;}
#product.detail .main .right .info .desc .btn span{padding-left: 10px}
#product.detail .main .right .info .desc .btn span:nth-of-type(1){display: none}
#product.detail .main .right .info .desc .btn img{width: 21px;}
#product.detail .main .right .content{margin-top: 60px}
#product.detail .main .right .content .title{font-size: 24px;color: #000;line-height: 1;border-bottom: 1px solid #D5D5D5;padding: 0;}
#product.detail .main .right .content .title:before{display: none}
#product.detail .main .right .content .title span{position: relative;display: inline-block;padding-bottom: 20px;background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 30px;}
#product.detail .main .right .content .title span:before{content: '';display: block;width: 100%;height:1px;background: linear-gradient(-90deg, #2B70CD, #1EA095);position: absolute;bottom: -1px;left: 0}
#product.detail .main .right .content .con{padding: 40px 0 60px;}
#product.detail .main .right .content .con .table-wrap{max-height: 50vh;width: 100%;overflow-y: scroll;border-radius: 20px 20px 0 0;}
#product.detail .main .right .content .con .table-wrap::-webkit-scrollbar{height: 4px;width: 4px}
#product.detail .main .right .content .con .table-wrap::-webkit-scrollbar-thumb {background-color: #cecece;border-radius: 5px;}
#product.detail .main .right .content .con .table-wrap::-webkit-scrollbar-track {background-color: #f0f0f0;border-radius: 5px;}

#product.detail .main .right .content .con table{text-align: center;min-width: 1080px;}
#product.detail .main .right .content .con table tr td{padding: 20px 0;border: 1px solid #E7E7E7}
#product.detail .main .right .content .con table tr:first-of-type,#product.detail .main .right .content .con table tr.header{background: linear-gradient(-90deg, #2B70CD, #1EA095);color: #fff}
#product.detail .main .right .content .con table tr:first-of-type td,#product.detail .main .right .content .con table tr.header td{border:1px solid #ffffff1c}

#product.detail .search-list{padding-top: 44px;}
#product.detail .search-list .item{display: flex;position: relative}
#product.detail .search-list .item .img-hover-zoom{width: 30%;height: 185px;border-radius: 10px;}
#product.detail .search-list .item .img-hover-zoom .img{background-size: cover;}
#product.detail .search-list .item .box{padding:0 130px 0 50px;box-sizing: border-box;flex: 1;line-height: 24px;display: flex;flex-direction: column;justify-content: center;}
#product.detail .search-list .item .box .t{font-size: 24px;margin-bottom: 28px;color: #1E1E1E;transition: all 0.3s}
#product.detail .search-list .item .box .desc{font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#product.detail .search-list .item .more{position: absolute;right:0;top: 50%;margin-top:-20px;width: 40px;height: 40px;border: 1px solid #d3d3d3;border-radius: 50%;font-family: swiper-icons;display: flex;align-items: center;justify-content: center;}
#product.detail .search-list .item .more:before{content: 'next';font-size: 15px;color:#B3B3B3}
#product.detail .search-list .item:hover .t{background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#product.detail .search-list .item:hover .more{background: #BA1F2F;border-color: #BA1F2F}
#product.detail .search-list .item:hover .more:before{color: #fff}

#solution.index .main{padding-top: 110px;padding-bottom: 110px;}
#solution.index .swiper{padding-top: 60px;overflow: hidden;position: relative}
#solution.index .swiper .swiper-slide{width:43%;position: relative}
#solution.index .swiper .swiper-slide:before{content: '';width: 100%;height: 100%;background:rgb(0 0 0 / 40%);position: absolute;left: 0;top: 0}
#solution.index .swiper .swiper-slide.swiper-slide-active:before{display: none}
#solution.index .swiper .swiper-slide .toolbar{position: absolute;bottom: 0;left: 0;width: 100%;display: flex;justify-content: space-between;align-items: center;background:rgb(43 112 205 / 60%);height: 65px;padding: 0 35px;box-sizing: border-box;color: #fff}
#solution.index .swiper .swiper-slide .toolbar img{height: 35px;margin-right: 13px}
#solution.index .swiper .swiper-slide .toolbar .name{display: flex;align-items: center;font-size: 24px}
#solution.index .swiper .swiper-button > div{width: 58px;height: 58px;border-radius:50%;background:#E9ECEF;top: 50%;}
#solution.index .swiper .swiper-button > div:after{font-size: 16px;color:#D3D3D3}
#solution.index .swiper .swiper-button-prev{left: 26%;margin-left: -58px}
#solution.index .swiper .swiper-button-next{right: 26%;margin-right: -58px}
#solution.index .swiper .swiper-button > div:hover{background:var(--color-primary-1);}
#solution.index .swiper .swiper-button > div:hover:after{background:var(--color-primary-1);}

#solution.detail .main{padding: 110px 0}
#solution.detail .main .x-title{padding-bottom:60px; }
#solution.detail .title{background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 30px;padding-bottom: 45px;display: inline-block;}
#solution.detail .content{height: 500px;display: flex;border-radius: 20px;overflow: hidden;background: #F7F8F9;margin-bottom: 60px;}
#solution.detail .content .img-hover-zoom{width: 50%;height: 100%}
#solution.detail .content .img-hover-zoom .img{background-size: cover;}
#solution.detail .content .con{width: 50%;padding: 0 110px 0;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
#solution.detail .content .con .txt{font-size: 16px;line-height: 30px}
#solution.detail .list{display: flex;justify-content: space-between;margin-bottom: 60px;}
#solution.detail .list .item{width: 17%;height: 198px;background:#F7F8F9;border-radius: 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;transition: all 0.5s}
#solution.detail .list .item span{font-size: 20px;padding-top: 23px;color: #5D5D5D}
#solution.detail .list .item:hover{box-shadow: 0 0 38px 0 rgba(158,177,209,0.4);}

#development .main{padding: 110px 0}
#development .main .x-title{padding-bottom: 60px;}

#development.talent .main .item{display: flex;justify-content: space-between;margin-bottom: 110px;flex-direction: column;}
#development.talent .main .item .t{width: 100%;position: relative;}
#development.talent .main .item .l{width: 50%}
#development.talent .main .item .img-hover-zoom{border-radius: 15px;display: flex;justify-content: center;align-items: center;position: absolute;right: 0;top: 0;height:auto;width: calc(50% - 40px);aspect-ratio: 1000 / 537;}
#development.talent .main .item .img-hover-zoom img{max-width: initial;width: 100%;}
#development.talent .main .item:nth-of-type(3){align-items: flex-end;}
#development.talent .main .item:nth-of-type(3) .t{display: flex;flex-direction: row-reverse;}
#development.talent .main .item:nth-of-type(3) .t .img-hover-zoom{left: 0}

#development.talent .main .item .title{font-size: 36px;background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#development.talent .main .item .desc{font-size: 16px;color: #5D5D5D;padding: 26px 0 40px;}
#development.talent .main .item .box{width: 50%;background: #F7F8FA;border: 1px solid #E7E7E7;padding:30px 40px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
#development.talent .main .item .box .icon{width: 83px;height: 83px;border-radius: 50%;background: linear-gradient(-90deg, #2B70CD, #1EA095);display: flex;justify-content: center;align-items: center;}
#development.talent .main .item .box .txt{width: 100%;padding-left: 56px;box-sizing: border-box;flex: 1;}
#development.talent .main .item .box .txt p{font-size:16px;line-height: 30px}
#development.talent .main .item .box .txt p:first-of-type{color: var(--color-primary-1);font-size: 24px;padding-bottom: 20px}
#development.talent .main .development{height:450px;width: 100%;background: url("../images/development/talent-4.png") no-repeat center;background-size: cover;color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding-left: 110px;box-sizing: border-box;border-radius: 20px;}
#development.talent .main .development .x-title{text-align: left;color: #fff}
#development.talent .main .development p{font-size: 16px;line-height: 30px}

#development.environment .main .item{display: flex;justify-content: space-between;margin-bottom: 60px;border-radius: 20px;overflow: hidden}
#development.environment .main .item:nth-of-type(2n+1){flex-direction: row-reverse;}
#development.environment .main .item .box{width: 50%;background: #F7F8F9;padding:50px;box-sizing: border-box }
#development.environment .main .item .box .title{background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 28px;line-height: 1}
#development.environment .main .item .box .t{display: flex;justify-content: space-between;align-items: center;}
#development.environment .main .item .box .icon{width: 70px;height: 70px;background-size: contain;background-repeat: no-repeat;background-position: center;transition: all 0.5s}
#development.environment .main .item:nth-of-type(2) .box .icon{background-image: url("../images/development/environment-icon-1.png")}
#development.environment .main .item:nth-of-type(3) .box .icon{background-image: url("../images/development/environment-icon-3.png")}
#development.environment .main .item:nth-of-type(4) .box .icon{background-image: url("../images/development/environment-icon-5.png")}
#development.environment .main .item:nth-of-type(5) .box .icon{background-image: url("../images/development/environment-icon-7.png")}
#development.environment .main .item:hover:nth-of-type(2) .box .icon{background-image: url("../images/development/environment-icon-2.png")}
#development.environment .main .item:hover:nth-of-type(3) .box .icon{background-image: url("../images/development/environment-icon-4.png")}
#development.environment .main .item:hover:nth-of-type(4) .box .icon{background-image: url("../images/development/environment-icon-6.png")}
#development.environment .main .item:hover:nth-of-type(5) .box .icon{background-image: url("../images/development/environment-icon-8.png")}
#development.environment .main .item .box .desc{padding-top: 25px;font-size: 14px;line-height: 30px;}
#development.environment .main .item .img-hover-zoom{width:50%;;display: flex;justify-content: center;align-items: center;}
#development.environment .main .item .img-hover-zoom img{max-width: initial;height: auto;width: 100%}

#development.health{}

#responsibility.index{background: #F7F8FA}
#responsibility .main{padding: 110px 0;}
#responsibility .main .x-title{padding-bottom: 60px;}
#responsibility .main .tab-box{display: flex;justify-content: center;margin-bottom: 60px;}
#responsibility .main .tab-box a{width: 135px;height: 45px;border-radius: 100px;border: 1px solid var(--color-primary-1);color: var(--color-primary-1);display: block;text-align: center;line-height: 45px;font-size: 18px;margin: 0 8px;}
#responsibility .main .tab-box a:hover,#responsibility .main .tab-box a.on{background: linear-gradient(-90deg, #2B70CD, #1EA095);color: #fff}
#responsibility .main .list{display: flex;flex-wrap: wrap;justify-content: flex-start;}
#responsibility .main .list .item{width: calc(33.33% - 20px);border-radius:20px;overflow: hidden;margin:0 30px 30px 0;display: block;transition: all 0.5s}
#responsibility .main .list .item:nth-of-type(3n+3){margin-right: 0}
#responsibility .main .list .item .img-hover-zoom{width: 100%;height: 320px;}
#responsibility .main .list .item .img-hover-zoom .img{background-size: cover}
#responsibility .main .list .item .box{padding:37px;box-sizing: border-box;width: 100%;background: #fff}
#responsibility .main .list .item .box .title{color: #222121;font-size: 22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#responsibility .main .list .item .box .desc{color: #908F8F;font-size: 16px;line-height: 24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 20px 0 30px}
#responsibility .main .list .item .box .bar{display: flex;    justify-content: space-between; align-items: center;}
#responsibility .main .list .item .box .bar .date{color: #C8C7C7}
#responsibility .main .list .item .box .bar .date img{width: 18px}
#responsibility .main .list .item .box .bar .more{width: 40px;height: 40px;border: 1px solid #D3D3D3;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.5s}
#responsibility .main .list .item .box .bar .more:after {font-family: swiper-icons;content: 'next';color:#B3B3B3;}
#responsibility .main .list .item:hover{box-shadow: 0 0 38px 0 rgba(158,177,209,0.4);}
#responsibility .main .list .item:hover .box .bar .more{background:#EAEAEA;border-color: #EAEAEA }

#news .main{padding: 110px 0;}
#news .main .x-title{padding-bottom: 60px;}
#news .main .list{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 30px;}
#news .main .list .item{width: calc(50% - 20px);border-radius:20px;overflow: hidden;margin:0 0 30px 0;display: flex;justify-content: space-between;transition: all 0.5s;border:1px solid #DBE1EB;padding: 30px;box-sizing: border-box}
#news .main .list .item:hover{box-shadow: 0 0 38px 0 rgba(158,177,209,0.4);border-color: transparent}
#news .main .list .item:hover .title{background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#news .main .list .item .img-hover-zoom{width: 31%;line-height: 1}
#news .main .list .item .box{padding-left: 38px;box-sizing: border-box;flex: 1;line-height: 24px}
#news .main .list .item .box .title{font-size: 18px;color: #4B4B4B;margin-bottom: 27px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#news .main .list .item .box .desc{font-size: 16px;color: #908F8F;margin-bottom: 27px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}
#news .main .list .item .box .bar .date{display: flex;align-items: center;line-height: normal;font-size: 14px;color: #C8C7C7}
#news .main .list .item .box .bar img{width: 18px;margin-right: 10px}

#investor.index .company{padding: 110px 0 105px}
#investor.index .company .x-title{padding: 0 0 60px;}
#investor.index .company .list{display: flex;justify-content: space-between;}
#investor.index .company .list .item{width: calc(25% - 20px);border-radius:20px;overflow: hidden;background: #F7F8FA;cursor: pointer;transition: all 0.5s}
#investor.index .company .list .item .img-hover-zoom .img{height: 240px;background-size: cover;}
#investor.index .company .list .item .desc{padding: 45px;box-sizing: border-box;font-size: 16px;line-height: 30px}
#investor.index .company .list .item:hover{box-shadow: 0 0 38px 0 rgba(158,177,209,0.4);}

#investor.index .report{background: #F7F8FA;padding: 110px 0}
#investor.index .report .top{padding-bottom: 60px;display: flex;justify-content: space-between;}
#investor.index .report .top .x-title{width: auto}
#investor.index .report .top .nav{display: flex;align-items: center;}
#investor.index .report .top .nav a{display: block;width: 90px;line-height: 36px;text-align: center;font-size: 18px;}
#investor.index .report .top .nav a.on{background: linear-gradient(-90deg, #2B70CD, #1EA095);border-radius: 18px;color: #fff;}
#investor.index .report .list .box{display: none;flex-wrap: wrap;justify-content: space-between;}
#investor.index .report .list .box.on{display: flex}
#investor.index .report .list .item{width: calc(50% - 63px);height: 100px;border-bottom: 1px solid #D4D4D4;display: flex;align-items: center;justify-content: space-between;position: relative;padding-left: 22px;}
#investor.index .report .list .item:nth-of-type(1),#investor.index .report .list .item:nth-of-type(2){border-top: 1px solid #D4D4D4;}
#investor.index .report .list .item::before{content: '';width:4px;height: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;background: #B6B6B6 }
#investor.index .report .list .item .title{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;flex: 1;font-size: 16px;color: #4B4B4B}
#investor.index .report .list .item .date{width: 100px;text-align: right;color: #9B9B9B}
#investor.index .report .list .item:hover .title{background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

#investor.index .report .list .item:hover::before{background:#238CAD;}

#investor.index .report .index_more{padding-top: 60px;justify-content: center;}

#investor.index .notice{background: url("../images/investor/5.jpg") no-repeat center;background-size: cover;padding-bottom: 155px;}
#investor.index .notice .top{padding: 110px 0 60px;display: flex;justify-content: space-between;}
#investor.index .notice .top .x-title{width: auto;color: #fff}
#investor.index .notice .swiper{padding-bottom: 50px;}
#investor.index .notice .swiper .swiper-slide{padding: 50px;box-sizing: border-box;flex-direction: column;align-items: flex-start;text-align: left;background: #fff;border-radius: 20px;transition: background-color 0.5s;cursor: pointer}
#investor.index .notice .swiper .swiper-slide .date{color:var(--color-primary-1);display: flex;align-items: center;font-size: 16px;}
#investor.index .notice .swiper .swiper-slide .date .icon{width:18px;height: 18px;margin-right: 17px;background: url("../images/investor/date.png") no-repeat center;background-size: contain}
#investor.index .notice .swiper .swiper-slide .title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 24px;color: #2B2B2B;margin: 45px 0 30px;}
#investor.index .notice .swiper .swiper-slide .desc{font-size: 16px;color: #908F8F;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 30px}
#investor.index .notice .swiper .swiper-slide:hover{background:#2268C7}
#investor.index .notice .swiper .swiper-slide:hover .icon{background-image: url("../images/investor/date-1.png")}
#investor.index .notice .swiper .swiper-slide:hover .date,
#investor.index .notice .swiper .swiper-slide:hover .title,
#investor.index .notice .swiper .swiper-slide:hover .desc{color: #fff}
#investor.index .notice .swiper .swiper-pagination{bottom: 0}
#investor.index .notice .swiper .swiper-pagination .swiper-pagination-bullet{width: 28px;height: 4px;border-radius: 20px;}

#report.index .main{padding: 110px 0}
#report.index .main .nav{display: flex;align-items: center;justify-content: center;margin: 60px 0 50px}
#report.index .main .nav a{display: block;width: 90px;line-height: 36px;text-align: center;font-size: 18px;}
#report.index .main .nav a.on{background: linear-gradient(-90deg, #2B70CD, #1EA095);border-radius: 18px;color: #fff;}
#report.index .main .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;}
#report.index .main .list .item{width:100%;height: 100px;border-bottom: 1px solid #D4D4D4;display: flex;align-items: center;justify-content: space-between;position: relative;padding-left: 20px;}
#report.index .main .list .item::before{content: '';width:4px;height: 4px;position: absolute;left: 0;top: 50%;margin-top: -2px;background: #B6B6B6 }
#report.index .main .list .item:nth-of-type(1){border-top: 1px solid #D4D4D4;}
#report.index .main .list .item .title{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;flex: 1;font-size: 16px;color: #4B4B4B}
#report.index .main .list .item .date{width: 100px;text-align: right;color: #9B9B9B}
#report.index .main .list .item:hover .title{background: linear-gradient(-90deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#report.index .main .list .item:hover::before{background:#238CAD;}
#report.detail .main{padding: 110px 0;}
#report.detail .main .x-title{padding-bottom: 60px;}
#report.detail .right a{border-bottom: 1px dashed #E2E2E2;padding-bottom:34px;margin-bottom: 36px;padding-left: 26px;box-sizing: border-box;position: relative}
#report.detail .right a::before{content: '';width:4px;height: 4px;background: #B6B6B6;position: absolute;left: 0;top: 10px; }
#report.detail .right .sub-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: inherit;padding: 0}
#report.detail .right .date{margin-top: 23px}
#report.detail .right a:hover .sub-title{background: linear-gradient(-30deg, #2B70CD 0%, #1EA095 99.6337890625%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#report.detail .right a:hover::before{background: linear-gradient(-30deg, #2B70CD, #1EA095);}

.stock-wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 100px;box-sizing: border-box;display: flex;align-items: center;color: #fff}
.stock-wrap .container1{height:100%;display: flex;align-items: center;justify-content: space-between;}
.stock-wrap .desc{width: 30%;}
.stock-wrap .desc .title{font-size: 24px;padding-bottom: 50px}
.stock-wrap .box{width: 60%;}
.stock-wrap .amount{width: 70%;margin-right: 27px;}
.stock-wrap .amount strong{color: #c61e1e;font-size: 60px;font-family: "OPPO Sans" }
.stock-wrap .amount i{font-style: initial;font-size:16px;color: #fff }
.stock-wrap .percentage{font-size: 20px;}
.stock-wrap .box{display: flex;justify-content: space-between;background: rgba(0,25,63,0.4);border-radius: 20px;border: 1px solid rgba(255,255,255,0.25);padding: 55px 100px;}
.stock-wrap .box .item{display: flex;flex-direction: column;font-size: 18px;}
.stock-wrap .box .item .amount{padding-top: 10px}
.stock-wrap .box .item:last-of-type .amount{margin-right: 0}
.stock-wrap .box .item .amount strong{font-size: 36px;}