@charset "utf-8";
/* CSS Document */
body{font-family: 'font1', Arial, sans-serif;}
@font-face { 
	font-family:font1; src: url("../font/TTHovesProTrial-Rg.woff2");
	font-style: normal;
	font-display: swap;
	} 
.small-header .header { transform: translateY(-100%);z-index: 10;}
.show-header .header { transform: translateY(0);z-index: 10;}
.header{position: fixed;width: 100%; top: 0;left: 0;z-index: 1000;transition: all .5s;}
.headerbox{display:flex;width: 1480px;justify-content: space-between;align-items: center;max-width: 90%;height: 80px; border-radius:6px;background: #00242c; padding: 0 30px;position: relative;  margin: .6rem auto 0 auto;}
.logo{width: 130px; }
.logo img{width: 100%;}
.meNav{display: none;}
.nav{}
.nav ul{display: flex;justify-content: space-between;}
.nav ul li{padding-left:40px;padding-right:40px;}

.nav li h3 a{line-height: 80px; position: relative; font-family: arial;font-size:18px;transition: all .5s;display: block;font-weight:500;color: #fff;}
.nav li h3 a:before{position: absolute;content: "";border-bottom: 3px solid #6fe147;width: 100%;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;transition: all .5s;border-radius: 2px 2px 0 0;}
.nav li.cur h3 a:before{width: 100%;}
.sub{position: absolute; width:100%;top: .9rem;left: 0;padding:.2rem 0 0 0; box-shadow:0 0 10px rgba(0, 0, 0, .1);display: none;}
.subbox{border-radius: .08rem; background: #fff;display: flex;justify-content: space-between;}
.subLeft{border-right: 1px solid #eceeed; width: 32%; padding: .7rem;}
.subLeft img{width: 100%;border-radius: .15rem;}
.subLeft p{color: #00242c;font-size: var(--font16); line-height: 1.5; margin-top: .15rem;}
.subRight{width:68%; padding: .7rem;display: flex;justify-content: space-between;}
.lbnr{width: 2.8rem;}
.lbnr dt{margin-bottom: .1rem; position: relative;}
.lbnr a{display:block;padding: 0 .12rem;font-size: var(--font16);font-weight: 500;line-height: 2.2;transition: all .5s;border-radius: .1rem;color: #00242c;}
.lbnr a:hover{background: #def6da;}
.lbnr a.cur{background: #def6da;}
.lbnr b{position: absolute; right: .12rem;top: 50%;transform: translateY(-50%);background: url(../images/a2.png);width: .18rem;height: .18rem;background-size: 100%;}

.lbqx{width: calc(100% - 2.8rem); margin:0 .7rem; overflow: hidden;}
.lbzqbox{animation: fadeInLeft 0.5s 1;display: none;}
.lbzqbox dt{font-size: var(--font16);}
.lbzqbox dt a{display: inline-block; line-height: 1.2;color: #00242c;font-weight: 500;width: 2rem;transition: all .5s; padding: .1rem .12rem;border-radius: .08rem;}
.lbzqbox dt a:hover{background:#def6da;}
.lbnr_b{display: flex; width: 100%;}
.lbnr_xq{width: 33%;}
.lbnr_xq h2{border-bottom: 1px solid #c4c9c7;line-height: .4rem;font-size: 12px;font-weight: 550;color: #3f5a60;width: 2.2rem;}
.lbnr_xq dt{line-height: .4rem; padding: .05rem 0;}
.lbnr_xq dt a{display: inline-block; padding: 0 .12rem;font-size: var(--font16);font-weight: 500;color: #3f5a60;transition: all .5s;border-radius: .08rem;}
.lbnr_xq dt a:hover{background: #def6da;}
.lbnr_xq dt a.cur{background: #def6da;}
.flpl{display: flex;justify-content: space-between;}
.flpl dl{width: 50%;}

.lbnr_c dt a{display: inline-block; padding: 0 .12rem;font-size: var(--font16);font-weight: 500;color: #3f5a60;transition: all .5s;border-radius: .08rem;line-height: .42rem;}
.lbnr_c dt a:hover{background: #def6da;}
.lbnr_c dt a.cur{background: #def6da;}

.btn1{line-height: 44px; padding: 0 .25rem;border-radius: 6px;transition: all .5s;background: #fff;color: #00242c;font-size:16px; }
.btn1:hover{background: #6fe147;}


.banner{position: relative;overflow: hidden;height: 100vh;width: 100%;}
.banner video{width: 120%;height: 100%; object-fit: cover;display: block; margin-left: -10%;z-index: -1;}
.banner:before{position: absolute;content: "";width: 100%;height: 100%; left: 0;top: 0; background: rgba(0,0,0,.2);}
.bannerText{position: absolute;width: 1480px;max-width: 90%;left:50%; top:55%; transform:translate(-50%,-50%);}
.bannerText h2{line-height: 76px;color: #fff; font-weight: 500;   sans-serif;font-size: 70px;font-weight: 700;}

.bj1{background: url(../images/bj1.webp) no-repeat center center;background-size: cover;}
.autom{width: 1480px;margin: 0 auto;max-width: 90%; display: flex;justify-content: space-between;align-items: center; padding: 2rem 0 0 0;}

.automTp{width: 55%;}
.automTp img{width: 100%;border-radius: .2rem;}
.automText{width: 45%; padding-left: 1.6rem;}
.automText h3{font-size: 14px;font-weight: bold;color: #00242c; margin-bottom: 65px;}
.automText h2{font-weight: bold;font-size:52px;color: #00242c;line-height: 1.15; margin:0 0 25px;}
.automText p{font-size:18px;color: #00242c;line-height: 1.5;}

.btn3{display: inline-block; line-height: 54px; padding: 0 26px;background: #6fe147;color: #002435;border-radius: 6px; margin-top: .55rem; transition: all .5s;font-weight: 500;font-size: 18px;border: none;cursor: pointer;font-weight: 600;}
.btn3:hover{background: #b4f1b3;}

.applig{padding-bottom: 2rem;}
.appligTitle{padding: 2rem 0 .8rem;width: 1480px;margin: 0 auto;max-width: 90%;}
.titleBox{width: 60%;}
.titleBox h3{font-size: 14px;font-weight: bold;color: #00242c;}
.titleBox h2{font-weight: bold;font-size:52px;color: #00242c;line-height: 1.15; margin:65px 0 25px;}
.titleBox p{font-size: var(--font20);color: #00242c;line-height: 1.6;}

.appligNr{position: relative; overflow: hidden; padding: 0.8rem 0 .8rem;width: 1480px;margin: 0 auto;max-width: 90%;}
.appligNr .mySwiper{padding-left: 0;}
.appBox{background: #edefee;padding: 45px 35px 0 35px;border-radius: .15rem;transition: all .5s;}
.appBox svg{width:100px;height: 80px;}
.appBox img{width:100px;height: 80px;}
.appText{margin-top: 20px;border-top: 1px solid #00242c; padding-top: 20px;height:400px;}
.appText h2{font-weight: 700;font-size: 32px;margin-bottom: 30px;color: #00242c;}
.appText p{font-size:18px;font-weight: 500;line-height: 2.1;color: #00242c;}
.appBox:hover{background: url(../images/bj2.webp) no-repeat center center;background-size: 100% 100%;}
.qhbox{position: absolute;width: 1480px; bottom: 0; left: 50%;transform: translateX(-50%);max-width: 90%;}
.appligNr .swiper-button-next{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #00242c;top: auto; bottom: 0;background: url(../images/a8.png) no-repeat center center;transition: all .5s;}
.appligNr .swiper-button-next:hover{background: url(../images/a8.png) no-repeat center center #7de459;border: 1px solid #7de459;}
.appligNr .swiper-button-prev{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #00242c;top: auto; bottom: 0;background: url(../images/a9.png) no-repeat center center;transition: all .5s;left: auto; right: 1rem;}
.appligNr .swiper-button-prev:hover{background: url(../images/a9.png) no-repeat center center #7de459;border: 1px solid #7de459;}
.appligNr .swiper-button-next:after,.appligNr .swiper-button-prev:after{font-size: 0;}
.appligNr .swiper-pagination-progressbar{width: calc(100% - 2.5rem);left: 0;bottom: .25rem;top: auto;height: 1px;}
.appligNr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px;background: #6fe147;margin-top: -1px;}

.bj3{background: url(../images/bj3.png) no-repeat center center;background-size: cover;}
.h200{height: 2rem;}
.about{width: 1480px;max-width: 90%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.about_text{width: 45%; padding-right: 1.6rem;}
.about_text h3{font-size: 16px;font-weight: bold;color: #00242c;text-transform: uppercase;}
.about_text h2{font-weight: bold;font-size:52px;color: #00242c;line-height: 1.15; margin:65px 0 25px;}
.about_text p{font-size: 18px;color: #00242c;line-height: 1.5;}
.about_tp{width: 55%;}
.about_tp img{width: 100%;border-radius: .2rem;}

.bj4{background: #00242c;}
.prod{width: 1480px;margin: 0 auto;max-width: 90%; }


.prodTitle{padding: 2rem 33.33% .8rem 0;}
.prodTitle h3{font-size: 14px;font-weight: bold;color: #fff;}
.prodTitle h2{font-weight: bold;font-size:52px;color: #fff;line-height: 1.15; margin:65px 0 25px;}
.prodTitle p{font-size:18px;color: #fff;line-height: 1.6;}
.prodNr ul{overflow: hidden; display: flex;justify-content: space-between;gap:.35rem;}
.prodNr li{width: calc(33.33% - .7rem/4);border: 1px solid #6fe147;padding:.5rem .35rem 0 .35rem;border-radius: .15rem;transition: all .5s;}
.prodbox{}
.prodbox svg{width: 1.2rem;height: .95rem;fill: #fff !important;stroke: #FFFFFF;}
.prodbox img{width: 1.2rem;height: .95rem;fill: #fff !important;stroke: #FFFFFF;}
.prodText{margin-top: .9rem;border-top: 1px solid #6fe147; padding: .3rem 0 .4rem;}
.prodText h2{line-height: 1.2;font-size: var(--font26);font-weight: 700;color: #6fe147;margin-bottom: .35rem;}
.prodText p{font-size: var(--font20);line-height: 1.8;font-weight: 500; color: #fff;}
.prodNr li:hover{background: url(../images/bj2.webp) no-repeat center center;background-size: cover;}
.prodNr li:hover h2{color: #00242c;}
.prodNr li:hover p{color: #00242c;}

.bj5{background: url(../images/bj5.jpg) no-repeat center bottom #00242c;background-size: 100% auto;}
.what{width: 1480px;margin: 0 auto;max-width: 90%;padding-bottom: 2rem; }
.what_title h2{color: #fff;font-weight: bold; padding: 2rem 0 .9rem;font-size: var(--font16);}
.whatNr{position: relative;  overflow: hidden; padding-bottom: 1.4rem;}
.qhbox_a{position: absolute;width: 100%; bottom: 0; left: 50%;transform: translateX(-50%);z-index: 10;}
.whatNr .swiper-button-next{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #fff;top: auto; bottom: 0;background: url(../images/a12.png) no-repeat center center;transition: all .5s;}
.whatNr .swiper-button-next:hover{background: url(../images/a8.png) no-repeat center center #64d045;border: 1px solid #64d045;}
.whatNr .swiper-button-prev{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #fff;top: auto; bottom: 0;background: url(../images/a13.png) no-repeat center center;transition: all .5s;left: auto; right: 1rem;}
.whatNr .swiper-button-prev:hover{background: url(../images/a9.png) no-repeat center center #7de459;border: 1px solid #fff;}
.whatNr .swiper-button-next:after,.whatNr .swiper-button-prev:after{font-size: 0;}
.whatNr .swiper-pagination-progressbar{width: calc(100% - 2.5rem);left: 0;bottom: .25rem;top: auto;height: 1px;background: #c4c9c7;left: 0;}
.whatNr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px;background: #6fe147;margin-top: -1px;}
.whatText{position: relative; padding-right: 2.5rem;}
.whatText span{color: #fff;font-weight: bold;font-size: 14px;position: absolute;right: 0;top: 0;}
.whatText b{padding: 0 .05rem; font-weight: bold;}
.whatText h2{font-weight: 700; color: #50f0cf;font-size: var(--font50);line-height: 1.2;margin-bottom: .9rem;}
.whatText p{color: #fff;font-size: var(--font20);line-height: 1.5;width: 3.1rem;}
.whatText img{width: 2.1rem;margin-top: .8rem;}

.bj10{background: #ebfae9;}
.news{width: 1480px;margin: 0 auto;max-width: 90%;padding-bottom: 260px; }
.news_title{padding:200px 0 20px;}
.news_title p{font-weight: bold;font-size: 14px;}
.news_title h2{font-weight: 700;font-size:38px; margin-top: 50px;}
.news_nr ul{display: flex;gap:30px; padding-bottom: 48px;}
.news_nr li{width: calc(33.33% - 60px/3);border: 1px solid #c4c9c7;border-radius: .15rem;overflow: hidden;}
.newsbox{padding:25px;transition: all .5s;}
.newsbox h2{display: flex;justify-content: space-between; margin-bottom: 25px;}
.newsbox h2 span{transition: all .5s;padding: 0 11px; background: #def6da;border-radius: 6px; line-height: 34px; font-size: 14px; color: #00242c;font-weight: bold;}
.newsbox h2 b{font-size: 15px;color: #00242c;}
.newsbox h3{font-weight: bold; font-size:24px;line-height: 1.2;color: #00242c;height: 100px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin-bottom: 25px;}
.newsbox h3 span{display: inline-block;vertical-align: top;font-size: 14px; padding: 0 5px;}
.newsbox p{font-size: 16px;color: #00242c;}
.newsbox p span{transition: all .5s;display: inline-block;  line-height: .27rem;border: 1px solid #00242c;border-radius: .05rem;height: .29rem;vertical-align: middle; margin: -3px 0 0 .1rem;width: .42rem;background: url(../images/a2.png) no-repeat center center;background-size: 9px auto;}
.news_nr ul li a:hover h2 span{background: #fff;}
.news_nr ul li a:hover .newsbox{background: #def6da;}
.news_nr ul li a:hover p span{background: url(../images/a2.png) no-repeat center center #6fe147;background-size: 9px auto;border: 1px solid #6fe147;}
.btn4{display: inline-block;text-align: center; line-height: 54px;  background: #6fe147;border-radius: 6px;font-size:18px;color: #002435;transition: all .5s; padding: 0 26px;font-weight: 600;}
.btn4:hover{background: #b4f1b3;}

.footer{background: url(../images/footerBj2.webp) no-repeat center center;background-size: cover;  padding:0 .3rem .3rem .3rem;}
.footerbox{border-radius: 20px;background: url(../images/footerBj.webp) no-repeat center bottom; padding: 1.5rem 180px 0 180px;background-size:cover;}
.foot_top{display: flex;justify-content: space-between;background: #24454a;border-radius: .15rem; padding: .65rem;align-items: center;}
.foot_top h2{font-size: var(--font36); color: #fff; font-weight: bold;line-height: 1;}
.bdtc{width: 5.45rem; line-height: 1.06rem;text-align: center; background: #fff;font-size:18px;border-radius: 6px;cursor: pointer;transition: all .5s;font-weight: 600;}
.bdtc:hover{background: #6fe147;}

.footxx{display: flex;justify-content: space-between; padding: 1rem 0 .35rem;border-bottom: 1px solid rgba(255,255,255,.2);}
.footxxLeft{width: 400px;}
.footxxLeft svg{width: 270px;}
.footxxLeft img{width: 270px;}
.Newsletter{padding-top: 165px;}
.Newsletter p{color: #fff;font-size:18px;font-weight: bold;}
.Newsletter h2{color: #fff;font-size:36px;font-weight: bold; margin: 20px 0 45px;}
.first{width: 168px;height: 68px;cursor: pointer;border: 1px solid #b4f1b3;border-radius: 6px;transition: all .5s;background: url(../images/a14a.png) no-repeat center center;background-size: 20px 20px;}
.first:hover{background: url(../images/a14b.png) no-repeat center center #6fe147;border: 1px solid #6fe147;background-size: 20px 20px;}
.footxxRight{width: calc(100% - 545px);}
.footxxRight ul{display: flex;justify-content: space-between;gap:60px;flex-wrap: wrap;}
.footxxRight li{width: calc(25% - 180px/4);}
.footxxRight h2{font-weight: 700;color: #fff;font-size: 20px;line-height: 1.3;height: 56px; margin-bottom: 25px;}
.footxxRight p{font-size: 16px;color: #fff;line-height: 1.6;}
.footxxRight p a{color: #fff;font-size: 16px;transition: all .5s;text-decoration: underline;}
.footxxRight p a:hover{color: #8cf195;}
.footxxRight h3{font-weight: 700;font-size: 18px; margin-bottom: 25px;}
.footxxRight h3 a{color: #fff;transition: all .5s;}
.footxxRight h3 a:hover{color: #8cf195;}
.footxxRight dt{font-size: 14px; line-height: 2.4;}
.footxxRight dt a{color: #fff;transition: all .5s;}
.footxxRight dt a:hover{color: #8cf195;}
.bqxx{display: flex;justify-content: space-between;padding: 45px 0 150px;align-items: center;}
.bqxxLeft p{font-size: 14px;color: #fff;font-size: 500;}
.bqxxLeft p a{color: #fff;transition: all .5s; }
.bqxxLeft p a:hover{color: #b4f1b3;}
.bqxxRight ul{display: flex;justify-content: space-between;align-items: center;}
.bqxxRight span{font-weight: 700;color: #fff;font-size: 18px; padding-right: 27px;} 
.bqxxRight li{padding-left: 15px;}
.bqxxRight li img{transition: all .5s;}
.bqxxRight li a:hover img{opacity: .7;}

/*弹窗信息*/
.qjbj{position: fixed;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0,0,0,.8);backdrop-filter: blur(25px);display: none;z-index: 199;}
.tcnrA{position: fixed;z-index: 201;width: 750px;background: #fff;border-radius: 8px;max-width: 90%;left:50%; top:50%; transform:translate(-50%,-50%); padding: .55rem .5rem .5rem .5rem;display: none;}
.tcnrA ul{overflow: hidden; margin-left: -25px;}
.tcnrA li{float: left; width: 50%; padding: 0 0 25px 25px;}
.tcnrA p{font-size: 14px;margin-bottom: 13px;text-transform: uppercase;}
.tcnrA p b{color: #c02b0a;}
.wby1{width: 100%;height: 38px; line-height: 36px;border: 1px solid #c4c9c7;border-radius: 6px; padding: 0 10px;}
.wby1:focus {border: 3px solid #b4f1b3;
}
.wby2{width: 100%;height: 38px; line-height: 36px;border: 1px solid #c4c9c7;border-radius: 6px; padding: 0 10px;outline:none;color: #64707d;}
.wby2:focus {border: 3px solid #b4f1b3;}
.wby3{width: 100%;height: 180px; border: 1px solid #c4c9c7;border-radius: 6px; padding:10px;}
.wby3:focus {border: 3px solid #b4f1b3;
}
.tcnrA ul li:nth-child(3){ width:100%;}
.tcnrA ul li:nth-child(4){ width:100%;}
.btn5{border: none;cursor: pointer;transition: all .5s;width: 109px;height: 53px;border-radius: 6px;background: #6fe147;font-size: 16px;}
.btn5:hover{background: #b4f1b3;}
.ggbtn{position: absolute;cursor: pointer;background: url(../images/a17.png);width: 12px;height: 12px;top: 19px;right: 19px;transition: all .5s;}
.ggbtn:hover{background: url(../images/a18.png);}

.tcnrB{position: fixed;height: calc(100vh - .7rem);width: 1180px;background: #fff;border-radius: 8px;max-width: 90%;left:50%; top:50%; transform:translate(-50%,-50%); padding: 50px 30px 50px 50px;display: none;z-index: 2003;}
.tcnrdw{display: flex;justify-content: space-between;overflow: auto; padding-right: 35px;height: 100%;}
.tcnrdw::-webkit-scrollbar-track {border-radius:3px;}
.tcnrdw::-webkit-scrollbar {width:6px;border-radius: 3px;}
.tcnrdw::-webkit-scrollbar-thumb {border-radius:3px;background-color:#00242c;}
.tcLeft{width: 50%; padding-right: .6rem;}
.tcLeft h2{font-size: 40px; padding-bottom: 30px;border-bottom: 1px solid #00242c;font-weight: bold;}
.tcLeft ul{padding:20px 0 0 0;}
.tcLeft li{ padding-bottom: 20px;font-weight: 500; font-size: 17px; line-height: 26px;}
.tcLeft a{width: 200px; line-height: 54px;border-radius: 6px;color: #fff;background: #00242c;font-size: 16px;transition: all .5s;display: block;text-align: center;font-weight: 550;}
.tcLeft a:hover{background: #24454a;}
.tcRight{width: 50%; padding-left: .6rem;}
.tcRight ul{overflow: hidden; margin-left: -25px;}
.tcRight li{float: left; width: 50%; padding: 0 0 25px 25px;}
.tcRight p{font-size: 14px;margin-bottom: 13px;text-transform: uppercase;}
.tcRight p b{color: #c02b0a;}
.tcRight ul li:nth-child(7){ width:100%;}
.tcRight ul li:nth-child(11){ width:100%;}
.tcRight ul li:nth-child(12){ width:100%;}

.tcnrC{position: fixed;height: calc(100vh - .7rem);width: 1180px;background: #fff;border-radius: 8px;max-width: 90%;left:50%; top:50%; transform:translate(-50%,-50%); padding: 50px 30px 50px 50px;display: none;z-index: 2003;}
.tcRight_B{width: 50%; padding-left: .6rem;}
.tcRight_B ul{overflow: hidden; margin-left: -25px;}
.tcRight_B li{float: left; width: 50%; padding: 0 0 20px 25px;}
.tcRight_B p{font-size: 14px;margin-bottom: 13px;text-transform: uppercase;}
.tcRight_B p b{color: #c02b0a;}
.tcRight_B ul li:nth-child(1){ width:100%;}
.tcRight_B ul li:nth-child(2){ width:100%;}
.tcRight_B ul li:nth-child(3){ width:100%;}
.tcRight_B ul li:nth-child(4){ width:100%;}
.tcRight_B ul li:nth-child(5){ width:100%;}
.tcRight_B ul li:nth-child(6){ width:100%;}
.tcRight_B ul li:nth-child(7){ width:100%;}
.tcRight_B ul li:nth-child(8){ width:100%;}
.tcRight_B ul li:nth-child(9){ width:100%;}
.tcRight_B h3{font-size: 12px;color: #999;margin-bottom: 10px;}

/*Technology.html*/
.banner1{background: url(../images/bj4.webp) no-repeat center center;background-size: cover; padding: 240px 0 110px;}
.banner1Text{width: 1480px;margin: 0 auto;max-width: 90%;}
.banner1Text p{font-size:20px; margin-bottom: .15rem;font-weight: 600;text-transform: uppercase;}
.banner1Text h2{font-size:64px;font-weight: 600;line-height: 1.1;} 

.wz1480{width: 1480px;margin: 0 auto;max-width: 90%;}
.video{position: relative;margin-top: -3rem;border-radius: .15rem; overflow: hidden;}
.video video{width: 100%;}
.video:before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.6);cursor: pointer;transition: all .5s;opacity: 0;}
.video:hover:before{opacity: 1;}
.videoBtn{position: absolute;width: 1.2rem;height: 1.2rem;border-radius: 50%;left:50%; top:50%; transform:translate(-50%,-50%);background: rgba(111,225,71,.5);cursor: pointer;transition: all .5s;}
.videoBtn img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.video:hover .videoBtn{background: rgba(111,225,71,1);}

.wideoText{padding: .5rem 40% .9rem 0;border-bottom: 1px solid #c4c9c7;}
.wideoText p{line-height: 1.1;font-size:36px;}
.Life{width: 1480px;max-width: 90%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.LifeRight {width: 5.56rem;}
.LifeRight img{width: 100%;border-radius: .15rem;}
.LifeLeft{width: calc(100% - 6.15rem);}
.lifeTitle h2{font-size: var(--font48);font-weight: 700; margin-bottom: .3rem;}
.lifeTitle p{font-size: var(--font18);line-height: 1.6;}
.lifeBox{border-bottom: 1px solid #c4c9c7;}
.lifeBox h3{font-weight: 700;cursor: pointer; line-height: 1.5; font-size: var(--font20); position: relative; padding: .25rem 1rem .25rem 0;}
.lifeBox h3 span{position: absolute; right: 0; top: 50%;transform: translateY(-50%);width: .36rem;height: .36rem;border-radius: 0.06rem; border: 1px solid #00242c;display: flex;justify-content: center;align-items: center;transition: all .5s;}
.lifeBox h3 span b{display: block;background: url(../images/a22.png);width: 14px;height: 14px;background-size: 100% 100%;transition: all .5s;}
.lifeBox h3:hover span{background:#6fe147;}
.lifeText {padding-bottom: .2rem;display: none;}
.lifeBox h3.on1 b{transform: rotate(225deg);}
.lifeText p{font-size: var(--font18);line-height: 1.6; }

.bj6{background: url(../images/bj3.webp) no-repeat center bottom;background-size: 100% auto;}
.bj7{background: #00242c;}
.footer1{background: #00242c;padding:0 .3rem .3rem .3rem;}

/*Applications.html*/
.banner2{background: url(../images/bj5.webp) no-repeat center center;background-size: cover; padding: 220px 0 350px;}
.tpBox{margin-top: -300px;}
.tpBox img{width: 100%;border-radius: .2rem;}
.tpText{padding: .6rem 40% .9rem 0; border-bottom: 1px solid #c4c9c7;}
.tpText h2{font-size: 34px;line-height: 1.1; margin-bottom: 15px;font-weight: bold;}
.tpText p{font-size:18px;line-height: 1.5;}
.ApplicationsTitle h2{padding:200px 0 50px;font-size:40px;font-weight: 700; line-height: 1.1;}
.ApplicationsNr ul{display: flex;gap:.35rem;flex-wrap: wrap;}
.ApplicationsNr li{width: calc(50% - .35rem/2);border-radius: .15rem; background: #edefee; padding: .45rem .35rem .35rem .35rem;}
.ApplicationsNr li:hover{background: url(../images/bj2.webp) no-repeat center center;background-size: cover;}
.ApplicationsBox svg{width: 1rem;height: .8rem;}
.ApplicationsBox img{width: 1rem;height: .8rem;}
.ApplicationsBox h2{font-weight: bold; margin-top: .8rem;font-size: var(--font28);line-height: .9rem;font-weight: 700;border-top: 1px solid #00242c;color: #00242c;}
.ApplicationsBox p{font-size: 16px;line-height: 2;color: #00242c;}

.banner2_a{background: url(../images/bj5.webp) no-repeat center center;background-size: cover; padding: 250px 0 110px;}
.Select{padding-bottom: 1rem; border-bottom: 1px solid #bbb;}
.SelectTitle{padding:1rem 0 .3rem;}
.SelectTitle h2{font-size: var(--font20);}
.Selectbox{border: 1px solid #00242c;border-radius: 10px; padding: .4rem .35rem;transition: all .5s;cursor: pointer;}
.Selectbox:hover{background: url(../images/bj2.webp) no-repeat center center;background-size: 100% 100%;}
.Selectbox h2{border-bottom:1px solid #00242c;font-size: var(--font24); padding-bottom: 80px;}
.Selectbox p{font-size: var(--font30); margin-top: .25rem;height: 2.2em;}
.SelectNr{position: relative; padding-bottom: 1.25rem;}
.SelectNr .swiper-button-next{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #00242c;top: auto; bottom: 0;background: url(../images/a8.png) no-repeat center center;transition: all .5s;}
.SelectNr .swiper-button-next:hover{background: url(../images/a8.png) no-repeat center center #7de459;border: 1px solid #7de459;}
.SelectNr .swiper-button-prev{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #00242c;top: auto; bottom: 0;background: url(../images/a9.png) no-repeat center center;transition: all .5s;left: auto; right: 1rem;}
.SelectNr .swiper-button-prev:hover{background: url(../images/a9.png) no-repeat center center #7de459;border: 1px solid #7de459;}
.SelectNr .swiper-button-next:after,.SelectNr .swiper-button-prev:after{font-size: 0;}
.SelectNr .swiper-pagination-progressbar{width: calc(100% - 2.5rem);left: 0;bottom: .25rem;top: auto;height: 1px;}
.SelectNr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px;background: #6fe147;margin-top: -1px;}

.AntibodyTitle{padding:1rem 0 .5rem ;}
.AntibodyTitle p{font-size: var(--font20);margin-bottom: .3rem;font-weight: bold;}
.AntibodyTitle h2{font-size: var(--font46);}
.AntibodyNr{display: flex;justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid #bbb;}
.AntibodyLeft{width: 3.4rem;}
.AntibodyLeft h2{font-weight: bold;font-size: 14px;text-transform: uppercase; margin-bottom: 40px;}
.Antibod{padding-bottom: 35px;}
.Antibod h3{font-size: 20px; line-height: 1.5;font-weight: bold;}
.Antibod p{font-size:20px; line-height: 1.5;}
.Anti_btn a{display: inline-block;margin-bottom: 10px; position: relative; padding:15px 60px 15px 25px; line-height: 1.4; position: relative;border-radius: 6px;transition: all .5s;font-size:18px;background: #6fe147;font-weight: 600;}
.Anti_btn a img{position: absolute;right: 25px;top: 50%;transform: translateY(-50%);}
.Anti_btn a:hover{background: #b4f1b3;}
.Antibod b{font-weight: bold;}
.AntibodyRight{width: calc(100% - 5.2rem);}
.AntibodyRight p{font-size:20px; margin-bottom: 40px;line-height: 1.6;}
.Antibody:last-child{border: none;}

/*about.html*/
.banner3{background: url(../images/bj6.webp) no-repeat center center;background-size: cover; padding: 2.35rem 0 3.5rem;}
.aboutTp{margin-top: -3rem;}
.aboutTp ul{display: flex;justify-content: space-between;gap:.36rem}
.aboutTp li{width: calc(60% - .36rem/2);}
.aboutTp img{width: 100%;border-radius: .2rem;}
.aboutTp ul li:nth-child(2){ width: calc(40% - .36rem/2);}

.values{width: 1480px;max-width: 90%; margin: 0 auto; padding-bottom: 1rem;border-bottom: 1px solid #9a9a9a;border-top: 1px solid #9a9a9a;}
.values_title{padding:.95rem 0 .6rem 0;}
.values_title h2{font-size:42px;line-height: 1.1; margin-bottom: 30px;font-weight: bold;}
.values_title p{font-size:32px;line-height: 1.1; margin-bottom: 36px;}
.values_title h3{font-size:42px; line-height: 1.1; padding-top: .6rem;font-weight: bold;}
.values_nr ul{display: flex;justify-content: space-between;gap:36px; flex-wrap: wrap;}
.values_nr li{border: 1px solid #00242c;border-radius: .15rem;width: calc(50% - 36px/2);}
.valuesBox{padding: 50px 40px;}
.valuesBox h2{font-size: 32px;line-height: 1.1; margin-bottom: .36rem;padding-top: 25px;border-top: 1px solid #00242c; margin-top: 50px;}
.valuesBox p{line-height: 1.4;font-size:20px; }

.bj8{background: url(../images/bj8.webp) no-repeat center top #00242c;background-size: 100% auto;}
.Careers{width: 1480px;margin: 0 auto;max-width: 90%;}
.CareersTitle{padding: 2rem 30% .65rem 0;}
.CareersTitle h3{font-size:16px;color: #fff;font-weight: bold;text-transform: uppercase;}
.CareersTitle h2{font-size:50px;color: #fff;font-weight: 700;line-height: 1.1;margin: 65px 0 35px;}
.CareersTitle p{font-size:18px;color: #fff;line-height: 1.6;}
.CareersTitle h4{font-size:28px;color: #fff;line-height: 1.1; margin-top: .4rem;font-weight: 700;}
.CareersNr ul{display: flex;gap:36px;flex-wrap: wrap;}
.CareersNr li{width: calc(33.33% - 72px/3);border: 1px solid #fff;border-radius: .15rem; padding: 50px 35px 40px 35px;box-sizing: border-box;}
.CareersBox h2{font-weight: 700; color: #fff; border-top: 1px solid #fff; margin-top: 55px;font-size:32px;line-height: 1.1; padding-top: 30px;}

.Explore{width: 1480px;max-width: 90%; margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.ExploreTp{width: 55%;}
.ExploreTp img{width: 100%;border-radius: .2rem;}
.ExploreText{width:calc(45% - 1.6rem);}
.ExploreText h2{font-weight: 700;color: #fff;font-size: var(--font50);line-height: 1.1;}

/*Resources.html*/
.banner4{padding: 250px 0 120px;background: url(../images/bj7.webp) no-repeat center center;background-size: cover;}
.resourcesTitle{display: flex;justify-content: space-between;align-items: center; border-bottom: 1px solid #00242c;padding: 1rem 0 .57rem;}
.resourcesTitle h2{font-size: var(--font48);font-weight: 700;}
.setbox{width: 1.64rem;height: .5rem;border: 1px solid #c4c9c7;border-radius: .06rem; position: relative;padding: 0 .15rem;}
.setbox:hover{background: #def6da;}
.set{line-height: .48rem;font-size:14px;cursor: pointer;background: url(../images/a29.png) no-repeat 95% center;}
.new{top: .62rem;border: 1px solid #c4c9c7;width: 100%; position: absolute; border-radius: .06rem; padding: .09rem .06rem;left: 0;background: #fff;display: none;}
.new li{border-radius: .06rem; font-size: 14px;transition: all .5s; padding: 0 .12rem;color: #00242C;line-height: .4rem;cursor: pointer;}
.new li:hover{background: #def6da;}
.resourcesNr{display: flex;justify-content: space-between; padding: .95rem 0 0 0;}
.resourcesLeft{width: 220px;}
.Searchbox{padding-bottom: 55px;}
.Searchbox h2{font-size: 22px;margin-bottom: 20px;}
.Search{position: relative;border: 1px solid #c4c9c7;height: 52px;border-radius: 6px;}
.wby4{width: 100%;height: 50px; line-height: 50px; padding: 0 12px;}
.btn6{cursor: pointer;border: none;background: url(../images/a2.png) no-repeat center center;width: 12px;height: 12px; position: absolute;right: 12px;transform: translateY(-50%);background-size: 100% 100%;top: 50%;}
.resourcesBox{padding-bottom: 45px;}
.resourcesBox h2{font-weight: 700;font-size: 22px; line-height: 1.1;margin-bottom: .24rem;}
.resourcesBox li{font-size: 17px; line-height: 42px;}
.my_protocol .input_agreement_protocol { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }
.my_protocol .input_agreement_protocol+span {cursor:pointer;width: 17px;height: 17px;border:2px solid #929292;display: inline-block;position: relative;top: -2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius:2px; vertical-align:middle; margin-right:9px;vertical-align: middle; }
.my_protocol .input_agreement_protocol:checked+span {background-image: url(../images/a30.png); background-size:100% 100%;border: 2px solid #60767b;}
.resourcesRight{width: calc(100% - 360px);}
.resourcesRight ul{display: flex;gap:30px;flex-wrap: wrap;}
.resourcesRight li{width: calc(33.33% - 60px/3);border: 1px solid #c4c9c7;border-radius: 15px; padding: 25px;transition: all .5s; position: relative;}
.resourcesRight b{display: inline-block; padding: 0 11px; line-height: 34px; font-weight: 700; background: #def6da;border-radius: 5px;transition: all .5s;font-size: 13px;color: #00242c;text-transform: uppercase;}
.resourcesRight h2{font-weight: 700; line-height: 1.1; font-size: 22px;color: #00242c;margin: .35rem 0;height: 80px;}
.resourcesRight li:hover b{background: #ebfae9;}
.resourcesRight li:hover{background: #def6da;}

/*Products.html*/
.bj9{background: url(../images/bj9.webp) no-repeat center center;background-size: cover;}
.cpxq{width: 1480px;max-width: 90%; margin: 0 auto; padding: 2.85rem 0 1rem;display: flex;justify-content: space-between;}
.cpxq_left{width: 55%;position: relative;overflow: hidden;}
.cpxq_left img{width: 100%;}

.cpxq_left .swiper-pagination-bullet{width: .15rem;height: .15rem;opacity: 1;background: #fff;margin: 0 .2rem;}
.cpxq_left .swiper-pagination-bullet-active{background: #50f0cf;}
.cpxq_right{width: 40%;}
.cpxq_title h2{font-weight: 700;font-size: var(--font62);}
.cpxq_title p{font-size: var(--font32);margin: .2rem 0 .25rem;}
.cpxq_nr li{padding: .2rem 0;border-bottom: 1px solid #b3b3b3;}
.cpxq_nr span{display: inline-block; line-height: .48rem; padding: 0 .17rem; border: 1px solid #000000;border-radius: .13rem;font-size: var(--font28);font-weight: bold;color: #000;}
.cpxq_nr p{font-size: var(--font18);line-height: .56rem;}
.btn3 svg{vertical-align: middle; margin: -3px 0 0 0.15rem;}
.btn3 img{vertical-align: middle; margin: -3px 0 0 0.15rem;}

.cpxqText{width: 1480px;max-width: 90%; margin: 0 auto; padding: 2rem 25% 1rem 0; border-bottom: 1px solid #9a9a9a;}
.cpxqText h2{font-weight: 700;font-size: var(--font50); margin-bottom: .25rem;}
.cpxqText p{font-size: var(--font36);line-height: 1.1;}

.Real{width: 1480px;max-width: 90%; margin: 0 auto;}
.Real ul{display: flex;gap:.6rem;}
.Real li{width: calc(33.33% - 1.2rem/3);}
.Realbox svg{width: 1.08rem;}
.Realbox img{width: 1.08rem;}
.Realbox h2{font-weight: bold;font-size: var(--font32); margin-bottom: .36rem; margin-top: .65rem;border-top: 1px solid #00242c;padding-top: .25rem;height: 2.2em;}
.Realbox p{font-size: var(--font18);line-height: 1.4;}

.Gator{background: #d4fff6;border-radius: .2rem;}
.GatorTitle{text-align: center; padding: .7rem 0 1.2rem;}
.GatorTitle h2{font-size: var(--font46);font-weight: bold;}
.GatorTitle p{font-size: var(--font20);}
.GatorNr{text-align: center;padding-bottom: .65rem; position: relative;}
.Gatobox{position: relative;}
.gan{position: absolute;width: .48rem;top: .7rem;left: 2rem;}
.gan h2{cursor: pointer;}
.gan h2 img{width: 100%;}
.gan h2:hover img{opacity: .7;}
.ganbox{position: absolute; width: 4.7rem;border-radius: 10px; background: #fff; padding: .5rem .35rem;left: .5rem;top: .5rem;text-align: left;z-index: 66;}
.ganbox b{display: block;background: url(../images/a69.png);width: .32rem;height: .32rem;background-size: 100%;}
.ganbox img{width: .46rem;}
.ganbox h3{font-weight: 700;font-size: var(--font32);color: #00242c;margin: .4rem 0 .2rem;}
.ganbox p{font-size: var(--font18); line-height: 1.5;}
.gan2 .ganbox{left: auto;right: .5rem;}
.gan4 .ganbox{left: auto;right: .5rem;}
.gan6 .ganbox{left: auto;right:.5rem;}
.gan2{top: .5rem;right: 1.9rem;left: auto;}
.gan3{top: 1.6rem;left: 3.6rem;}
.gan4{top: 1.6rem;left: 5.6rem;}
.gan5{top: 2.5rem;left: 4.7rem;}
.gan6{top: 2.7rem;left:auto;right: .5rem;}
.gan7{top: 2.9rem;left: 2.2rem;}
.gan8{top: 3.2rem;left: 3.7rem;}
.gan9{top: 2.9rem;left: 6.9rem;}
.gan10{top: 3.9rem;left: 3.9rem;}
.gan11{top: 3.9rem;left: 5rem;}

.Gatobox{width: 8.28rem; margin: 0 auto 1.1rem auto; position: relative;}
.Gatobox img{width: 100%;}
.btn7{display: inline-block; line-height: .54rem; padding: 0 .25rem;background: #6fe147;color: #002435;border-radius: .1rem;  transition: all .5s;font-weight: 500;font-size: var(--font18);}
.btn7:hover{background: #b4f1b3;}

.CitationsTitle{border-bottom: 1px solid #cccccc;}
.CitationsTitle h2{font-weight: bold; font-size: var(--font48); margin-bottom: .3rem;}
.CitationsTitle span{display: inline-block; line-height: 28px; padding: 0 8px;background: #1a494d;color: #fff;border-radius: 0 0 0 9px;}   
.citationsBq{display: flex;justify-content: space-between;border-bottom: 1px solid #cccccc;padding: 13px 0;align-items: center;}
.citationsBqLeft ul{display: flex;justify-content: space-between;gap:13px;align-items: center;}

.citabox{cursor: pointer;position: relative;}
.citabox p{font-size: 14px;color: #999;}
.citabox p img{width: 23px; margin-right: 5px;display: inline-block;vertical-align: middle;}
.citabox p span{font-size: 18px;display: inline-block;vertical-align: middle;}
.citabox p  b{font-weight: bold;}
.citbtn{display: inline-block; line-height: 35px; padding: 0 10px;font-size: 14px;background: #eeeeee;}
.citbtn2{font-size: 14px;}
.citbtn2:hover{text-decoration: underline;}
.jdt{width: 200px;top: 35px;background: #fff;border-radius: 5px; padding: 8px 12px;z-index: 1000;  box-shadow:0 0 10px rgba(0, 0, 0, .2);position: absolute;top: 20px;right: -50%;display: none;}
.jdt_title h2{font-size: 13px;font-weight: bold;color: #666;line-height: 1.4;}
.jdt_title p{color: #999;font-size: 12px;line-height: 1.4;}
.jdtbox{margin-top: 10px;display: flex;justify-content: space-between;align-items: center;}
.jdtbox p{font-size: 12px;color: #999;}
.jdtbox h2{position: relative;height: 8px;width: 80px;border-radius: 4px;background: #eeeeee;}
.jdtbox h2 b{border-radius: 4px;position: absolute;left: 0;top: 0;height: 8px;background: #ffc253;}
.jdt_nr{padding-bottom: 8px;border-bottom: 1px solid #eee;}
.jdt a{text-align: center;display: block;margin-top: 10px;}
.jdt i{ border: 10px solid;  position: absolute;left: 50%;transform: translateX(-50%);top: -20px;border-bottom-color: #FFf;   border-right-color: transparent; border-top-color:  transparent;border-left-color: transparent;}
.citabox:hover .jdt{display:block;}

.citationsBqRight ul{display: flex;gap:8px;}
.citationsBqRight dt{font-size: 13px; color: #888888;cursor: pointer;}

.dropdown{position: relative;}
.dropdown-btn{border: 1px solid #1a494d; padding: 0 40px 0 13px;height: 33px;border-radius: 5px;color: #1a494d;font-weight: bold;font-size: 14px;background:url(../images/a57.png) no-repeat calc(100% - 10px) center #fff;cursor: pointer;}
.dropdown-content{width: 220px;border-radius: 6px;position: absolute;top: 100%;right: 0;background:#fff;border-radius: 6px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);z-index: 10;overflow: hidden; padding: 15px 0 10px 35px;display: none;z-index: 10;}
.dropdown-content.show {display: block;visibility: visible; padding: 10px;}
.dropdown-item {font-size: 13px; line-height: 32px;color: #888888;cursor: pointer;}
.wzcit{margin: 18px 0;border-radius: 6px;background: #ebedec; padding: 15px;}
.CitationsNr p{font-size: 13px; line-height: 1.5;color: #888;opacity: 0;transition: opacity 0.5s ease, transform 0.3s ease;}
.CitationsNr.visible p { opacity: 1;}
.CitationsNr p b{font-weight: bold;color: #333;}
.CitationsNr p a{color: #333;}
.CitationsNr p a:hover{text-decoration: underline;}
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}
 @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: #3498db }
}
.dropdown-content a {display: inline-block; padding: 6px;}
.dropdown-content a:hover{background: #eee;}        
.qjsrk{position: relative;}
.qjsrk input{width: 100%; height: 38px; padding: 0 10px; border-radius: 5px;line-height: 36px;border: 1px solid #1a494d; padding: 0 10px;} 
.qjsrk input:focus {box-shadow:0 0 10px rgba(0, 0, 0, .3); }
.tbnr{position: absolute;cursor: pointer;background: url(../images/a58.png);width: 21px;height: 12px; right: 33px;top: 50%;transform: translateY(-50%);}       
.tbnrbox{position: absolute; top: 38px; right: 0;padding: 12px 6px;border-radius: 6px;background: #fff;width: 280px;  box-shadow:0 0 10px rgba(0, 0, 0, .1); display: none;}
.tbnrbox ul{display: flex;gap:2px;flex-wrap: wrap;}
.tbnrbox li{width: calc(11.111% - 16px/9);}
.tbnrbox span{display: block;text-align: center; border-radius: 5px;cursor: pointer; background: #efefef;line-height: 32px;font-size: 14px; font-weight: bold;transition: all .5s;}
.tbnrbox span:hover{color: #fff;background: #265256;}
.qjssbtn{position: absolute;top: 50%;transform: translateY(-50%);right: 10px;background: url(../images/a59.png);width: 14px;height: 13px;border: none; cursor: pointer;}

.Compare{border-top: 1px solid #9a9a9a;}
.CompareTitle h2{padding: .8rem 0 .5rem;font-size: var(--font50);font-weight: bold;}
.CompareTop{background: #edefee;border-radius: .15rem; padding-left: 16.66%;}
.CompareTop ul{display: flex;gap:.3rem; padding: .5rem;}
.CompareTop li{width: 20%;}
.CompareTop img{max-width: 100%; margin: 0 auto;}
.CompareTop p{text-align: center;font-size: var(--font26); margin-top: .25rem;}

.srwb{padding: 30px 0 60px;}
.srwb ul{display: flex;gap:20px;}
.select-container {position: relative; }
.select-btn {padding:0 33px 0 13px;height: 33px; border: 1px solid #1a494d; border-radius: 5px;display: inline-flex;align-items: center;font-weight: bold;font-size: 14px;background: url(../images/a57.png) no-repeat calc(100% - 15px);}
.count-circle {width: 20px;height: 20px;background-color: #1a494d; color: white;border-radius: 50%;font-size: 12px;position: relative;display: none;text-align: center;line-height: 20px; font-weight: bold; position: absolute;top: -10px;right: -10px;}
.count-circle[data-count]:not([data-count="0"]) {display: block; }     
.srwb .dropdown {position: absolute;top: 100%; left: 0;width: 300px;background-color: white; border: 1px solid #ccc; border-radius: 5px;padding:15px 0px; display: none;z-index: 100; }
.dropbox{padding: 0 10px 10px 10px;border-bottom: 1px solid #ddd; position: relative;}       
.search {width: 100%;background: #eeeeee;border-radius: 5px; padding: 0 5px 0 35px;height: 34px; line-height: 34px;box-sizing: border-box;}
.btn_se{background: url(../images/a60.png);cursor: pointer; width: 14px;height: 13px;border: none;left: 22px;top: 10px;position: absolute;}
.wxqz{padding: 0 10px;}
.wxqz label { display: block; margin-top: 8px; cursor: pointer;}

.zhtbqh{position: relative; padding: 0 .75rem;position: relative;overflow: hidden;transition: all .54s;}
.zhtbBox{padding: 40px 15px 0 15px;height: 145px;border-radius: 10px;background: #ebedec;height: 345px; margin-left: 20px;}
.zhtbBox:hover{background: url(../images/bj2.webp) no-repeat center center;background-size: cover;}
.zhtbBox h3{font-size: 12px; margin-bottom: 15px;color: #5e5e5e;}
.zhtbBox h3 b{font-weight: bold;}
.zhtbBox h2{font-size: 14px; line-height: 21px; font-weight: bold;color: #5e5e5e;}
.zhtbBox p{margin: 15px 0;font-size: 12px;color: #5e5e5e;}
.zhtbBox ul{padding: 12px 6px;background: #d8dad9;display: flex;}
.zhtbBox span{padding: 0 10px;color: #5e5e5e;}
.zhtbBox a img{display: inline-block;vertical-align: middle;}
.xtb{background: url(../images/a64.png); width: 88px;height: 37px;background-size: 100% 100%; position: absolute;top: 10px;left: 3px;}
.xtb h4{text-align: center; color: #fff;font-size: 13px; line-height: 28px;}
.hjbox{background: url(../images/a63.png);width: 20px;height: 5px; right: 15px;top: 20px;cursor: pointer;position: absolute;}
.hjbox:hover .hjbox_nr{display: block;}
.hjbox_nr{position: absolute;width: 215px;top: 5px; right: -15px;display: none;}
.hjxq{padding-top: 10px;border:1px solid #c2c4c3;border-radius: 6px;background: #fff; padding: 15px; margin-top: 9px;}
.em{background: url(../images/a65.png);width: 16px;height: 9px;top: 1px;right: 15px;position: absolute;}
.hjbox_nr dt{font-size: 14px; line-height: 36px; }
.hjbox_nr dt img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;}

.zhtbqh{position: relative; }
.zhtbqh .swiper{padding-bottom: .6rem;}
.zhtbqh .swiper-button-next{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #0f2a32;top: auto; bottom: 0;background: url(../images/a8.png) no-repeat center center;transition: all .5s;}
.zhtbqh .swiper-button-next:hover{background: url(../images/a12.png) no-repeat center center #64d045;border: 1px solid #64d045;}
.zhtbqh .swiper-button-prev{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #0f2a32;top: auto; bottom: 0;background: url(../images/a9.png) no-repeat center center;transition: all .5s;left: 0; }
.zhtbqh .swiper-button-prev:hover{background: url(../images/a13.png) no-repeat center center #7de459;border: 1px solid #fff;}
.zhtbqh .swiper-button-next:after,.zhtbqh .swiper-button-prev:after{font-size: 0;}
.zhtbqh .swiper-pagination-progressbar{width:100%;left: 0;bottom: .25rem;top: auto;height: 6px;background: #fafafa;left: 50%;transform: translateX(-50%);border-radius: 3px; overflow: hidden;}
.zhtbqh .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 6px;background: #6fe147;border-radius: 3px;}

.dxnr{display: block;justify-content: space-between;padding: .4rem 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.dxnrleft a{display: inline-block; line-height: .54rem; padding: 0 .25rem;color: #002435;border-radius: .1rem; transition: all .5s;font-weight: 500;font-size: var(--font18);border: 1px solid #00242c;}
.dxnr_right{width: 80%;}
.dxnr_right ul{display: flex;justify-content: space-between;}
.dxnr_right li{font-size: var(--font18);}
.tabBox table{width: 100%;}
.tabBox td{border-bottom: 1px solid #c4c9c7;padding: .35rem .15rem .15rem .15rem;font-size: var(--font18);}
.tabBox td b{font-weight: 700;}
.tabBox ul{text-align: center; display: flex;justify-content: space-between;}
.tabBox tr:last-child td{border: none;}

.Contin_title{padding: 2rem 0 .7rem;}
.Contin_title h2{font-size: var(--font48); margin-bottom: .25rem;}
.Contin_title p{font-size: var(--font18);}
.Contin_nr ul{display: flex;gap:.4rem}
.Contin_nr li{width: calc(25% - 1.2rem/4);}
.Continbox h2{font-size: var(--font24); padding-bottom: .65rem;border-bottom: 1px solid #00242c;}
.Continbox p{font-size: var(--font30); margin-top: .3rem;}
.Contin_text{padding: .95rem 0 0 0;width: 50%;}
.Contin_text h2{font-size: var(--font20); line-height: 1.5;font-weight: bold;}
.Contin_text p{font-size: var(--font20); line-height: 1.5;}
.Sensogbox img{width: 100%;}
.SensogNr{position: relative; padding-bottom: 1.3rem;}
.SensogNr .swiper-button-next{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #00242c;top: auto; bottom: 0;background: url(../images/a8.png) no-repeat center center;transition: all .5s;}
.SensogNr .swiper-button-next:hover{background: url(../images/a8.png) no-repeat center center #64d045;border: 1px solid #00242c;}
.SensogNr .swiper-button-prev{margin: 0;right: 0;width: .72rem;height: .53rem;border-radius: .1rem;border: 1px solid #00242c;top: auto; bottom: 0;background: url(../images/a9.png) no-repeat center center;transition: all .5s;left: auto; right: 1rem;}
.SensogNr .swiper-button-prev:hover{background: url(../images/a9.png) no-repeat center center #7de459;border: 1px solid #00242c;}
.SensogNr .swiper-button-next:after,.SensogNr .swiper-button-prev:after{font-size: 0;}
.SensogNr .swiper-pagination-progressbar{width: calc(100% - 2.5rem);left: 0;bottom: .25rem;top: auto;height: 1px;background: #c4c9c7;left: 0;}
.SensogNr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px;background: #6fe147;margin-top: -1px;}
.Sensogbox p{font-size: var(--font30); margin-top: .35rem;font-weight: bold;}
.tpText1{border: none;}
/*Shop.html*/
.top{width: 1550px;margin: 0 auto;max-width: 90%;display: flex;justify-content: space-between;align-items: center;height: 50px;}
.topLeft p{font-size: 13px;}
.topRgith ul{display: flex;justify-content: space-between;gap:10px;}
.topRgith li{font-size: 13px;color: #727272;}
.topRgith li a{color: #727272;transition: all .5s;}
.hoverbtn{display: inline-block;background: url(../images/a33.png) no-repeat left center; padding-left: 15px;}
.hoverbtn:hover{background: url(../images/a34.png) no-repeat left center;}
.topRgith li a:hover{color: #50f0cf;}

.header_abox{background: #00242c;  position: relative;z-index: 120;}
.headerTwo{width: 1550px;max-width: 90%; margin: 0 auto;display: flex;justify-content: space-between;height: 110px;align-items: center;}
.headLeft{display: flex;justify-content: space-between;}
.navb ul{display: flex;justify-content: space-between;gap:39px;padding:10px 0 0 40px;}
.navb li{}
.navb a{ position: relative; font-size:16px;transition: all .5s;display: block;color: #fff;font-weight: bold; padding: 30px 0 20px;}
.logo1{width: 200px;}
.logo1 img{width: 100%;}
.navb a:before{position: absolute;content: "";border-bottom: 3px solid #6fe147;width: 100%;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;transition: all .5s;border-radius: 2px 2px 0 0;}
.navb li.cur a:before{width: 100%;}
.navb li a:hover:before{width: 100%;}
.ssbox{width: 4.75rem;height: .7rem;background: #fff;position: relative;}
.wby5{width: 100%;height: .7rem; line-height: .7rem; padding: 0 .2rem 0 40px;background: url(../images/a35.png) no-repeat 12px center ; }
.ssbtn{position: absolute; content: "";width: .5rem;height: .5rem;color: #fff;background: #6fe147;right: 0;top: 50%;transform: translateY(-50%);cursor: pointer; border: none;transition: all .5s;}
.ssbtn:hover{background: #50f0cf;}

.headRight{display: flex;justify-content: space-between;gap:35px;display: flex;justify-content: space-between;align-items: center;height: 70px;}
.headRight svg{fill: #fff; stroke: #fff; stroke-width: 2;width: 25px;}
.headRight img{fill: #fff; stroke: #fff; stroke-width: 2;width: 25px;}
.headRight a b{color: #fff; padding-left: 10px;}
.banner5{width: 1600px;max-width: 100%; margin: 0 auto;overflow: hidden; position: relative;}
.Readbox img{width: 100%;}
.banner5 .swiper-button-next{width: 40px;height: 60px;outline:none;color: #fff;font-weight: bold;transition: all .5s;}
.banner5 .swiper-button-next:hover{background: rgba(0,0,0,.4);}
.banner5 .swiper-button-prev{width: 40px;height: 60px;outline:none;color: #fff;font-weight: bold;transition: all .5s;}
.banner5 .swiper-button-prev:hover{background: rgba(0,0,0,.4);}
.banner5 .swiper-pagination-bullet{border-radius: 0;background: #fff;width: 25px;height: 6px;opacity: 1;}
.banner5 .swiper-pagination-bullet-active{background: #8dc63f;}

.cplb{padding: .4rem 0 1rem;}
.cplb ul{display: flex;gap:.2rem; flex-wrap: wrap;} 
.cplb li{width: calc(25% - .6rem/4);}
.cplb span{display: block; overflow: hidden;}
.cplb img{width: 100%;transition: all 1s;}
.cplb a:hover img{opacity: .7;transform: scale(1.05);}
.cplb p{text-align: center;font-size: var(--font16);line-height: 2;color: #00242c;text-transform: uppercase;}

.rtcp{padding-bottom: .65rem;}
.rtcpTitle{padding-bottom: .2rem;}
.rtcpTitle h2{color: #fff; line-height: .5rem; padding:0 .55rem;background: #00242c;display: inline-block;font-size: var(--font16);text-transform: uppercase;}
.rtcpNr ul{display: flex;gap:.1rem;flex-wrap: wrap;}
.rtcpNr li{width: calc(20% - .4rem/5);cursor: pointer;}
.trcpTp{position: relative;}
.trcpTp img{width: 100%;}
.quickbtn{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);line-height: .5rem;border-radius: .1rem; color: #00242c;background: #6fe147;transition: all .5s;padding: 0 .33rem;font-size: var(--font16);white-space: nowrap;opacity: 0;cursor: pointer;}
.quickbtn:hover{background: #00242c;color: #fff;}
.trcpTp:hover .quickbtn{opacity: 1;}
.rtcpBox{padding-top:.2rem ;}
.rtcpBox p{font-size: var(--font16); line-height: 2;}
.rtcpBox p a{color: #00242c;transition: all .5s;display: inline-block;}
/*.rtcpBox h2{padding: .1rem 0 .3rem;}*/
.rtcpBox h2 span{display: inline-block;background: url(../images/a38.png);width: 14px;height: 14px;}
.rtcpBox p a:hover{color: #50f0cf;}
.rtcpBox p a.color1{color: #999;}
.rtcpBox p a.color1:hover{color: #50f0cf;}
.cptcBox{width: 900px;z-index: 2001; background: #fff; border-radius: .15rem; padding: .7rem 0.25rem;position: fixed;left:50%; top:50%; transform:translate(-50%,-50%);display: none;overflow: hidden;}
.cptcNr{width: 3.4rem;float: left; overflow: hidden;}
.cptcNr .swiper{padding-bottom: .4rem;}
.cptcNr .swiper-pagination-bullet{width: .12rem;height: .12rem;}
.cptcNr .swiper-pagination-bullet-active{background: #16B777;} 
.cptcNr img{width: 100%;}
.cptcEext{width: calc(100% - 3.65rem);float: right;}
.cptcEext h2{font-size: var(--font46);text-transform: uppercase;}
.cptcEext h3 a{display: inline-block;transition: all .5s;font-size: var(--font16);color: #999;margin: .1rem 0;transition: all .5s;}
.cptcEext p{font-size: var(--font16);line-height: 2;}
.cptcEext p a{color: #999;transition: all .5s;}
.cptcEext p a:hover{color: #50f0cf;}
.cptcEext h3 a:hover{color: #50f0cf;}

.footerA{background: #def6da;}
.footerAbox{width: 1480px;margin: 0 auto;max-width: 90%; padding: 40px 0;display: flex;justify-content: space-between;}
.footAleft ul{overflow: hidden;}
.footAleft li{float: left; width: 33.33%;}
.footAleft h2{font-size:18px;margin-bottom: 10px;text-transform: uppercase;font-weight: 600;}
.footAleft dt{font-size:16px;line-height: 1.4;}
.footAleft dt a{transition: all .5s;color: #00242c;}
.footAleft dt a:hover{color: #999;}
.footAleft{width: calc(100% - 4rem);}
.footAright{width: 4rem;}
.footAright h2{font-size:18px;margin-bottom: 10px;text-transform: uppercase;font-weight: 600;}
.footAright dl{display: flex;gap:20px; padding-top: 15px;}
.footAright img{border-radius: 50%;}
.wzbq{background: #00242c;}
.wzbqbox{width: 1480px;margin: 0 auto;max-width: 90%; padding:12px 0;}
.wzbqbox p{font-size: 16px;color: #fff;}

/*login*/
.login{width: 700px; margin: 0 auto; padding: 0 0 .5rem;max-width: 100%;}
.loginTitle h2{text-align: center; padding: .35rem 0 .3rem;font-size: var(--font38);text-transform: uppercase;}
.loginNr{background: #fafafa; padding: .35rem .2rem;}
.loginNr h1{font-size: var(--font26);font-weight: 400;}
.loginNr p{font-size: 14px;padding: .2rem 0;}
.loginNr li{padding-bottom: 15px;}
.loginNr h2{font-size: 12px; line-height: 2;}
.wby6{width: 300px;height: 40px; line-height: 38px; padding: 0 10px;border: 1px solid #cfd3d5;background:#e8f0fe;}
.btn8{width: 97px;height: 58px;border: none;background: #6fe147;border-radius: 6px;cursor: pointer; color: #fff;font-size: 16px;transition: all .5s;text-transform: uppercase;}
.btn8:hover{background: #50f0cf;color: #00242c;}
.loginNr a{font-size: 14px; padding-left: 10px; font-size: 14px;color: #999;transition: all .5s;}
.loginNr a:hover{color: #50f0cf;}
.ymnr{padding: .5rem 0 0 0;}
.ymnr h2{text-align: center; margin-bottom: 30px;}
.ymnrbox{width: 400px;max-width: 100%; margin: 0 auto;}
.ymnrbox dl{display: flex;justify-content: space-between;gap:10px; padding: 10px 0;}
.ymnr dt{width: calc(50% - 10px/2);}
.ymnr h2{text-transform: uppercase;font-size: var(--font26);}
.btn9{cursor: pointer; height: 44px; color: #00242c;background: #6fe147;border: none;width: 100%;transition: all .5s;}
.wby9{width: 100%; border: 1px solid #cfd3d5;height: 44px;line-height: 42px; padding: 0 10px;}

/*orders.html*/
.dqwz{width: 1480px; margin: 0 auto;max-width: 90%;}
.dqwz p{padding: 20px 0;font-size: 14px; color: #333;}
.dqwz p a{color: #767272;}
.dqwz p span{padding: 0 5px;}
.dqwz a.active{color: #8fe147;}
.dqwz a:hover{color: #8fe147;}
.ordes{width: 760px; margin: 0 auto;max-width: 100%; padding-bottom: 50px;}
.ordes_title{padding: 30px 0 25px;}
.ordes_title h2{font-size: var(--font40);margin-bottom: 15px;text-transform: uppercase;}
.ordes_title p{font-size: 16px; line-height: 1.8;}
.ordes_title a{color: #999;}
.ordes_title a:hover{color: #50f1dd;}
.ordes_box{background: #fafafa;padding: 30px 10px;display: flex;justify-content: space-between;}
.ordesLeft{width: 50%; padding: 0 30px; border-right: 1px solid #bbbbbb;}
.ordesLeft li{padding-bottom: 22px;}
.ordesLeft p{font-size: 16px; margin-bottom: 12px;}
.wby7{background: #fff; padding: 0 10px;height: 40px; line-height: 38px;border: 1px solid #cfd3d5;padding: 0 10px;width: 100%;}
.ordesRight{width: 50%; padding: 0 30px;text-align: center;}
.ordesRight p{font-size: 16px; line-height: 1.8; margin-bottom: 55px;text-align: left;}
.ordesRight a{display: inline-block; font-size: 14px;color: #999;}
.ordesRight a:hover{color: #6fe147;}

/*Reagents.html*/
.Reagents{width: 1480px;max-width: 90%; margin: 0 auto;}
.ReagentsTtiel h2{font-size: var(--font40);margin: .2rem 0 .65rem;text-transform: uppercase;}
.Reagents_bottom{display: flex;justify-content: space-between;align-items: center;}
.ReagentsLeft p{font-size: 14px;text-transform: uppercase;}
.ReagentsRight {display: flex;justify-content: space-between;gap:15px;align-items: center;}
.reag_sr dl{display: flex;justify-content: space-between;gap:5px;}
.wby10{width: 117px;height: 34px;border: 1px solid #bbbbbb;background: url(../images/a41.png) no-repeat 95px center;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none; padding: 0 6px;}
.reag_qh dl{display: flex;justify-content: space-between;gap:20px;align-items: center;}
.reag_qh span{cursor: pointer;}
.ReagentsBt h2{font-weight: 700; font-size: 14px;margin: 30px 0 20px;text-transform: uppercase;}
.rtcpNr_rcy ul{gap:.3rem;display: flex;flex-wrap: wrap;}
.rtcpNr_rcy li{width: calc(25% - .9rem/4);}

.trctp_B{display: flex;justify-content: space-between; padding-bottom: 35px;flex-wrap: wrap;}

.rtcpBox_B{width: calc(100% - 350px);}
.rtcpNr_rcy_A ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.rtcpNr_rcy_A li{width: 50%;}


/*shopping.html*/
.shoop{width: 1480px;margin: 0 auto;max-width: 90%; padding-bottom: 1.9rem;}
.shoop_box{border: 1px solid #bbbbbb;width: 1135px;max-width: 100%;}
.shoop_box h3{cursor: pointer;border-bottom: 1px solid #bbbbbb; padding: 0 20px; line-height: 44px; font-size: 16px; position:relative;background: url(../images/a45.png) no-repeat calc(100% - 25px) center; }
.shoopNr{padding: 20px;background: #fafafa;}
.shoopNr ul{display: flex;justify-content: space-between;gap:15px;}
.shoopNr li{width: calc(50% - 30px/2);}
.shoopNr p{font-size: 16px; line-height: 40px;}
.btn10{display: inline-block; padding: 0 34px;background: #6fe147;border-radius: 5px; line-height: 40px;color: #00242c;transition: all .5s;font-size: 14px;text-transform: uppercase;}
.btn10:hover{background: #50f0cf;}
.shoopNr dl{display: flex;gap:15px}
.plussub {position: relative;height: 40px; width: 60px; border: 1px solid #bbb;}
.plussub input{height: 38px;width: 100%; line-height: 38px;text-align: center; padding-right: 20px;background: #fff;}
.plus{position: absolute; cursor: pointer;transition: all .3s;background: url(../images/a47.png);width: 9px;height: 5px; right: 13px;top: 12px;font-size: 0;}
.suba{position: absolute; cursor: pointer;transition: all .3s;background: url(../images/a48.png);width: 9px;height: 5px; right: 13px;bottom: 12px;font-size: 0;}
.shoop_box h3.on{background: url(../images/a46.png) no-repeat calc(100% - 25px) center;}
.sjzs{display: none;}
.dhbtn{display: none;}

/*Register*/
.Register{width: 1120px;margin: 0 auto;max-width: 100%; padding-bottom: .7rem;}
.RegisterBox{display: flex;justify-content: space-between;}
.RegisterLeft{width: 45%;background: #aef8e9; padding: 30px;}
.Register h2{font-size: var(--font36); padding: .5rem 0 .4rem;text-transform: uppercase;}
.Registertitle h3{font-size: 16px;}
.Registertitle p{font-weight: bold;font-size: 12px; margin: .2rem 0;}
.RegisterNr li{padding-bottom: .2rem;}
.RegisterNr li:last-child{padding: 0;}
.RegisterNr p{font-size: 14px;font-weight: bold; margin-bottom: .15rem;}
.RegisterHeight{width: 50%;}
.wby11{width: 360px;height: 40px;border: 1px solid #f6f6f6;background: #fff; padding: 0 10px; line-height: 38px;}
.wby12{width: 360px;height: 40px;border: 1px solid #f6f6f6;background:url(../images/a55.png) no-repeat calc(100% - 14px) #fff; padding: 0 10px; line-height: 38px;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;}
.RegisterHeight p{line-height: 1.8; font-size: 14px;}

/*contact-us*/
.contact{width: 1100px;margin: 0 auto; max-width: 90%;}
.contact_top{display: flex;justify-content: space-between; padding: 190px 0 0 0;}
.conttp{width: 400px;}
.conttp img{width: 100%;border-radius: 10px;}
.conttext{width: calc(100% - 460px);}
.conttext h2{font-size:36px;font-weight: bold;}
.conttext p{font-size:18px; margin: 35px 0 25px;line-height: 1.8;}
.conttext ul{padding-bottom: 20px;}
.conttext li{padding-bottom:25px;font-size:18px;line-height: 1.8;}
.btn11{display: inline-block;color: #fff; padding: 0 25px; line-height: 54px;background: #00242c;border-radius: 6px;transition: all .5s;font-size:16px;font-weight: bold;}
.btn11:hover{background: #24454a;}
.contactbd h2{font-size: 18px; margin: 35px 0 65px;line-height: 1.8; }
.contactbd ul{overflow: hidden; margin-left: -25px;}
.contactbd li{float: left;width: 50%; padding: 0 0 15px 25px;}
.contactbd p{text-transform: uppercase;font-size: 14px; line-height: 34px;}
.contactbd p b{color: #c4320a;}
.wby15{width: 100%; height: 38px; line-height: 36px;border: 1px solid #c4c9c7;border-radius: 6px; padding: 0 15px;width: 100%;}
.wby16{width: 100%; height: 180px; border: 1px solid #c4c9c7;border-radius: 6px; padding:15px;width: 100%;}
.contactbd  ul li:nth-child(7){ width:100%;}
.contactbd  ul li:nth-child(11){ width:100%;}
.contactbd  ul li:nth-child(12){ width:100%;}

/*news.html*/
.resobox h3 span{display: inline-block;width: 40px;height: 29px; border: 1px solid #00242c;background: url(../images/a2.png) no-repeat center center;transition: all .5s;border-radius: 6px;vertical-align: middle; margin: -3px 0 0 10px;background-size: 12px auto;}
.resobox h3{font-size: 16px;}
.resourcesRight a:hover h3 span{border: 1px solid #7be357;background:url(../images/a2.png) no-repeat center center #7be357;background-size: 12px auto;}
.rightrq{position: absolute;right: .4rem;top: .5rem; font-size: 14px;}
.righbtnzh{text-align: right;}
.btn3a{display: inline-block; padding: 0 26px;border: 1px solid #00242c;font-size: 16px; background: #fff; border-radius: 6px; line-height: 54px;transition: all .5s;font-weight: bold;}
.btn3a:hover{background: #6fe147;}

/*privacy-policy*/
.wzxq_title{padding-bottom: .95rem;border-bottom: 1px solid #00242c;}
.wzxq_title p{font-weight: bold;font-size:18px; margin-bottom: .15rem;}
.wzxq_title h2{font-weight: bold;font-size:72px;}
.wzxq_nr{padding: .95rem 30% 0 0;}
.wzxq_nr p{font-size:20px; margin-bottom:35px;line-height: 1.8;}
.wzxq_nr p b{font-weight: bold;}

/*trade-spot.html*/
.wzxq_nr h2{font-size: var(--font28); margin: 70px 0 30px;}
.wzxq_nr h3{font-weight: bold;font-size:20px;line-height: 2;}

/*aav-genome-tite*/
.wzxq_nr img{margin-top: .35rem;width: 100%;}

/*distributors.html*/
.banner1_b{padding-bottom: 1.2rem;}
.Austr{padding: 1rem 0 0 0;}
.Austr ul{display: flex;justify-content: space-between;gap:.8rem;flex-wrap: wrap;}
.Austr li{width: calc(33.33% - 2.4rem/3);}
.AustrBox h2{font-size: var(--font42);font-weight: bold; margin-bottom: .3rem;}
.AustrBox dt{font-size: var(--font20);line-height: 1.8;}
.AustrBox dt a{text-decoration: underline;}
.btn3 img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;}

/*Protein-A-ProA*/
.cpjs{display: flex;justify-content: space-between;}
.cpjsleft{width: 50%;display: flex;justify-content: space-between;}
.cpjslefta img{width: 100%;}
.cpjstop{width: 50px;}
.cpjstop li{padding-bottom: 15px;}
.cpjstop span{display: block;cursor: pointer;}
.cpjstop img{width: 100%;}
.cpjs_qh{width: calc(100% - 50px); padding: 0 .4rem;overflow: hidden;}
.cpjsbox img{width: 100%;}
.cpjsbox{animation: fadeInRight .5s 1;  }
.cpjsright{width: 45%;}
.cpjsright h2{font-size: var(--font46);text-transform: uppercase;}
.cpjsright h3{text-transform: uppercase;font-size: 14px;margin: .25rem 0;font-weight: bold;}
.cpjsright p{font-size: 14px;line-height: 1.6;}
.cpjsright p a{color: #999;}
.cpjsright p a:hover{color: #50f0d8;}
.cpjsright h4{font-size: 14px;margin-top: .25rem;}
.cpjsright h4 b{display: inline-block;background: url(../images/a38.png);width: 14px;height: 14px;vertical-align: middle;}

.cpwb{width: 1300px;margin: 0 auto;max-width: 100%; padding-top: .6rem;}
.cpwb li{border-bottom: 1px solid #cfd3d5;padding: .2rem 0;}
.cpwb h2{font-size: 22px; }
.cpwb p{font-size: 14px; line-height: 1.6;}
.cpwb p a{color: #666;}
.cpwb p a:hover{color: #50f0d8;}
.cpwb p b{font-weight: bold;}
.tjwb{padding-top: .4rem;}
.tjwb p{font-size: 16px;margin-top: 30px;}
.btn3c{display: inline-block; padding: 0 26px;font-size: 16px; background: #6fe147; border-radius: 6px; line-height: 54px;transition: all .5s;color: #00242C !important;text-transform: uppercase;}
.btn3c:hover{background: #50f0cf;}
.h80{height: .8rem;}

.cpqhNr{padding: 0 1.5rem; position: relative;}
.cpqhNr .swiper-button-next{color: #999;width: 36px;height: 66px;border-radius: 6px;transition: all .5s;background: #6fe147;}
.cpqhNr .swiper-button-next:hover{background: #50f0cf;color: #00242c;}
.cpqhNr .swiper-button-next:after, .cpqhNr  .swiper-button-prev:after{font-size: 28px;}
.cpqhNr .swiper-button-prev{color: #666;}
.cpqhNr .swiper-button-prev:hover{color: #50f0cf;}
.menu{display: none;}

/*about_careers_xj1*/
.work{border-bottom: 1px solid #9a9a9a;}
.aboutTp1{margin-top: -3rem;}
.aboutTp1 ul{display: flex;justify-content: space-between;gap:.36rem;flex-wrap: wrap;}
.aboutTp1 li{width: calc(60.5% - .36rem/2);}
.aboutTp1 img{width: 100%;border-radius: .2rem;}
.aboutTp1 ul li:nth-child(1){ width: calc(39.5% - .36rem/2);}
.work_nr ul{display: flex;gap:35px;flex-wrap: wrap;}
.work_nr li{border-radius: 15px;width: calc(33.33% - 70px/3);border: 1px solid #00242c; padding: 50px 35px 35px 35px;}
.workboxt{margin-top: 50px;border-top: 1px solid #00242c;padding-top: 25px;}
.workboxt h2{font-weight: bold;font-size: 32px; line-height: 1.2;margin-bottom: 10px;}
.workboxt p{font-size:20px; line-height: 1.5;}
.about_text ul{padding: 35px 0 0 0}
.about_text li{font-size: 18px;color: #00242c;line-height: 30px;padding-left: 30px;position: relative;}
.about_text li:before{position: absolute;content: "";left: 10px;top: 50%;transform: translateY(-50%);width: 6px;height: 6px;background: #00242c;border-radius: 50%;}
.ExploreText p{font-size:20px; line-height: 1.5;color: #fff;}

/*Products_View all_xj*/
.aboutTp1 img{height:100%;width: 100%;object-fit: cover;}
.automText h4,.about_text h4{font-weight: bold;font-size: 32px;margin-bottom: 20px;}
.fllb dt{padding: 25px 0;border-bottom: 1px solid #b3b3b3;}
.fllb dt h5{font-weight: bold;font-size: 18px;}
.fllb dt b{display: inline-block; margin: 10px 0; padding: 8px 15px;border: 1px solid #00242c;border-radius: 15px; font-weight: bold;font-size: 26px;}
.fllb dt:last-child{border: none;}
.btnrightbox{text-align: right;padding-top: 150px;}
.dxnr_right.hidden{display: none;}
.dxbtn {  background-color: #6fe147; color: white;text-decoration: none;border-radius: 8px; font-weight: 600; text-align: center;transition: all 0.3s ease;
 cursor: pointer;user-select: none; min-width: 180px;}
 .dxbtn.disabled { background-color: #fff;   cursor: not-allowed; transform: none; box-shadow: none;  }

@media(max-width:1680px){
.footerbox{ padding: 1.5rem 60px 0 60px;}


}
@media(max-width:1460px){
.resourcesRight li{width: calc(50% - 30px/2);}


}
@media(max-width:1360px){
.footerbox{ padding: 1.5rem 40px 0 40px;}
.footxx{display: block;}
.footxxRight{width: 100%;padding-top: 85px;}
.Newsletter{padding-top: 65px;}


}

@media(max-width:1200px){
}

@media(max-width:1000px){
.header{width: 90%;top: 60px;left: 5%;}
.small-header .header{transform: translateY(-200%);}
.sjzs{display: block;}
.headerbox{height: 73px;border-radius: 6px;margin: 0;min-width: 100%;}
.btn1{display: none;}
.menu{width: 75px; line-height: 40px;text-align: center;font-size: 16px;border-radius: 6px;background: #fff;text-align: center;display: block;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}
.nav{display: none;}
.meNav{position: fixed;width: 100%;z-index: 1001;background: #fff;right: -110%;top: 0;height: 100vh; padding: 85px 20px;display: block;}
.meNav li{padding-bottom: 10px;}
.meNav h3 a{display: block; line-height: 42px; padding: 0 12px;background: url(../images/a2.png) no-repeat calc(100% - 30px) center;border-radius: 6px;font-size: 14px;color: #00242c;font-weight: 600;}
.meNav li.cur h3 a{background: url(../images/a2.png) no-repeat calc(100% - 30px) center #def6da;}
.meNet{position: absolute;width: 30px;height: 30px;border:1px solid #00242c;border-radius: 6px;top: 24px;right: 24px;background: url(../images/a17.png) no-repeat center center;}
.btn1_sj{display: block;width: 100%;line-height: 44px;border-radius: 6px;color: #fff;background: #00242c;text-align: center;margin-top: 40px;}
.mesut{position: fixed;width: 100%;z-index: 1001;background: #fff;right: -110%;top: 0;height: 100vh; padding: 85px 20px;}
.meNav h3 a{display: block; line-height: 42px; padding: 0 12px;background: url(../images/a2.png) no-repeat calc(100% - 30px) center;border-radius: 6px;font-size: 14px;color: #00242c;font-weight: 600;}
.mesut2 a{display: block; line-height: 42px; padding: 0 12px;border-radius: 6px;font-size: 14px;color: #00242c;font-weight: 600; position: relative;}
.mesut2 a.cur{background: #def6da;}
.mesut2 b{background: url(../images/a2.png) no-repeat center center;width: 18px;height: 18px; position: absolute;top: 50%;transform: translateY(-50%);right: 12px;}
.nesut3{position: fixed;width: 100%;z-index: 1002;background: #fff;right: -110%;top: 0;height: 100vh; padding: 85px 20px;}
.nesut4{position: fixed;width: 100%;z-index: 1003;background: #fff;right: -110%;top: 0;height: 100vh; padding: 85px 20px;}
.logo{width: 130px;}
.bannerText {left: 25px; bottom: 55px;transform: translate(0, 0);top: auto;}
.bannerText h2{font-size: 40px;line-height: 1.2;}

.tcnrC{padding-left: 20px; padding-right: 5px;}
.tcnrdw{display: block;padding-right: 0;}
.tcLeft{width: 100%; }
.tcRight_B{width: 100%; padding: 20px 0 0 0;}
.tcRight_B li{width: 100%;float: none;}

.autom{display: block; padding: 100px 0 0;}
.automTp{width: 100%;}
.automText{width: 100%; padding: 65px 0 0 0;}
.automText h3{margin-bottom: 40px;}
.automText h2{font-size: 34px; line-height: 44px;font-weight: bold;}
.automText p{font-size: 18px; line-height: 28px;}
.btn3{width: 100%; line-height: 54px; font-size: 18px;text-align: center; margin-top: 35px;}
.appligTitle{display: block;}
.titleBox{width: 100%;}
.appligNr .mySwiper{padding: 0;margin: 3%;}

.about{display: block;}
.about_text{padding:0 0 50px; width: 100%;}
.about_tp{width: 100%;}
.pczs{display: none;}
.prodTitle{padding: 100px 0 25px 0;}
.prodTitle h2{font-size: 32px; line-height: 42px;}
.prodTitle p{font-size: 18px; }
.prodNr ul{display: block;}
.prodNr li{width: 100%; margin-bottom: 40px;}
.news{padding-bottom: 100px;}

.whatText span{position: static;display: block;margin-bottom: 20px;}
.whatText{padding: 0;}
.news_nr ul{display: block; padding-bottom: 0;}
.news_nr li{width: 100%; margin-bottom: 35px;}
.whatNr{padding-bottom: 0;}
.prodbox svg{height: auto;width: 118px;}
.prodbox img{height: auto;width: 118px;}
.prodText h2{font-size: 24px;margin:0 0 30px 0;}
.prodText p{font-size: 18px; line-height: 32px;}
.prodText{margin-top: 80px; padding: 30px 0 45px;}
.prodbox{padding:45px 35px 0 35px;}
.whatText p{font-size: 16px; line-height: 26px;width: 100%;}
.whatText img{width: 210px; margin-top: 50px;}
.news_title{padding: 100px 0 25px;}
.news_title h2{font-size: 26px;margin-top: 30px;}
.newsbox{padding: 25px;}
.newsbox h2{margin-bottom: 30px;}
.newsbox h2 span{padding: 0 10px; line-height: 34px;}
.newsbox h2 b{line-height: 34px;}
.newsbox h3{height: auto;font-size: 18px;padding: 25px 0 30px;}
.newsbox p span{float: right;width: 41px;height: 29px;}
.btn4 {width: 100%;line-height: 54px;font-size: 18px; text-align: center; margin-top: 35px;}

.footer{padding: 0;}
.footerbox{ padding: 70px 5% 0 5%;border: none;border-radius: 0;background-size: cover;}
.foot_top{display: block;text-align: center;padding: 60px 30px;}
.bdtc{display: inline-block;width: 206px;margin-top: 40px;}
.foot_top h2{font-size: 28px; line-height: 36px;}
.footxx{display: block; padding: 55px 0 0 0;border: none;}
.footxxLeft{width: 100%;}
.footxxRight{width: 100%;}
.footxxLeft svg{width: 260px;}
.footxxLeft img{width: 260px;}
.Newsletter{padding-top: 60px;}
.Newsletter h2{font-size: 26px; margin: 20px 0 40px;}
.first{width: 168px;height: 68px;    background-size:18px auto;border-radius: 8px;}
.footxxRight{padding-top: 80px;}
.footxxRight ul{gap:30px;}
.footxxRight li{width: calc(50% - 30px/2); padding-bottom: 25px;}
.footxxRight h2{height: auto;font-size: 20px;}
.bqxx{display: block;  padding: 25px 0;}
.bqxxLeft p{line-height: 1.4;font-size: 14px;}
.bqxxRight ul{padding-bottom: 15px;display: block;text-align: left;}
.bqxxRight li{display: inline-block; padding: 0 10px 0 0;}
.bqxxRight  ul li:nth-child(1){display: block;padding-bottom: 10px;}
.bqxxRight span{display: block;}
.tpText{padding: 50px 0;}
.ApplicationsNr ul{display: block;}
.ApplicationsNr li{width: 100%; margin-bottom: 30px;}
.AntibodyNr{display: block;}
.AntibodyLeft{width: 100%;}
.AntibodyRight{width: 100%; padding-top: 30px;}

.banner3{padding-top: 240px;}
.banner1Text p{font-size: 16px;margin-bottom: 10px;}
.banner1Text h2{font-size: 38px;}
.banner1Text h2 br{display: none;}
.aboutTp ul{display: block;}

.aboutTp li{width: 100%;height: 360px; margin-bottom: 35px;}
.aboutTp ul li:nth-child(2){width: 100%;}
.tpText{padding: 50px 0;}
.aboutTp li  img{width: 100%;height: 100%; object-fit: cover;}
.tpText h2{font-size: 28px; line-height: 36px;}
.tpText p{font-size: 18px; line-height: 28px;}
.Life{display: block;}
.LifeLeft{width: 100%;}
.lifeTitle h2{font-size: 34px;}
.lifeTitle p{font-size: 18px; line-height: 28px;}

.cpxq{display: block;}
.cpxq_left{width: 100%;}
.cpxq_right{width: 100%; padding-top: 30px;}
.cpxqText{padding: 50px 0;}
.Real ul{display: block;}
.Real li{width: 100%;}
.h200{height: 1rem;}
.Gatobox{width: 100%;}
.btn7{width: 100%; line-height: 54px;  font-size: 18px; text-align: center;}
.compbox {padding: 30px;border-radius: 12px;background: #edefee; opacity: .7;}
.compbox img{width: 100%;}
.compbox p{font-size: 18px;text-align: center; margin-top: 30px;}
.compxq{animation: fadeIn 1s 1;}
.compxq table{width: 100%; }
.compxq td{border-bottom: 1px solid #bbb; padding: 30px 0 10px;font-size: 16px;font-weight: bold;line-height: 1.5;}
.compxq td:nth-child(2){ font-weight: 400; padding-left: 15px;width: 50%;box-sizing: border-box;}
.comp_top .swiper-wrapper .swiper-slide.cur .compbox{opacity: 1;}

.resourcesTitle{display: none;}
.zkbtn{display: block;text-align: center; line-height:56px;font-size: 16px;border: 1px solid #00242c;border-radius: 6px;cursor: pointer;transition: all .5s; margin: 30px 0;}
.zkbtn img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;}
.zkbtn:hover{background: #6fe147;}
.resourcesNr{display: block; padding:.8rem 0 0 0;}
.resourcesLeft{background: #fff; width: 100%; top: 0;left: 0;height: 100%; padding: 30px 5%; position: fixed;z-index: 101;}
.resourcesLeft{overflow: auto;display: none;}
.resourcesRight{width: 100%;padding-bottom: 1rem;}
.resourcesRight li{width: calc(50% - 30px/2);}
.Contin_nr ul{flex-wrap: wrap;}
.Contin_nr li{width: calc(50% - .4rem/2);}
.Contin_text{width: 100%;}
.Sensogbox p{font-size: 18px;}
.wideoText{padding: 30px 0;}

.LifeRight{width: 100%;padding-bottom: 20px;}
.CareersTitle{padding-right: 0;}
.CareersNr li{width: 100%;}
.Explore{display: block;}
.ExploreText{width: 100%; padding:20px 0 0 0;}
.ExploreTp{width: 100%;}
.btn11{width: 100%; line-height: 54px; font-size: 18px;text-align: center; }
.tcLeft a{width: 100%; line-height: 54px; font-size: 18px;text-align: center; }
.contactbd li{width: 100%; float: none;}
.tcnrB { padding-left: 20px; padding-right: 5px; }
.tcRight{padding-top: 30px;width: 100%; padding-left: 0;}
.tcRight li{float: none;width: 100%;}
.btn3a{width: 100%;text-align: center;}

/*二级域名*/
.dhbj{position: fixed;z-index: 99;width: 100%;height: 100%; background: rgba(0,0,0,.6);left: 0;top: 0;display: none;}
.navb{display: none;}
.headRight{display: none;}
.topRgith{display: none;}
.topLeft{padding: 8px 0;height: 70px;display: flex;justify-content: center;align-items: center;}
.topLeft p{font-size: 12px; line-height: 2;text-align: center;}
.header_abox{ padding: 0;}
.dhbtn{position: fixed;width: 90px;height: 56px;background: #00242c; padding: 0 10px;background: #00242c;z-index: 100;right:0;top: 50px;display: flex;justify-content: space-between;align-items: center; z-index: 200;}
.dhjf a{display: flex;width: 40px;color: #fff;gap:5pxj;align-items: baseline;}
.dhjf a svg{width: 22px; fill: #FFFFFF;}
.dhjf a img{width: 22px; fill: #FFFFFF;}
.gwc{background: url(../images/a51.png) no-repeat right  center;width: 25px;height: 18px;}
.gwc.on{background: url(../images/a52.png) no-repeat center center;}
.meNav_b{position: fixed;width: 100%;height: 100vh;z-index: 100;top: 0;right: -315px;width: 315px;background: #00242c;}
.meNavTOP{padding: 50px 10px 60px 35px;background: #fff;}
.meNavTOP li{ line-height: 16px;}
.meNavTOP li a{color: #00242c;font-size: 16px;font-weight: bold;line-height: 42px;display: block;}
.meNavTOP li a:hover{color: #50f0cf;}
.meNavBottom{padding: 50px 10px 60px 35px;height: calc(100vh - );}
.meNavBottom li {font-size: 16px;}
.meNavBottom li a{color: #fff;font-size: 16px;line-height: 42px;}
.meNavBottom li a:hover{color: #50f0cf;}
.meNavBottom span{padding: 0 5px;color: #fff;}
.main{right: 0; position: relative;width: 100%;}
.ssbox{height: 50px;width: 100%;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.wby5{height: 50px;line-height: 50px;}
.dqwz{display: none;}

.Reagentssj_title{text-align: center;padding: 50px 0 30px;}
.Reagentssj_title h2{font-size: 40px;margin-bottom: 30px;}
.Reagentssj_title h3{font-size: 18px;color: #999; margin-bottom: 20px;}
.sabox{width: 175px;text-align: center; line-height: 55px;border-radius: 6px;margin: 0 auto;background: #6fe147;cursor: pointer;font-size: 14px;text-transform: uppercase;}
.sabox p img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;}

.Reagentssj_nr{ padding: 0 5%;}
.Reagentssj_nr ul{display: flex;justify-content: space-between;gap:40px;flex-wrap: wrap;}
.Reagentssj_nr li{width:calc(50% - 40px/2) ;}
.Reagentssjtp img{width: 100%;}
.Reagentssjtext{padding: 15px 0 0 0;}
.Reagentssjtext h2{font-size: 14px; margin-bottom: 10px;}
.Reagentssjtext p{font-size: 12px;margin-bottom: 10px;}
.Reagentssjtext h4 span{display: inline-block;background: url(../images/a38.png);width: 14px;height: 14px;}

.footerAbox{ padding: 20px 0 40px;display: block;}
.Backto_Top p{text-align: center; margin-top: 15px;font-size: 14px;}
.Backto_Top img{margin: 0 auto;}
.footAleft{width: 100%; padding-top: 45px;}
.footAleft li{width: 50%; padding: 0 30px;}
.footAright{text-align: center;width: 100%; padding-top: 65px;}
.footAright dl{justify-content: center;}

.cplb ul{display: block;}
.cplb li{width: 100%; padding-bottom: 20px;}
.rtcp{display: none;}
.loginNr{padding:20px 3%;}
.wby6{width: 100%;}
.btn8{width: 100%;}
.loginNr a{display: inline-block; margin-top: 15px;}
.ymnrbox{padding: 0 30px;}
.ymnrbox dl{display: block;}
.ymnr dt{width: 100%; padding-bottom: 10px;}
.ordes_title h2{font-size: 20px;}
.shoopNr ul{display: block;}
.shoopNr li{width: 100%;}
.shoopNr dt{width:calc(50% - 15px/2) ;}
.plussub{width: 100%;}
.suba{right: auto;left: 0;top: 0;height: 100%;width: 40px;background: #cfd3d5;color: #fff;font-size: 20px; line-height: 38px;text-align: center;}
.plus{right: 0;top: 0;height: 100%;width: 40px;background: #cfd3d5;color: #fff;font-size: 20px; line-height: 38px;text-align: center;}
.plussub input{padding: 0;}
.btn10{text-align: center;width: 100%;}
.ordes_title{text-align: center;}
.ordes_box{display: block;}
.ordesLeft{border: none;width: 100%;}
.ordesRight{width: 100%;}

.RegisterBox{display:block;}
.Register h2{text-align: center; padding: 0 5%;}
.RegisterLeft{width: 100%;}
.wby11,.wby12{width: 100%;}
.RegisterHeight{padding: 20px 5% 0 5%;width: 100%;}

.citationsBq{display: block;}
.citbtn{font-size: 12px;}
.dropdown-content{right: auto;left: 0;}
.srwb ul{flex-wrap: wrap;}
.contact_top{display: block;}
.conttp{width: 100%;}
.conttext{width: 100%; padding-top: 20px;}
.wzxq_nr{padding-right: 0;}
.wzxq{padding-top: 140px;}
.Austr li{width:100%;}

.cpjs{display: block;padding: .8rem 0 0 0;}
.cpjsleft{width: 100%; position: relative;overflow: hidden;}
.cpjslefta img{width: 250px;margin: 0 auto;}
.cpjslefta .swiper-button-next{right: 0;color: #c5d7e0;font-weight: bold;}
.cpjslefta .swiper-button-prev{left: 0;color: #c5d7e0;font-weight: bold;}
.cpjslefta .swiper-button-next:after,.cpjslefta .swiper-button-prev:after{font-size: 30px;}
.cpjsright{width: 100%; padding-top: 50px;}
.cpwb p a{display: block;text-align: center; margin-top: 15px;}
.rtcpTitle{width: 100%; }
.rtcpTitle h2{padding: 10px 40px;}
.cpqhNr{padding: 0;}
.values_nr ul{display: block;}
.values_nr li{width: 100%;margin-bottom: 60px;}
.tpBox{margin-top: -100px;}
.video{margin-top: -100px;}

.aboutTp1 ul li:nth-child(1){width: 100%;}
.aboutTp1 li{width: 100%;}
.work_nr li{width: 100%;}
.ExploreTp{padding-top: 30px;}


}

@media(max-width:480px){
.resourcesRight ul{display: block;}
.resourcesRight li{width: 100%; margin-bottom: 30px;}
.Contin_nr ul{display: block;}
.Contin_nr li{width:100%; padding-bottom:30px;}
.values_nr li{width: 100%;}
.CareersNr li{width: 100%; }
.Austr li{width: 100%;}
.footxxRight li{display: block;width: 100%;}

}



.antiProduct { background: url(../images/instruments-hero-bg.webp); padding: 280px 0 100px; background-size: cover;}
.antiContainer { width: 1480px; margin: 0 auto; max-width: calc(100% - 80px);}
.productFlex { display: flex; justify-content: space-between; gap: clamp(.24rem,4vw,.7rem);}
.proSwiper { width: 57.16%;}
.proSwiper img { width: 100%; aspect-ratio: 809/640; object-fit: contain;}
.proSwiper .swiper-pagination span { width: 14px; height: 14px; opacity: 1; background: #ffffff;margin:0 clamp(8px,1.5vw,16px)!important;}
.proSwiper .swiper-pagination span.swiper-pagination-bullet-active { background: #50F0CF; }
.proSwiper .swiper { padding-bottom: 36px;}
.proDesc { flex: 1;}
.proDesc h1 {font-size: clamp(44px,4.6296296296vw,.8rem); line-height: .95; font-weight: 500; margin-bottom: 24px;}
.proDesc p { font-size: clamp(32px,2.0833333333vw,.36rem); line-height: 1.1; margin-bottom: 36px;}
.proDesc li span { display: block; font-weight: bold; font-size: clamp(14px,.8101851852vw,.14rem);}
.proDesc li:not(:last-child) { margin-bottom: 30px;}
.proDesc ul { margin-bottom: 60px;}
.proDesc a { transition: all .4s; gap: 10px; display: inline-flex; color: #00242C; align-items: center; border-radius: 6px; padding: 15px 25px; background: #6FE147; font-size: 18px;}
.proDesc a:hover { background: #B4F1B3;}
.sectionPage { overflow: hidden; padding: 200px 0; background: #ffffff;}
.analysisFlex { align-items: center; display: grid; grid-template-columns:repeat(5,1fr);column-gap:100px;}
.analysisDesc { align-items: center; grid-column-end: span 3;}
.analysisPic {grid-column-end: span 2;}
.analysisPic img { display: block; width: 100%;}
.analysisDesc span { display: block; font-weight: bold; font-size: 14px; margin-bottom: 60px;}
.analysisDesc h2 { margin-bottom: 30px; font-size: clamp(40px,3.125vw,.5rem); font-weight: 500; line-height: 1.1;}
.analysisDesc h3 {font-size: clamp(24px,1.6203703704vw,.28rem); line-height: 1.3; margin-bottom: 24px;}
.analysisDesc p { font-size: clamp(20px,.22rem,22px); margin-bottom: .6rem;}
.flexBtn {transition: all .4s; gap: 10px; display: inline-flex; color: #00242C; align-items: center; border-radius: 6px; padding: 15px 25px; background: #6FE147; font-size: 18px;}
.flexBtn:hover { background: #B4F1B3;}
.spline {height: 1px; background: #00242C; margin: 200px auto;}
.analysisPicSwiperWrap .swiper-button-prev,.analysisPicSwiperWrap .swiper-button-next { position: static;}
.controlFlex .swiper-pagination { position: static;}
.controlFlex { gap: 100px; margin-top:clamp(48px,7vw,.72rem); display: flex; align-items: center; justify-content: space-between;}
.pageControl { gap: 24px; display: flex; align-items: center;}
.pageControl div::after { content: '';}
.pageControl div { margin: 0; border: 1px solid #00242C; transition: all .4s; width: 72px; height: 53px; border-radius: 8px;}
.pageControl div svg { width: 18px; height: 18px; color: #00242C;}
.analysisPicSwiperWrap .swiper-slide p { font-size: 32px; margin: 24px 0 5px;}
.pageControl .swiper-button-prev svg { transform: rotate(180deg);}
.pageControl div:hover { background: #6FE147; border: 1px solid #6FE147;}
.controlFlex .swiper-pagination { height: 1px;}
.controlFlex .swiper-pagination-progressbar-fill { height: 3px; margin-top: -1px; background:#6FE147;}
.fasterFlex {grid-gap: 100px; align-items: center; margin-top: 100px; display: grid;grid-template-columns: repeat(5, 1fr);}
.fasterFlex .analysisDesc {align-items: center; grid-column-end: span 2;}
.fasterFlex ul {padding-left: 30px;}
.fasterFlex li { font-size: 22px; color: #00242C; line-height: 30px; position: relative;}
.fasterFlex li::after {content: "";  position: absolute; top: .55em; left: -.2rem; width: 5px; height: 5px; background-color: currentColor;  border-radius: 50%;}
.fasterImg img { width: 100%;}
.fasterImg { grid-column-end: span 3; overflow: hidden; border-radius: 16px;}
.keyFeature { margin-bottom: 60px; display: flex; flex-direction: column; gap: 40px;}
.keyFeature h1 { font-size: clamp(40px,3.125vw,.54rem); line-height: 1.1; font-weight: 500;}
.keySwiper img { display: block; height: 80px; margin-bottom: 80px;}
.keySwiper .swiper-slide { height: auto; background: #c4c9c74d; padding: 48px 36px; border-radius: 16px;}
.keySwiper .mySwiper { overflow: visible;}
.keySwiper .swiper-button-prev,.keySwiper .swiper-button-next { margin: 0; position: static;}
.controlLine { flex: 1; height: 1px; background: #C4C9C7;}
.keySwiper h4 { margin-bottom: 36px; padding-top: 24px; border-top: 1px solid #00242C; line-height: 1.1; font-size: clamp(32px,2.0833333333vw,36px);}
.keySwiper p { font-size: clamp(16px,1.0416666667vw,18px);}
/**/
.throughCont { background: #ffffff;}
.throughTop { padding: 240px 0 3.5rem; position: relative; z-index: 2;}
.throughContBg { position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.throughTop span { font-size: clamp(18px,1.2731481481vw,22px); display: block; margin-bottom: 12px; font-weight: 500; line-height: 1;}
.throughTop h1 {font-size: clamp(44px, 4.6296296296vw, .8rem);line-height: .95; font-weight: 500;}
.throughVideo video { border-radius: 16px; display: block; width: 100%;}
.throughVideo {margin-top: -2.56rem; position: relative; z-index: 2;}
.videoDesc h2 {    font-size: clamp(32px, 2.3148148148vw, .4rem); line-height: 1.1; font-weight: 500; letter-spacing: -.027em;  margin-bottom: .24rem;}
.videoDesc p { margin-bottom: 30px; font-size: clamp(20px,1.2731481481vw,.22rem);}
.videoDesc p a { transition: all .4s; text-decoration: underline;}
.videoDesc p a:hover { opacity: .6;}
.videoDesc li { position: relative;}
.videoDesc ul { padding-left: 30px; margin-bottom: 30px;}
.videoDesc li {font-size: clamp(20px,1.2731481481vw,.22rem); position: relative; line-height: 1.4;}
.videoDesc li::after {content: "";  position: absolute; top: .55em; left: -.2rem; width: 5px; height: 5px; background-color: currentColor;  border-radius: 50%;}
.buttonFlex { gap: 12px; display: flex; align-items: center;}
.buttonFlex a {transition: all .4s; gap: 10px; display: inline-flex; color: #00242C; align-items: center; border-radius: 6px; padding: 15px 25px; background: #6FE147; font-size: 18px;}
.buttonFlex a:hover {background: #B4F1B3;}
.videoDesc { padding: 60px 0 96px; border-bottom: 1px solid #C4C9C7;}
.gridCont {align-items: center; display: grid; grid-template-columns:repeat(5,1fr);column-gap:100px;}
.manualDesc h2 { font-size: clamp(32px, 2.3148148148vw, .4rem); line-height: 1.1; font-weight: 500;  letter-spacing: -.027em; margin-bottom: .24rem}
.manualDesc {grid-column: span 3;}
.manualDesc p { font-size: clamp(20px,1.2731481481vw,.22rem); margin-bottom: 30px;}
.manulList { border-radius: 24px; grid-column: span 2; padding: 48px 36px; background: #c4c9c74d;}
.manulList h2 { font-size: clamp(32px, 2.3148148148vw, .4rem); line-height: 1.1; font-weight: 500;  letter-spacing: -.027em; margin-bottom: .24rem}
.manulList li { font-size: 16px; line-height:1.5;}
.throughInfor { padding: 24px 0; margin: 60px auto;}
.h2 {font-size: clamp(32px, 2.3148148148vw, .4rem); line-height: 1.1; font-weight: 500;  letter-spacing: -.027em; margin-bottom: .24rem}
.h4 {font-size: clamp(32px, 2.0833333333vw, .36rem); line-height: 1.1; font-weight: 500;letter-spacing: -.027em; margin-bottom: .36rem;}
.p {font-size: clamp(20px,1.2731481481vw,.22rem); margin-bottom: 30px;}
.p1 {font-size: clamp(16px,1.0416666667vw,.18rem); margin-bottom: .6em;}
.labDesc a { text-decoration: underline; transition: all .4s;}
.labDesc a:hover { opacity: .6;}
.labCont ul { display: grid; grid-template-columns: repeat(3,1fr); flex-wrap: wrap; gap: 24px;}
.labCont li { box-sizing: border-box; padding: 48px 36px; border: 1px solid rgb(0,36,44); border-radius: 16px;}
.labCont li p:last-child { margin-bottom: 0;}
.labCont li h4 { margin-bottom: 36px; padding-top: 24px; border-top: 1px solid rgb(0,36,44);}
.labCont li p:nth-child(1) { margin-bottom: 80px;}
.labCont .antiContainer{ border-top: 1px solid #00242C; padding: 100px 0 60px;}
.grayList li { background: #c4c9c74d; border: none;}
.grayList { margin-top: 60px;}
.labCont li img { max-width: 100%; display: block; margin-top: 38px;}
.labCont dl { gap: 36px; margin: 0 auto; width: 1200px; max-width: 100%; display: grid; grid-template-columns: repeat(4,1fr);}
.discoveryIcon svg,.discoveryIcon img { display: block; height:80px; width: 100px;}
.labCont dt { background: ; box-sizing: border-box; padding: .48rem .36rem; background:#edefee ; border-radius: 16px;}
.discoveryIcon { margin-bottom: 80px;}
.labCont dt h4 { border-top: 1px solid rgb(0,36,44); padding-top: 24px;}
.labCont dt p{font-size: clamp(16px,1.0416666667vw,.18rem); margin-bottom: .6em;}
.labCont dt p::last-child { margin: 0;}
.labImgs ul { display: flex; gap: 24px;}
.labImgs li { flex: 1;}
.labImgs img { display: block; width: 100%;}
.labImgs li p { font-size: clamp(16px,.18rem,18px); line-height: 1.5; margin-top: 1.3em;}
.readyTitle { text-align: center; padding-top: 100px; border-top: 1px solid rgb(0,36,44); margin-top: 100px;}
.readyBtn { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;}
.readyBtn a {transition: all .4s; gap: 10px; display: inline-flex; color: #00242C; align-items: center; border-radius: 6px; padding: 15px 25px; background: #6FE147; font-size: 18px;}
.readyBtn a:hover {background: #B4F1B3;}
.readyCont { padding-bottom: 200px;}
@media screen and (max-width: 780px){
	.antiContainer { width: 1480px; margin: 0 auto; max-width: calc(100% - 40px);}
	.antiContainer h1 br { display: none;}
	.throughVideo video { aspect-ratio: 353 / 374; object-fit: cover;}
	.buttonFlex a { justify-content: center; width: 100%;}
	.buttonFlex { flex-wrap: wrap; text-align: center;}
	.gridCont { display: flex; flex-direction: column-reverse; gap: 60px;}
	.videoDesc { padding-bottom: 48px;}
	.throughInfor { margin: 0 auto; padding: 100px 0;}
	.labCont ul,.labCont dl {display: flex; flex-wrap: wrap;}
	.labCont dt { width: 100%;}
	.labImgs ul { flex-direction: column;}
	.labImgs li { width: 100%;}
	.readyBtn a{ width: 100%; justify-content: center;}
	.readyCont { padding-bottom: 100px;}
	.productFlex { flex-direction: column;}
	.proSwiper { width: 100%;}
	.antiProduct { padding-top: 174px;}
	.proDesc a { width: 100%; justify-content: center;}
	.sectionPage { padding:100px 0;}
	.analysisFlex { display: flex; flex-direction: column-reverse; gap: 60px;}
	.analysisDesc span { margin-bottom: 36px;}
	.flexBtn { width: 100%; justify-content: center;}
	.spline { margin: 100px 0 50px;}
	.analysisPicSwiperWrap { width: 100%;}
	.fasterFlex { display: flex; flex-direction: column-reverse; gap: 60px;}
	.mobColuem { flex-direction: column;}
}