@import url(base.css);
.w1200{max-width: 12rem;}
@media (max-width:1240px){
  .w1200{max-width: 94%}
}
.w1400{max-width: 14rem;}
@media (max-width:1440px){
	.w1400{max-width: 94%}
}
.w1600{max-width: 16rem;}
@media (max-width:1640px){
  .w1600{max-width: 94%}
}
:root{
  --fontsize:.18rem;
}

html,body{font-family: 'HmR';}
.tac{text-align: center;}
/* 按钮 */
.rightMenuBtn {display: none;position: relative;margin-left: .1rem;width:40px; height:40px; background-color: transparent; z-index:350;cursor:pointer;border: 0;}
.rightMenuBtn span { display:block; height:3px; background-color:#e60012; position:absolute; top:20px; transition:0.5s; }
.rightMenuBtn img { display:block; position:absolute; bottom:5px; left: 5px; transition:0.5s; width:30px; height:auto; }
.rightMenuBtn .openMenu { width:30px; left:5px; }
.rightMenuBtn .closeMenu { left:25px; width:0; }
.rightMenuBtn span:active { width:0; }
.rightMenuBtn span:before,.rightMenuBtn span:after { content:""; display:block; width:30px; height:3px; background-color:#e60012; position:absolute; transition:0.4s; }
.rightMenuBtn .openMenu:before { top:-10px; left:-0; }
.rightMenuBtn .openMenu:after { top:10px; left:-0; }
.rightMenuBtn .closeMenu:before { top:0px; left:-20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.rightMenuBtn .closeMenu:after { top:0px; left:-20px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
/*pages*/
.pages{ margin-top: 4.57%; font-size: 0; text-align: center; }
.pages a{ display: inline-block; width: .6rem; height: .6rem; line-height: .6rem;font-size: .18rem; color: #222;border-radius: .6rem;background-color: #fff;transition: 0.4s ease;box-sizing: border-box;}
.pages a.a_first{ margin-right: .1rem; }
.pages a.a_end{ margin-left: .1rem; }
.pages a.anum{ font-family: 'Arial'; }
.pages a.a_cur,.pages a:hover{ color: #fff;background-color: #e60012;}
.pages .nums{ display: inline-block; margin: 0 .1rem; }
.pages .nums .anum{ margin-right: .1rem; }
.pages .nums .anum:last-child{ margin-right: 0; }
.pages .f1{ font-size: var(--fontsize); margin: 0 10px; color: #666; line-height: 42px; }
.pages .i_text{ display: inline-block; height: 40px; width: 80px; border: 1px solid #edecec; vertical-align: middle; }
.pages .i_button{ margin-left: 10px; padding: 0 15px; height: 42px; font-size: var(--fontsize); color: #666; border: 1px solid #edecec; }
.pages .a_prev,.pages .a_next{font-family: '宋体';box-sizing: border-box;background-color: #dcdcdc;color: #fff;}
.prew{}
.prew div{display: flex;align-items: center;margin-bottom: .2rem;font-size: var(--fontsize);color: #999999;font-family: HmL;}
.prew div:last-child{margin-bottom: 0rem;}
.prew div a:hover{color: #e60012;}
.prew div:after{display: block;content: '';margin-left: .2rem;width: .15rem;height: .05rem;background-image: url('../images/Business-more.png');background-size: 100%;}
.Return{margin-left: .3rem;}
.Return a{display: flex;align-items: center;justify-content: center;width: 1.5rem;height: .5rem;font-size: .18rem;color: #fff;background-color: #0fa0d5;border-radius: .6rem;box-sizing: border-box;}
.Return a:before{display: block;content: '';margin-right: .15rem;width: .16rem;height: .17rem;background-image: url('../images/Return.png');background-size: 100%;}
@media ( max-width:480px){
	.pages a{width: 0.35rem;height: 0.35rem;line-height: 0.35rem;}
}
/*pages end*/
header{width: 100%;padding: 0.09rem 0;width: 100%;z-index: 333;background-color: #fff;z-index: 3;}
header .left-box .logo img{width: 1.5rem;}
header nav ul li{position: relative;margin-right: .55rem;}
header nav ul li:last-child{margin-right: 0;}
header nav ul li>a{color: #231815;font-size: .2rem;}
header nav ul li.on>a{color: #e60012}
header nav ul li .down{display: none;}
header nav ul li:hover .down{display: block;}
header .right-box .search{position: relative;}
header .right-box .search .name{width: .3rem;height: .3rem;background-size: .21rem;background-repeat: no-repeat;background-position: center;background-image: url('../images/search.png');cursor:pointer;}
header .right-box .search .box{position: absolute;display: flex;align-items: center;right: 0;top: 0;width: 0;overflow: hidden;z-index: 3;box-sizing: border-box;}
header .right-box .search .text{width: calc(100% - .3rem);padding: 0 .15rem;height: .3rem;font-size:var(--fontsize);box-sizing: border-box;border: 0;background-color: transparent;}
header .right-box .search .btn{width: .3rem;height: .3rem;background-image: url('../images/search.png');background-size: .21rem;background-repeat: no-repeat;background-position: center;cursor:pointer;border: 0;}
header .right-box .search:hover .box{width: 2rem;background-color: #fff;box-shadow: 0 0 .1rem rgba(0, 0, 0, .12)}
header .right-box .language{margin-left: .3rem;position: relative;}
header .right-box .language .name{display: flex;align-items: center;}
header .right-box .language .name a{font-size:var(--fontsize);color: #2d2524;font-family: HmL;}
header .right-box .language .name:before{display: block;content: '';margin-right: .05rem;width: .2rem;height: .2rem;background-image: url('../images/language.png');background-size: 100%}
header .right-box .language .name:after{margin-left: .15rem;display: block;content: '';width: 0;height: 0;border-top: .05rem solid #231815;border-left: .035rem solid transparent;border-right: .035rem solid transparent;}
header nav ul li .down dl dd:hover{content: '';transition: 0.3s;background:url(../images/Join-more3.png) no-repeat center right .2rem #e60012;}
header nav ul li .down dl dd:not(:last-child):hover{border-bottom: 1px dashed #e60012;}
@media ( min-width: 1200px){
  .fp-enabled header{position: fixed;top: 0;left: 0;background-color: transparent;}
  header nav ul li .down{position: absolute;left: 50%;top: 100%;padding-top: .15rem;width: max-content;transform: translateX(-50%);z-index: 3;}
  header nav ul li .down dl{padding:0;background-color: #fff;box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)}
  header nav ul li .down dl dd{margin-bottom:0;background: url(../images/Join-more2.png) no-repeat center right .2rem;padding: .15rem .5rem .15rem .2rem;}
  header nav ul li .down dl dd:not(:last-child){border-bottom: 1px dashed #ccc;}
  header nav ul li .down dl dd:last-child{margin-bottom: 0;}
  header nav ul li .down dl dd a{font-size:var(--fontsize);color: #231815;}
  header nav ul li .down dl dd:hover a{color: #fff}
}
footer{padding-top: .8rem;}
footer .top-box{padding-bottom: .3rem;border-bottom: 1px dashed #f1f1f1;}
footer .foot-logo{display: flex;align-items: flex-start;}
footer .foot-logo .img img{max-width: 2.07rem;}
footer .foot-logo .code{margin-left: .2rem;padding-left: .2rem;border-left: 1px solid #d6d6d6;}
footer .foot-logo .code .name{font-size:var(--fontsize);color: #333333;font-family: HmL;}
footer .foot-logo .code .text{margin-top: .1rem;font-size: .24rem;color: #333333;}
footer .foot-share li{position: relative;margin-right: .25rem;}
footer .foot-share li:last-child{margin-right: 0;}
footer .foot-share li .img{width: .5rem}
footer .foot-share li .img img{width: 100%;}
footer .foot-share li .ewm{display: none;position: absolute;left: 50%;bottom: calc(100% + .1rem);width: 1.4rem;padding: .15rem;transform: translateX(-50%);background-color: #fff;z-index: 3;box-sizing: border-box;box-shadow: 0 0 .12rem rgba(0, 0, 0, .12);}
footer .foot-share li .ewm img{width: 100%}
footer .foot-share li:hover .ewm{display: block;}
footer .two-box{margin: .6rem 0;}
footer .foot-contact ul li{margin-bottom: .2rem;}
footer .foot-contact ul li:last-child{margin-bottom: 0;}
footer .foot-contact ul li .name{display: flex;align-items: center;font-size:var(--fontsize);color: #333333;font-family: HmL;}
footer .foot-contact ul li .text{margin-top: .1rem;font-size:var(--fontsize);color: #333;}
footer .foot-contact ul li .tel{margin-top: .15rem;font-size: .32rem;color: #e60012;}
footer .foot-nav{max-width: 6.2rem;}
footer .foot-nav ul{display: flex;flex-wrap: wrap;margin: -.3rem;}
footer .foot-nav ul li{width: calc(33.33% - .6rem);margin: .3rem;padding-bottom: .29rem;border-bottom: 1px solid #ededed;display: flex;align-items: center;justify-content: space-between;}
footer .foot-nav ul li a{width: 100%; font-size: .18rem;color: #333333;display: flex;align-items: center;justify-content: space-between;}
footer .foot-nav ul li a:after{display: block;content: '';width: .13rem;height: .13rem;background-image: url('../images/foot-nav.png');background-size: 100%}
footer .bottom-box{padding: .4rem 0;background-color: #f9f9f9}
footer .foot-icp{font-size:var(--fontsize);color: #333333;font-family: HmL;}
footer .foot-icp a{color: #333;}
footer .foot-menu ul li{display: flex;align-items: center;margin-right: .1rem;}
footer .foot-menu ul li:last-child{margin-right: 0;}
footer .foot-menu ul li a{font-size:var(--fontsize);color: #333333;font-family: HmL;}
footer .foot-menu ul li:after{display: block;content: '·';font-size:var(--fontsize);color: #333;}
footer .foot-menu ul li:last-child:after{display: none;}
.banner{ position: relative; }
.banner .pc{display: block;}
.banner .wap{display: none;}
.banner img{width: 100%;transition: all 2s ease-in-out 0.5s;transform: scale(1.2);}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide-active img{transform: scale(1);}
.banner .video{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 7;}
.banner .video video{width: 100%;height: 100%;object-fit: cover;}
.banner .box{position: absolute;width: 100%;left: 0%;top: 36.5%;margin-top: .7rem;opacity: 0;z-index: 3;transition: 1s ease;z-index: 10; text-align: center;}
.banner .swiper-slide-active .box{margin-top: 0;opacity: 1;}
.banner .box .title{font-size: .72rem;color: #fff;font-weight: bold;text-align: center;}
.banner .box .text{margin-top: .3rem;font-size: .44rem;color: #222;text-align: center;}
.banner .box .text a{color: #e60012;}
.banner .box .play{margin-top: .6rem;margin-left: auto;margin-right: auto;width: 1.18rem;height: 1.17rem;background-image: url('../images/play.png');background-size: 100%;cursor:pointer;}
.banner .slither{position: absolute;left: 50%;bottom: .4rem;transform: translateX(-50%);z-index: 10;}
.banner .slither .name{margin-bottom: .15rem;font-size: .12rem;text-align: center;color: #fff;}
.banner .slither:after{display: block;content: '';width: .14rem;height: .19rem;margin: 0 auto;background-image: url('../images/slither.png');background-size: 100%;animation: xtop 5s linear infinite;}
.banner .swiper-pagination{position: absolute;left: auto;right: .7rem;bottom: .9rem;top: auto;width: .15rem;z-index: 11;}
.banner .swiper-pagination span{display: block;width: .15rem;height: .15rem;margin-bottom: .2rem !important;background-color: #fff}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background-color: #e60012}
.banner .swiper-pagination span:last-child{margin-bottom: 0;}
.banner .box .textwarp{ display: inline-block; padding: .3rem .2rem; background-color: rgba(0, 0, 0, .1);}
@keyframes xtop {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(.2rem);
  }
  100% {
   transform: translateY(0);
  }
}
@media ( min-width:1200px){
.banner .pc{width: 100vw;height: 100vh;object-fit: cover;}
}
.public-title{position: relative;}
.public-title .cn{position: relative;font-size: .46rem;color: #000000;font-weight: bold;z-index: 2;font-family: HmB;}
.public-title .cn:after{display: block;content: '';margin-top: .18rem;width: .33rem;height: .03rem;background-color: #e60012;}
.public-title .en{position: absolute;left: 0;bottom: 0;font-size: .5rem;color: rgba(0, 0, 0, .05);z-index: 1;text-transform: uppercase;white-space: nowrap;font-family: HmB;}
.public-more a{display: flex;align-items: center;justify-content: center;width: 1.8rem;height: .65rem;font-size:var(--fontsize);color: #222222;border: 1px solid #222222;border-radius: .65rem;box-sizing: border-box;font-family: HmL;}
.public-more a:after{display: block;content: '';margin-left: .1rem;width: .13rem;height: .14rem;background-image: url('../images/public-more-b.png');background-size: 100%;}
.public-more a:hover{color: #fff !important;background-color: #e60012 !important;border: 1px solid  #e60012 !important;}
.public-more a:hover:after{background-image: url('../images/public-more-w.png') !important;}
.index-about{position: relative;background-image: url('../images/index-about-bg.jpg');background-size: cover;overflow: hidden;}
.index-about .left-box{width: 36%}
.index-about .left-box .text{margin: .3rem 0 .4rem;font-size:var(--fontsize);color: #333333;line-height: 1.8;font-family: HmL;}
.index-about .left-box .list{margin-top: 1.3rem;}
.index-about .left-box .list ul{position: relative;display: flex;justify-content: space-between;z-index: 4;}
.index-about .left-box .list ul li .value{display: flex;align-items: flex-start;font-size:var(--fontsize);color: #e60012;}
.index-about .left-box .list ul li .value span{padding-right: .1rem;font-size: .6rem;color: #e60012;font-weight: bold;line-height: .8;}
.index-about .left-box .list ul li .name{margin-top: .15rem;font-size:var(--fontsize);color: #333333;text-align: center;font-family: HmL;}
.index-about .left-box .list ul li .icon{position: relative; margin: .25rem auto 0;width: .36rem;height: .36rem;display: flex;align-items: center;justify-content: center}
.index-about .left-box .list ul li .icon img{opacity: 0;width: 0;transform: scale(0);transition: all 0.5s;}
.index-about .left-box .list ul li .icon:after{
	display: block;
	    content: '';
	    width: .14rem;
	    height: .14rem;
	    background-color: #fff;
	    border: 1px solid #e60012;
	    border-radius: .14rem;
	    box-sizing: border-box;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    opacity: 1;
	    transition: all 0.5s ease;
}
.index-about .left-box .list ul li:hover .icon:after{opacity: 0;}
.index-about .left-box .list ul li:hover .icon img{opacity: 1;transform: scale(1);width: 100%;}
.index-about .left-box .list:after{position: absolute;display: block;transform: translateY(-.18rem);content: '';width: 100%;left: 0;height: 1px;background-color: #dcdcdc;z-index: 3;}
.index-about .img{position: absolute;right: 0;max-width: 53.5%}
.index-about .img img{width: 100%}
.index-product{position: relative;}
.index-product .img img{width: 100%}
.index-product .top-box{position: absolute;left: 0;top: 2.3rem;width: 100%;z-index: 33;}
.index-product .top-box  .public-title .cn{color: #fff;}
.index-product .top-box  .public-title .cn:after{background-color: #fff}
.index-product .top-box  .public-title .en{color: rgba(255, 255, 255, .05);}
.index-product .top-box  .public-more a{border: 1px solid #fff;color: #fff;}
.index-product .top-box  .public-more a:after{background-image: url('../images/public-more-w.png')}
.index-product .swiper-button-next,.index-product .swiper-button-prev{color: #e60012;}
.index-product .list{position: absolute;bottom: .8rem;left: 0;width: 100%;z-index: 33;}
.index-product .list .swiper-slide{cursor: pointer;}
.index-product .list .icon{display: flex;justify-content: center;align-items: center;width: .5rem;height: .5rem;margin: 0 auto;}
.index-product .list .icon span{display: none;position: relative;width: 100%;height: 100%;border: .07rem solid rgba(255, 255, 255, .5);border-radius: .5rem;}
.index-product .list .icon img{position: absolute;left: 50%;top: 45%;width: .24rem;z-index: 2;transform: translate(-50%, -50%)}
.index-product .list .icon span:after{display: block;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #e60012;border-radius: 50%;z-index: 1;}
.index-product .list .icon .y{position: relative;width: .26rem;height: .26rem;border: 1px solid #fff;border-radius: .26rem;box-sizing: border-box;}
.index-product .list .icon .y:after{display: block;content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: .1rem;height: .1rem;border-radius: .1rem;background-color: #fff}
.index-product .list .name{margin-top: .2rem;font-size: .18rem;color: #fff;text-align: center;}
.index-product .list:after{display: block;content: '';position: absolute;left: 0;bottom: .62rem;width: 100%;height: 1px;background-color: rgba(255, 255, 255, .16);z-index: 1;}
.index-product .list .mySwiper{position: relative;z-index: 3;}
.index-product .list .swiper-slide-thumb-active span{display: block;}
.index-product .list .swiper-slide-thumb-active .y{display: none;}
@media ( min-width:1200px){
.index-product .img img{width: 100vw;height: 100vh;object-fit: cover;}
.index-product .swiper-button-next,.index-product .swiper-button-prev{display: none;}
}
.index-news{background-color: #eaf1f7}
.index-news .public-title{text-align: center;}
.index-news .public-title .cn:after{margin: .18rem auto 0;background-color: #222}
.index-news .public-title .en{left: 50%;transform: translateX(-50%)}
.index-news .list{margin-top: .6rem;}
.index-news .list ul{display: flex;flex-wrap: wrap;}
.index-news .list ul li{position: relative;padding-top: 2.55rem;width: calc(33.33% - 2px);border: 1px solid #e3e3e3;}
.index-news .list ul li a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 4;}
.index-news .list ul li .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;box-sizing: border-box;}
.index-news .list ul li .box .top-box{padding: .6rem .4rem;height: 2.55rem;background-color: #fff;box-sizing: border-box;}
.index-news .list ul li .box .top-box .time{display: flex;align-items: baseline;}
.index-news .list ul li .box .top-box .time .yr{position: relative;font-size: .32rem;color: #e60012;}
.index-news .list ul li .box .top-box .time .yr:after{position: absolute;display: block;content: '';left: 0;bottom: -.16rem;width: 100%;height: 1px;background-color: #dcdcdc;z-index: 3;}
.index-news .list ul li .box .top-box .time .n{margin-left: .3rem;font-size: .24rem;color: #999999;}
.index-news .list ul li .box .top-box .title{margin-top: .6rem;font-size: .2rem;color: #333333;line-height: 1.8;}
.index-news .list ul li .box .bottom-box{height: calc(100% - 2.55rem);padding: .3rem .4rem;background-color: #fff;box-sizing: border-box;}
.index-news .list ul li .box .bottom-box .text{font-size:var(--fontsize);color: #666666;line-height: 1.7;}
.index-news .list ul li .box .bottom-box .more{margin-top: .7rem;display: flex;align-items: center;font-size:var(--fontsize);color: #333333;font-family: HmL;}
.index-news .list ul li .box .bottom-box .more:after{display: block;content: '';margin-left: .1rem;width: .13rem;height: .14rem;background-image: url('../images/public-more-b.png');background-size: 100%;}
.index-news .list ul li .img img{width: 100%;transition: 0.8s ease;height: 2.6rem;object-fit: cover;}
.index-news .list ul li .img{overflow: hidden;}
/* .index-news .list ul li:hover .img img{transform: scale(1.1)} */
/* .index-news .list ul li:hover .bottom-box{display: block;} */
/* .index-news .list ul li:hover{border: 1px solid #e60012;} */
.index-culture .list{margin-top: .65rem;border-radius: .16rem;overflow: hidden;}
.index-culture .list ul{display: flex;flex-wrap: wrap;}
.index-culture .list ul li{position: relative;width: 33.33%;overflow: hidden;transition: 0.8s ease;}
.index-culture .list ul li .img{width: max-content;}
.index-culture .list ul li .img img{height: 5.5rem;}
.index-culture .list ul li .box{position: absolute;left: 0;bottom: 0;width: 100%;padding: .45rem .55rem;box-sizing: border-box;z-index: 3;}
.index-culture .list ul li .box .title{font-size: .3rem;color: #fff;font-family: HmM;}
.index-culture .list ul li .box .text{margin-top: .3rem;font-size: .18rem;color: #fff;line-height: 1.7;}
.index-culture .list ul li.on{width: 50%}
.index-culture .list ul li.no{width: 25%}
.str_wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 0; }
.str_wrap.str_active {}
.str_move { width: 100%;white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; }
.str_move_clone { display: inline-block; //display:inline; //zoom:1; vertical-align: top; position: absolute; left: 100%; top: 0; }
.str_vertical .str_move_clone { left: 0; top: 100%; }
.str_down .str_move_clone { left: 0; bottom: 100%; }
.str_vertical .str_move,
.str_down .str_move { white-space: normal; width: 100%; }
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move { cursor: inherit; }
.str_wrap img { max-width: none !important; }
.index-partner{background-image: url('../images/index-partner-bg.jpg');background-size: cover;}
.index-partner .public-title{text-align: center;}
.index-partner .public-title .cn:after{margin: .18rem auto 0;background-color: #222}
.index-partner .public-title .en{left: 50%;transform: translateX(-50%)}
.index-partner .list{margin-top: .7rem;position: relative;visibility: initial !important;}
.index-partner .list:before{display: block;content: '';position: absolute;top: 0;left: 0;width: 20%;height: 100%;background: linear-gradient(to right, #ffff, transparent);z-index: 3;}
.index-partner .list:after{display: block;content: '';position: absolute;top: 0;right: 0;width: 20%;height: 100%;background: linear-gradient(to left, #ffff, transparent);z-index: 3;}
.index-partner .list .item{padding: .2rem 0;}
.index-partner .list .str_origin{width: max-content}
.index-partner .list ul{display: flex;margin: -.05rem 0;width: max-content}
.index-partner .list ul li{margin: .05rem;width: 2.86rem;background-color: #fff;border: 1px solid transparent;border-radius: .1rem;overflow: hidden;box-sizing: border-box; text-align:center;border: 1px solid #efeff0;}
.index-partner .list ul li .img a{display: flex;align-items: center;justify-content: center;width: 100%;height: 1.4rem;}
.index-partner .list ul li img{width: 100%;max-width: 100%;max-height: 100%;border-radius: .1rem;object-fit: contain; padding: .3rem .5rem;}
.index-partner .list ul li:hover{border: 1px solid #e60012;box-sizing: border-box;box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);}
.column-banner{position: relative;overflow: hidden;}
.column-banner img{width: 100%;}
.column-banner img.pc{display: block;}
.column-banner img.media{display: none;}
.column-banner img{
	animation-name: example;
  	animation-duration: 3s;
  	animation-iteration-count: 1;
  	animation-fill-mode: forwards;
}
@keyframes example {
  0%   { transform: scale(1);}
  100% { transform: scale(1.2);}
}
.column-banner .title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;}
.column-banner .title .cn{position: relative;font-size: .6rem;color: #fff;z-index: 2;}
.column-banner .title .en{position: absolute;font-size: 1.2rem;color: rgba(255, 255, 255, .1);left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;text-transform: uppercase;white-space: nowrap;}
.menu-location{padding: .3rem 0;border-bottom: 1px solid #e5e4e5;background: #fff;z-index: 100;}
.menu-location .column-menu .name{display: none;}
.menu-location .column-menu ul li{position: relative;margin-right: .75rem;}
.menu-location .column-menu ul li:last-child{margin-right: 0;}
.menu-location .column-menu ul li a{color: #333333;font-family: HmL;font-size:var(--fontsize);}
.menu-location .column-menu ul li.on a{color: #e60012;}
.menu-location .column-menu ul li.on:after{display: block;content: '';position: absolute;left: 0;bottom: -.3rem;width: 100%;height: .02rem;background-color: #e60012;z-index: 3;}
.menu-location .location:before{display: block;content: '';margin-right: .15rem;width: .15rem;height: .17rem;background-image: url('../images/location.png');background-size: 100%;}
.menu-location .location a{color: #333333;font-family: HmL;}
.menu-location .location span{color: #e60012;font-family: HmL;}
.menu-location .location i{margin: 0 .15rem;}
.menu-location .location i:before{font-family: '宋体';content: '>';color: #333333;}
.public-title2{font-size: .36rem;color: #333333;font-family: HmM;}
.public-title2 span{color: #e60012;}
.About .introduce{padding: .8rem 0 1.3rem;background-color: #f6f8fc}
.About .introduce .left-box{width: 40.6%}
.About .introduce .left-box .text{margin-top: .3rem;font-size:var(--fontsize);color: #333333;line-height: 1.7;}
.About .introduce .right-box{width: 50%}
.About .introduce .right-box .img img{width: 100%}
.About .introduce .list{margin-top: .7rem;}
.About .introduce .list ul{display: flex;flex-wrap: wrap;}
.About .introduce .list ul li{width: 26.66%;margin-right: 10%;display: flex;align-items: center;border-right: 1px solid #e0e2e6;}
.About .introduce .list ul li:last-child{border-right: 0;margin-right: 0;}
.About .introduce .list ul li .value{font-size: .8rem;color: #222222;font-weight: bold;}
.About .introduce .list ul li .name{margin-top: .2rem;font-size: .18rem;color: #222222;}
.About .introduce .list ul li .icon{margin-left: 20%;}
.About .introduce .list ul li .icon img{max-height: 7.5rem;}
.About .history{position: relative;padding: 1rem 0 1.1rem;background-image: url('../images/About-history-bg.png');background-size: cover;}
.About .history .main-text{margin-top: .3rem;font-size:var(--fontsize);color: #222222;line-height: 1.7;font-family: HmL;}
.About .history .list{margin-top: -0.7rem;z-index: 3;position: relative;}
.About .history .list .time{cursor: pointer; font-size: .2rem;color: #333333;font-family: HmM;text-align: center;}
.About .history .list .time:after{display: block;content: '';width: .15rem;height: .15rem;margin: .35rem auto 0;background-color: #333333;border-radius: .15rem;}
.About .history .list .box .title{margin-top: .35rem;font-size: .2rem;color: #e60012;font-family: HmM;}
.About .history .main-box{position: relative;}
.About .history .main-box .btn{position: absolute;right: 0;top: 0;display: flex;align-items: center;}
.About .history .main-box .btn .swiper-button-prev,.About .history .main-box .btn .swiper-button-next{position: initial;width: .5rem;height: .5rem;color: #e60012;border: 1px solid #e60012;background-color: transparent;opacity: 1;border-radius: .5rem;--swiper-navigation-size: .18rem;box-sizing: border-box;transition: all 0.5s;}
.About .history .main-box .btn .swiper-button-prev:hover,.About .history .main-box .btn .swiper-button-next:hover{background-color: #e60012;color: #fff;}
.About .history .main-box .btn .swiper-button-prev{margin-right: .25rem;}
.About .history .main-box .swiper-slide{position: relative;}
.About .history .main-box .swiper-slide .box{height: 1.9rem;padding: .5rem;width: 100%;display: flex;align-items: center;background-color: #fff;border-radius: .15rem;box-sizing: border-box;box-shadow: 0 0 .59rem rgba(11, 95, 144, .11);overflow: hidden;}
.About .history .main-box .swiper-slide .box .text{font-size: .18rem;color: #444444;line-height: 1.8;}
.About .history .main-box .swiper-slide .time{position: absolute;left: 0;top: -.75rem;font-size: .36rem;color: #e60012;font-family: HmM;}
.About .history .main-box .bg-time{display: none;position: absolute;right: 0;top: -0.8rem;font-size: 2.8rem;color: #f1f5f8;z-index: 1;font-family: HmB;line-height: .8;}
@media ( min-width:769px){
.About .history:after{background-size: cover; display: block;content: '';position: absolute;left: 0;bottom: 2.8rem;width: 100%;height: 3.07rem;background-image: url('../images/About-history-x.png');background-position: center;background-repeat: no-repeat;;z-index: 1;}
.About .history .auto{position: relative;z-index: 2;}
.About .history .main-box{position: absolute;right: 0;bottom: -0.4rem;max-width: 5.6rem;width: 100%;z-index: 4;}
.About .history .main-box .mySwiper2{padding-top: .8rem;}
.About .history .list .mySwiper{padding-top: 0.7rem;}
.About .history .list .swiper-slide{position: relative;height: 5.4rem;}
.About .history .list .box{
	opacity: 0;
	text-align: center;
	position: absolute;
	top: -.2rem;
	left: 0;
	z-index: 3;
	transition: all 0.5s;
	transform: scale(0) translateX(-50%);
}
.About .history .list .box .img{width: 1.5rem;height: 1.5rem;margin: 0 auto;border: .04rem solid #fff;border-radius: 1.5rem;box-sizing: border-box;overflow: hidden;box-shadow: 0 0 .34rem rgba(51, 51, 51, .26)}
.About .history .list .box .img img{width: 100%;height: 100%;object-fit: cover;}
.About .history .list .swiper-slide-thumb-active .box{
	opacity: 1;
	transform: scale(1) translateX(-50%);
	left: 50%;
}
.About .history .list .time{opacity: 1;transition: all 0.5s;}
.About .history .list .swiper-slide-thumb-active .time{opacity: 0;}
.About .history .list .por{position: relative;}
.About .history .list .swiper-slide-active{padding-top: 3.03rem;}
.About .history .list .swiper-slide-active + div{padding-top: 2.8rem;}
.About .history .list .swiper-slide-active + div + div{padding-top: 2.3rem;}
.About .history .list .swiper-slide-active + div + div + div{padding-top: 1.43rem;}
.About .history .list .swiper-slide-active + div + div + div + div{padding-top: .7rem;}
.About .history .list .swiper-slide-active + div + div + div + div + div{padding-top: .2rem;}
.About .history .list .swiper-slide-active + div + div + div + div + div + div{padding-top: .05rem;}
}
.About .culture{padding: 1rem 0;background-color: #f6f8fc;}
.About .culture .table-nav ul{display: flex;align-items: center;}
.About .culture .table-nav ul li{position: relative;margin-right: .9rem;padding-bottom: 1px;font-size: .2rem;color: #333333;border-bottom: 1px solid transparent;cursor: pointer;}
.About .culture .table-nav ul li:last-child{margin-right: 0;}
.About .culture .table-nav ul li.on{color: #e60012;}
.About .culture .table-nav ul li:before{
	content:'';
	display: block;
	width: 0;
	height: 1px;
	background-color: #e60012;
	position: absolute;
	left: 50%;
	bottom: -0.05rem;
	transition: all 0.5s;
}
.About .culture .table-nav ul li.on:before{
	width: 100%;
	opacity: 1;
	left: 0;
}
.About .culture .table-nav ul li.on:after{display: block;content: '';position: absolute;right: -.25rem;top: -.06rem;width: .29rem;height: .2rem;background-image: url('../images/About-culture-icon.png');background-size: 100%;z-index: 12;}
.About .culture .table-box{margin-top: .65rem;}
.About .culture .table-box .item{display: none;}
.About .culture .table-box .item.on{display: block;}
.About .culture .list ul{display: flex;flex-wrap: wrap;margin: -1%;}
.About .culture .list ul li{width: 31.33%;margin: 1%;}
.About .culture .list ul li .img{overflow: hidden;}
.About .culture .list ul li .img img{transition: 0.8s ease;width: 100%;height: 3.4rem;object-fit: cover;}
.About .culture .list ul li:hover .img img{transform: scale(1.1)}
.About .culture .list ul li .title{margin-top: .3rem;font-size: .28rem;color: #222222;font-family: HmM;}
.About .culture .list ul li .text{margin-top: .2rem;font-size: .18rem;color: #333333;line-height: 1.7;}
.About .culture .more{margin: .8rem auto 0;width: 1.8rem;height: .55rem;display: flex;align-items: center;justify-content: center;color: #fff;background-color: #e60012;border-radius: .55rem;}
.About .culture .more:after{display: block;content: '';width: .15rem;height: .08rem;margin-left: .1rem;background-image: url('../images/About-culture-more.png');background-size: 100%;}
@media screen and (max-width:480px){
	.About .culture .table-nav ul li{margin-right: 0.6rem;}
	.About .culture .list ul li .text{margin-top: 0.1rem;margin-bottom: 0.2rem;}
}

.Product{padding: 1.25rem 0;background-color: #f6f8fc;}
.Product .list ul{display: flex;flex-wrap: wrap;margin: -1%;}
.Product .list ul li{position: relative;width: 31.33%;margin: 1%;border-radius: .16rem;overflow: hidden;}
.Product .list ul li a{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;z-index: 10;}
.Product .list ul li .img{}
.Product .list ul li .img img{width: 100%;height: 3.8rem;object-fit: cover;}
.Product .list ul li .bottom{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;display: flex;align-items: end;z-index: 2;background-image: linear-gradient(to top, rgba(0, 0, 0, 1), transparent, transparent);}
.Product .list ul li .bottom .flex{display: flex;align-items: center;padding: .45rem .4rem;}
.Product .list ul li .bottom .flex .icon img{max-width: .35rem;max-height: .35rem;}
.Product .list ul li .bottom .flex .title{margin-left: .15rem;font-size: .24rem;color: #fff;}
.Product .list ul li .box{transform: scale(0.5);opacity: 0;display: flex;align-items: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: .3rem .55rem;z-index: 3;background-color: rgba(230, 0, 18, .9);box-sizing: border-box;transition: all 0.6s ease;}
.Product .list ul li .box .icon{text-align: center;}
.Product .list ul li .box .icon img{max-width: .64rem;max-height: .64rem;}
.Product .list ul li .box .title{margin-top: .2rem;font-size: .24rem;color: #fff;text-align: center;}
.Product .list ul li .box .text{margin-top: .25rem;font-size:var(--fontsize);color: #fff;line-height: 1.7;text-align: center;font-family: HmL;}
.Product .list ul li .box .more{margin: .25rem auto 0;width: .5rem;height: .51rem;background-image: url('../images/Product-list-more.png');background-size: 100%;}
.Product .list ul li:hover .bottom{opacity: 0;}
.Product .list ul li:hover .box{opacity: 1;transform: scale(1);}
.Product .list ul li .img {overflow: hidden;}
.Product .list ul li .img img{transition: all 0.5s ease;}
.Product .list ul li:hover .img img{transform: scale(1.1);}
.Product-info .one-box{padding: 1.4rem 0 1.3rem;}
.Product-info .one-box .left-box{width: 34.3%;}
.Product-info .one-box .left-box .text{font-size:var(--fontsize);color: #333333;line-height: 1.7;}
.Product-info .one-box .left-box .text:before{margin-bottom: .35rem;display: block;content: '';width: .84rem;height: .64rem;background-image: url('../images/Product-info-dh.png');background-size: 100%;background-repeat: no-repeat}
.Product-info .one-box .left-box .return{margin-top: .6rem;}
.Product-info .one-box .left-box .return a{display: flex;align-items: center;justify-content: center;width: 1.8rem;height: .6rem;font-size:var(--fontsize);color: #fff;background-color: #e60012;font-family: HmL;border-radius: .6rem;}
.Product-info .one-box .left-box .return a:after{display: block;content: '';margin-left: .3rem;width: .15rem;height: .13rem;background-image: url('../images/return.png');background-size: 100%;}
.Product-info .one-box .right-box{width: 56.25%;padding-right: .5rem;box-sizing: border-box;}
.Product-info .one-box .right-box .img{position: relative;}
.Product-info .one-box .right-box .img img{position: relative;width: 100%;z-index: 2;}
.Product-info .one-box .right-box .img:after{display: block;content: '';position: absolute;right: -.5rem;top: -.5rem;width: 100%;height: 100%;background-color: #fef2f3;border-radius: .16rem;z-index: 1;}
.Product-info .one-box .right-box .img .play{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 1.18rem;height: 1.17rem;margin: auto;background-image: url('../images/play.png');background-size: 100%;z-index: 4;cursor: pointer;}
.Product-info .tow-box{padding: 1.4rem 0 1.3rem;background-color: #f2f2f3}
.Product-info .tow-box .flex{display: flex;flex-wrap: wrap;border-radius: .16rem;border: 1px solid #dddddd;background-color: #fff;overflow: hidden;}
.Product-info .tow-box .left-box{width: 25%;padding: 1.3rem .7rem;box-sizing: border-box;border-right: 1px solid #dddddd;}
.Product-info .tow-box .left-box .title .en{font-size: .36rem;color: #333333;font-family: HmB;line-height: 1.1;text-transform: uppercase;}
.Product-info .tow-box .left-box .title .cn{margin-top: .1rem;font-size: .36rem;color: #333;}
.Product-info .tow-box .left-box .box{margin-top: .9rem;}
.Product-info .tow-box .left-box .box .num{font-size: .2rem;color: #333333;display: none;}
.Product-info .tow-box .left-box .box .num span{font-size: .3rem;color: #e60012;font-family: HmB;}
.Product-info .tow-box .left-box .box .text{margin-top: .2rem;font-size:var(--fontsize);color: #666666;line-height: 1.5;display: none;}
.Product-info .tow-box .btn{margin-top: 1.2rem;display: flex;align-items: center;}
.Product-info .tow-box .btn .swiper-button-prev,.Product-info .tow-box .btn .swiper-button-next{position: initial;width: .5rem;height: .5rem;color: #e60012;border: 1px solid #e60012;background-color: transparent;opacity: 1;border-radius: .5rem;--swiper-navigation-size: .18rem;box-sizing: border-box;}
.Product-info .tow-box .btn .swiper-button-prev:hover,.Product-info .tow-box .btn .swiper-button-next:hover{background-color: #e60012;color: #fff;}
.Product-info .tow-box .btn .swiper-button-prev{margin-right: .25rem;}
.Product-info .tow-box .right-box{width: 75%;}
.Product-info .tow-box .right-box .swiper{margin-bottom: -1px;}
.Product-info .tow-box .right-box .swiper-slide{padding: .6rem;box-sizing: border-box;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;}
/* .Product-info .tow-box .right-box .swiper-slide:nth-of-type(3n){border-right: 0;} */
.Product-info .tow-box .right-box .swiper-slide .img{display: flex;align-items: center;justify-content: center;height: 2rem;width: 100%;}
.Product-info .tow-box .right-box .swiper-slide .img img{max-width: 100%;max-height: 100%;transition: all 0.5s;}
.Product-info .tow-box .right-box .swiper-slide:hover .img img{transform: scale(1.05);}
.Product-info .tow-box .right-box .swiper-slide .box{margin-top: .4rem;text-align: center;}
.Product-info .tow-box .right-box .swiper-slide .box .title{font-size:var(--fontsize);color: #333333;font-family: HmL;}
.Product-info .tow-box .right-box .swiper-slide .box .text{margin-top: .1rem;height: .43rem;font-size: .18rem;color: #333333;line-height: 1.2;}
.Product-info .tow-box .right-box .swiper-slide:hover{background-image: url('../images/Product-info-list.png');background-size: cover;}
.Product-info .three-box{padding: 1.1rem 0 1.3rem;}
.Product-info .three-box .list{margin-top: .65rem;}
.Product-info .three-box .list ul li{margin-bottom: .25rem;padding: .3rem .25rem;background-color: #f5f5f5;border-radius: .16rem;}
.Product-info .three-box .list ul li:last-child{margin-bottom: 0;}
.Product-info .three-box .list ul li .title{display: flex;align-items: center;padding: .2rem;height: .39rem;font-size: .2rem;color: #e60012;background-image: url('../images/Product-info-icon.png');background-size: contain;background-position: left center;background-repeat: no-repeat;}
.Product-info .three-box .list ul li .text{margin-top: .15rem;font-size: .18rem;color: #333333;line-height: 2;}
.Product-info .five-box{padding: 1.2rem 0;background-image: url('../images/Product-info-five-bg.png');background-size: cover;}
.Product-info .five-box .public-title2{text-align: center;}
.Product-info .five-box .list{margin-top: .7rem;}
.Product-info .five-box .list ul{display: flex;flex-wrap: wrap;}
.Product-info .five-box .list ul li{width: 32.33%;margin: 0 .5%;padding: .4rem .6rem;display: flex;justify-content: space-between;align-items: center;background-color: rgba(255, 255, 255, .5);border-radius: .06rem;}
.Product-info .five-box .list ul li .title{margin-bottom: .15rem;font-size:var(--fontsize);color: rgba(51, 51, 51, .5);}
.Product-info .five-box .list ul li .title:before{display: block;content: '';margin-bottom: .15rem;width: .2rem;height: .02rem;background-color: #e60012}
.Product-info .five-box .list ul li .num{font-size: .24rem;color: #333333;font-weight: bold;}
.Product-info .five-box .list ul li .text{font-size:var(--fontsize);color: #333333;}
.Product-info .five-box .list ul li .icon{margin-left: .2rem;display: flex;align-items: center;justify-content: center;width: .7rem;height: .7rem;border: 1px dashed #e60012;border-radius: .7rem;box-sizing: border-box;}
.Product-info .five-box .list ul li .icon img{max-width: 100%;max-height: 100%;}
.Product-info .five-box .list ul li .icon img:nth-of-type(1){display: block;}
.Product-info .five-box .list ul li .icon img:nth-of-type(2){display: none;}
.Product-info .five-box .list ul li:hover{background-color: #e60012}
.Product-info .five-box .list ul li:hover .title{color: #fff;}
.Product-info .five-box .list ul li:hover .title:before{background-color: #fff;}
.Product-info .five-box .list ul li:hover .num{color: #fff;}
.Product-info .five-box .list ul li:hover .text{color: #fff;}
.Product-info .five-box .list ul li:hover .icon{border: 1px dashed #fff;}
.Product-info .five-box .list ul li:hover .icon img:nth-of-type(1){display: none;}
.Product-info .five-box .list ul li:hover .icon img:nth-of-type(2){display: block;}
.Qualified{padding: 1rem 0 1.3rem;background-image: url('../images/Qualified-bg.jpg');background-size: cover;}
.Qualified .public-title2{text-align: center;}
.Qualified .main-text{margin-top: .55rem;font-size: .18rem;color: #666666;line-height: 1.7;font-family: HmL;}
.Qualified .main-text *{ font-size: var(--fontsize)!important;}
.Qualified .list{margin-top: 1rem;}
.Qualified .list ul{display: flex;flex-wrap: wrap;margin: -2%;}
.Qualified .list ul li{width: 21%;margin: 2%}
.Qualified .list ul li .img{padding: .14rem;border: .06rem solid #e9eaec;box-sizing: border-box;transition: all 0.5s ease;}
.Qualified .list ul li .img img{width: 100%}
.Qualified .list ul li .name{margin-top: .35rem;font-size: .18rem;color: #2b2e2e;text-align: center;}
.Qualified .list ul li:hover .img{border: .06rem solid #e60012;}
.Qualified .list ul li:hover .name{color: #e60012;}
.Technology .introduction{padding: .9rem 0 1.6rem;background-image: url('../images/Technology-introduction-bg.jpg');background-size: cover;}
.Technology .introduction .left-box{width: 38.1%}
.Technology .introduction .left-box .text{margin-top: .2rem;font-size: .18rem;color: #666666;}
.Technology .introduction .left-box .img{position: relative;margin-top: .7rem;}
.Technology .introduction .left-box .img img{position: relative;width: 100%;z-index: 2;border-radius: .16rem;}
.Technology .introduction .left-box .img:after{display: block;content: '';position: absolute;left: -8%;top: 0;bottom: 0;margin: auto 0;width: 80%;height: 80%;background-color: rgba(230, 0, 18, .05);border-radius: .16rem;z-index: 1;}
.Technology .introduction .right-box{width: 51.8%;padding-top: .55rem;}
.Technology .introduction .right-box .text{font-size: .18rem;color: #666666;line-height: 1.7;}
.Technology .introduction .right-box .text *{ font-size: var(--fontsize);}
.Technology .introduction .right-box .list{margin-top: 1.2rem;}
.Technology .introduction .right-box .list ul{display: flex;flex-wrap: wrap;justify-content: space-between}
.Technology .introduction .right-box .list ul li .value{display: flex;font-size:var(--fontsize);color: #e60012;font-family: HmL;}
.Technology .introduction .right-box .list ul li .value span{padding-right: .1rem;font-size: .6rem;font-family: HmR;}
.Technology .introduction .right-box .list ul li .name{margin-top: .15rem;font-size:var(--fontsize);color: #333333;}
.Technology .certificate{padding: 1.4rem 0 1rem;background-color: #f6f8fc;}
.Technology .certificate ul{display: flex;justify-content: center;flex-wrap: wrap}
.Technology .certificate li{position: relative;width: 33.33%}
.Technology .certificate li:first-child:before, .Technology .certificate li:nth-child(3n+1):before{
  position: absolute;
    content: '';
    bottom: 0px;
    height: .9rem;
    width: .5rem;
}
.Technology .certificate li:last-child::after, .Technology .certificate li:nth-child(3n)::after{
   position: absolute;
    content: '';
    bottom: 0px;
    height: .9rem;
    width: .5rem;
    right: -.5rem;
    background: url(../images/PicList002433_ul_r.png) no-repeat 0 0;
}
.Technology .certificate .img{position: relative;display: flex;align-items: center;justify-content: center;padding: .3rem;width: 3.48rem;height: 2.49rem;margin: 0 auto;background-image: url('../images/Technology-certificate-img.png');background-size: cover;box-sizing: border-box;}
.Technology .certificate .img img{max-width: 100%;max-height: 100%;width: 100%}
.Technology .certificate .img:after{display: block;content: '';position: absolute;left: 50%;bottom: 0;width: 3.9rem;height: .49rem;background-image: url('../images/Technology-certificate-bg.png');background-size: 100%;z-index: 1;transform: translateX(-50%)}
.Technology .certificate li .Ispic{ padding-bottom:95%; background-size:contain;}
.Technology .certificate li:first-child::before,.Technology .certificate  li:nth-child(3n+1):before{left: -.5rem;background: url(../images/PicList002433_ul_l.png) no-repeat 0 0;}
.Technology .certificate li .name{font-size: .18rem; color: #222222;text-align: center;padding-top: .35rem; height: .9rem;background: url(../images/PicList002433_libg.png) repeat-x left top;line-height:0.5rem;}
.Laboratory .introduction{padding: .9rem 0;background-image: url('../images/Laboratory-introduction-bg.png');background-size: cover;}
.Laboratory .introduction .left-box{width: 43.75%}
.Laboratory .introduction .left-box .img img{width: 100%;}
.Laboratory .introduction .right-box{width: 49.4%}
.Laboratory .introduction .right-box .name{margin-top: .25rem;font-size: .2rem;color: #e60012;}
.Laboratory .introduction .right-box .text{margin-top: .7rem;font-size: .2rem;color: #333333;line-height: 1.8;}
.Laboratory .introduction .right-box .img{margin-top: .6rem;max-width: 3.35rem;margin-left: auto;}
.Laboratory .introduction .right-box .img img{width: 100%;}
.Laboratory .environment{padding: 1.1rem 0 1.5rem 0;overflow: hidden;background-image: url('../images/Laboratory-environment-bg.png');background-size: cover;}
.Laboratory .environment .public-title2{text-align: center;}
.Laboratory .environment .list{margin-top: 1rem;padding-right: 9%;}
.Laboratory .environment .list .swiper{overflow: initial;}
.Laboratory .environment .list .swiper .img{border-radius: .12rem;overflow: hidden;}
.Laboratory .environment .list .swiper .img img{width: 100%;height: 3.15rem;object-fit: cover;transition: 0.8s ease;}
.Laboratory .environment .list .swiper .name{margin-top: .4rem;font-size: .2rem;color: #222222;text-align: center;}
.Laboratory .environment .list .swiper .swiper-slide:hover .img img{transform: scale(1.1)}
.Laboratory .environment .list .swiper .swiper-slide:hover .name{color: #e60012;}
.Laboratory .environment .bottom-box{margin-top: .7rem;display: flex;justify-content: space-between;align-items: center;}
.Laboratory .environment .bottom-box .swiper-pagination{width: calc(100% - 1.6rem);position: initial;height: .02rem;background-color: #eeeeee;border-radius: .05rem;}
.Laboratory .environment .bottom-box .swiper-pagination .swiper-pagination-progressbar-fill{top: -.04rem;height: .05rem;border-radius: .05rem;background-color: #e60012;bottom: 0;}
.Laboratory .environment .bottom-box .swiper-button-prev,.Laboratory .environment .bottom-box .swiper-button-next{position: initial;width: .5rem;height: .5rem;color: #e60012;border: 1px solid #e60012;background-color: transparent;opacity: 1;border-radius: .5rem;--swiper-navigation-size: .18rem;box-sizing: border-box;}
.Laboratory .environment .bottom-box .swiper-button-prev:hover,.Laboratory .environment .bottom-box .swiper-button-next:hover{background-color: #e60012;color: #fff;}
.Laboratory .environment .bottom-box .swiper-button-prev{margin-right: .25rem;}
.Laboratory .environment .bottom-box .btn{display: flex;align-items: center;}
.Laboratory .advantage{padding: 1.1rem 0 1rem;background-image: url('../images/Laboratory-advantage-bg.png');background-size: cover;}
.Laboratory .advantage .public-title2{text-align: center;}
.Laboratory .advantage .por{position: relative;margin-top: 1rem;}
.Laboratory .advantage .por .table-box{width: 87.8%}
.Laboratory .advantage .por .table-box .item{position: relative;display: none;}
.Laboratory .advantage .por .table-box .item.on{display: block;}
.Laboratory .advantage .por .table-box .item .img img{width: 100%;}
.Laboratory .advantage .por .table-box .item .box{position: absolute;display: flex;align-items: center;justify-content: end;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(2, 62, 153, .9), transparent);border-radius: .16rem;overflow: hidden;}
.Laboratory .advantage .por .table-box .item .box .flex{max-width: 4.4rem;width: 100%;margin-right: 3.25rem;z-index: 1;display: flex;flex-direction: column;align-items: flex-start;}
.Laboratory .advantage .por .table-box .item .box .flex .title{font-size: .48rem;color: #fff;}
.Laboratory .advantage .por .table-box .item .box .flex .text{margin-top: 0.3rem;font-size: .18rem;color: #ffffff;line-height: 1.7;}
.Laboratory .advantage .por .table-nav{display: flex;justify-content: center;/* position: absolute; */top: 50%;right: 0;width: 4.3rem;z-index: 3;/* transform: translateY(-50%); */padding: 1.3rem .3rem;background-color: #e60013;background-image: url('../images/Laboratory-advantage-icon.png');background-size: 3.08rem 2.33rem;background-repeat: no-repeat;background-position: bottom center;border-radius: .28rem;}
.Laboratory .advantage .por .table-nav ul li{display: flex;align-items: center;margin-bottom: .4rem;padding-bottom: .3rem;border-bottom: 1px solid #fff;font-size: .24rem;color: #fff;cursor: pointer;}
.Laboratory .advantage .por .table-nav ul li img{margin-right: .2rem;max-height: 2.8rem;}
.Laboratory .scope{}
.Laboratory .scope .por{position: relative;}
.Laboratory .scope .por .img img{width: 100%}
.Laboratory .scope .por .public-title2{position: absolute;left: 50%;top: 1.5rem;transform: translateX(-50%);z-index: 3;}
.Laboratory .contact{padding: 1.4rem 0;background-color: #f5f7fc;}
.Laboratory .contact .left-box{width: 48.75%;}
.Laboratory .contact .left-box .img{border-radius: .16rem;overflow: hidden;}
.Laboratory .contact .left-box .img img{width: 100%;}
.Laboratory .contact .right-box{width: 46.8%}
.Laboratory .contact .right-box .list{margin-top: .55rem;}
.Laboratory .contact .right-box .list ul li{display: flex;align-items: center;padding-bottom: .25rem;margin-bottom: .4rem;border-bottom: 1px solid #efeff0;}
.Laboratory .contact .right-box .list ul li .icon{margin-right: .2rem;}
.Laboratory .contact .right-box .list ul li .icon img{width: .5rem;}
.Laboratory .contact .right-box .list ul li .box .title{font-size: .18rem;color: #999999;font-family: HmL;}
.Laboratory .contact .right-box .list ul li .box .text{margin-top: .15rem;font-size: .2rem;color: #000000;}
.Plan .explain{padding: 1rem 0 1.1rem;}
.Plan .explain .public-title2{text-align: center;}
.Plan .explain .text{margin-top: .55rem;font-size: .18rem;color: #666666;line-height: 1.7;font-family: HmL;}
.Plan .explain .text span{color: #e60012;}
.Plan .analysis{padding: 1.2rem 0;background-color: #f6f8fc;}
.Plan .analysis .img{width: 50%;border-radius: .16rem;overflow: hidden;}
.Plan .analysis .img img{width: 100%;}
.Plan .analysis .box{width: 43.75%;}
.Plan .analysis .box .list{margin-top: .6rem;}
.Plan .analysis .box .list ul li{margin-bottom: .5rem;}
.Plan .analysis .box .list ul li:last-child{margin-bottom: 0;}
.Plan .analysis .box .list ul li .name{display: flex;align-items: center;font-size: .18rem;color: #e60012;font-family: HmB;}
.Plan .analysis .box .list ul li .name:before{display: block;content: '';width: .13rem;height: .14rem;margin-right: .18rem;background-image: url('../images/Plan-analysis-icon.png');background-size: 100%;}
.Plan .analysis .box .list ul li .text{margin-top: .15rem;font-size: .18rem;color: #666666;line-height: 1.7;font-family: HmL;}
.Plan .measures{padding: 1.1rem 0;}
.Plan .measures .public-title2{text-align: center;}
.Plan .measures .list{margin-top: .7rem;}
.Plan .measures .list ul{display: flex;flex-wrap: wrap;margin: -.05rem;}
.Plan .measures .list ul li{position: relative;width: calc(16.25% - .1rem);margin: .05rem;overflow: hidden;border-radius: .16rem;transition: all 0.5s ease;}
.Plan .measures .list ul li.on{width: calc(51.25% - .1rem)}
.Plan .measures .list ul li .img img{height: 5.6rem;object-fit: cover;}
.Plan .measures .list ul li .name{position: absolute;left: 0;bottom: 0;padding: .35rem 0;width: 100%;font-size: .2rem;color: #fff;text-align: center;background: linear-gradient(to top, rgba(0, 0,0, .5), transparent);z-index: 1;}
.Plan .measures .list ul li.on .name{display: none;}
.Plan .measures .list ul li .box{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: .6rem .9rem;background-color: rgba(0, 0, 0, .51);z-index: 3;box-sizing: border-box;}
.Plan .measures .list ul li .box .top-box{position: relative;display: flex;align-items: center}
.Plan .measures .list ul li .box .icon{width: .32rem;position: absolute;left: -.5rem;top: 0;z-index: 1;}
.Plan .measures .list ul li .box .icon img{width: 100%}
.Plan .measures .list ul li .box .title{font-size: .22rem;color: #fff;}
.Plan .measures .list ul li .box .tip{margin-left: .4rem;}
.Plan .measures .list ul li .box .tip dl{display: flex;align-items: center}
.Plan .measures .list ul li .box .tip dl dd{margin-right: .3rem;display: flex;align-items: center;font-size: .18rem;color: #fff;}
.Plan .measures .list ul li .box .tip dl dd:last-child{margin-right: 0;}
.Plan .measures .list ul li .box .tip dl dd:before{display: block;content: '';width: .13rem;height: .14rem;margin-right: .1rem;background-image: url('../images/Plan-measures-icon.png');background-size: cover;}
.Plan .measures .list ul li .box .text{margin-top: .45rem;font-size:var(--fontsize);color: #e8e8e8;line-height: 1.8;font-family: HmL;}
.Plan .measures .list ul li.on .box{display: block;}
.Plan .strategy{padding: 1.1rem 0 1.2rem;background-color: #f6f8fc;}
.Plan .strategy .public-title2{text-align: center;}
.Plan .strategy .list{margin-top: .7rem;}
.Plan .strategy .list ul{display: flex;flex-wrap: wrap;margin: -1%;}
.Plan .strategy .list ul li{position: relative;width: 48%;margin: 1%;border-radius: .16rem;overflow: hidden;}
.Plan .strategy .list ul li .img img{width: 100%;transition: 0.8s ease;}
.Plan .strategy .list ul li .name{position: absolute;padding: .35rem;left: 0;bottom: 0;font-size: .22rem;color: #fff;z-index: 3;}
.Plan .strategy .list ul li:hover .name{display: none;}
.Plan .strategy .list ul li .box{transition: all 0.5s ease; opacity: 0; transform: scale(0.6);display: flex; align-items: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 .55rem;background-color: rgba(230, 0, 19, .85);z-index: 5;box-sizing: border-box;}
.Plan .strategy .list ul li .box .title{font-size: .22rem;color: #fff;text-align: center;}
.Plan .strategy .list ul li .box .text{margin-top: .35rem;font-size:var(--fontsize);color: #fff;line-height: 1.8;}
.Plan .strategy .list ul li:hover .box{opacity: 1;transform: scale(1);}
.Plan .strategy .list ul li:hover .img img{transform: scale(1.1)}
.Plan .risk{padding: 1.2rem 0;background-image: url('../images/Plan-risk-bg.png');background-repeat: no-repeat;background-size: 100% 2.13rem;background-position: bottom center;}
.Plan .risk .public-title2{text-align: center;}
.Plan .risk .table{margin-top: .65rem;}
.Plan .risk .table table{width: 100%;border-top: 1px solid #ede2e3;border-left: 1px solid #ede2e3;}
.Plan .risk .table table tr{border-bottom: 1px solid #ede2e3;}
.Plan .risk .table table tr th{text-align: center;height: .8rem;font-size: .24rem;color: #fff;font-family: HmB;background-color: #e60012;border-right: 1px solid #ede2e3;}
.Plan .risk .table table tr th:nth-of-type(1){width: 30%;}
.Plan .risk .table table tr td{font-size: .18rem;color: #666666;padding: .3rem .6rem;font-size: .18rem;color: #666666;line-height: 1.8;border-right: 1px solid #ede2e3;}
.Plan .risk .table table tr td:nth-of-type(1){text-align: center;}
.Plan .risk .table table tr:nth-of-type(odd){background-color: #fff7f8;}
.Plan .risk .text{margin-top: .45rem;font-size: .18rem;color: #666666;line-height: 1.7;}
.News{padding: 1.35rem 0;background-color: #f6f8fc;}
.News .list ul{display: flex;flex-wrap: wrap;margin: -1%;}
.News .list ul li{position: relative;width: 31.33%;margin: 1%;border-radius: .16rem;overflow: hidden;background: #fff;}
.News .list ul li a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 3;}
.News .list ul li .img{overflow: hidden;}
.News .list ul li .img img{width: 100%;transition: 0.8s ease;height: 3.5rem;object-fit: contain;}
.News .list ul li:hover .img img{transform: scale(1.1) }
.News .list ul li .box{background-color: #fff;padding: .3rem;}
.News .list ul li .box .time{font-size:var(--fontsize);color: #999999;font-family: HmL;}
.News .list ul li .box .title{margin-top: .15rem;height: .64rem;font-size: .2rem;color: #333333;line-height: 1.6;}
.News .list ul li:hover .box .title{color: #e60012;}
.News .list ul li .box .text{margin-top: .1rem;height: .55rem;font-size:var(--fontsize);color: #999999;line-height: 1.7;}
.News-info{padding: 1.35rem 0;background-color: #f6f8fc;}
.News-info .box{padding: .6rem .5rem;border-radius: .16rem;overflow: hidden;background-color: #fff;}
.News-info .title{font-size: .3rem;color: #333;text-align: center;line-height: 1.6;}
.News-info .time{margin-top: .2rem;font-size:var(--fontsize);color: #999999;text-align: center;}
.News-info .textarea{margin-top: .3rem;padding-top: .6rem;font-size:var(--fontsize);color: #333;line-height: 1.7;border-top: 1px solid #eee;}
.News-info .bottom-box{margin-top: .65rem;padding-top: .65rem;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #eee;}
.News-info .bottom-box .return{margin-left: .2rem;}
.News-info .bottom-box .return a{display: flex;align-items: center;justify-content: center;width: 1.8rem;height: .56rem;font-size:var(--fontsize);color: #ffffff;background-color: #e60012;border-radius: .56rem;}
.Join{padding: 1rem 0;background-image: url('../images/Join.png');background-size: cover;}
.Join .public-title2{text-align: center;}
.Join .list{margin-top: .7rem;}
.Join .list ul{display: flex;flex-wrap: wrap;margin: -1%;}
.Join .list ul li{width: 31.33%;margin: 1%;padding: .6rem .5rem;background-color: #fff;box-sizing: border-box;cursor: pointer;}
.Join .list ul li .title{padding-bottom: .25rem;margin-bottom: .35rem;font-size: .24rem;color: #333333;border-bottom: 1px solid #f1f1f1;}
.Join .list ul li .name{font-size:var(--fontsize);color: #666666;line-height: 1.7;}
.Join .list ul li .text{height: .55rem;font-size:var(--fontsize);color: #666666;line-height: 1.7;}
.Join .list ul li .bottom-box{margin-top: .6rem;display: flex;align-items: center;justify-content: space-between}
.Join .list ul li .bottom-box .add{font-size:var(--fontsize);color: #333333;}
.Join .list ul li .bottom-box .more{display: flex;align-items: center;font-size:var(--fontsize);color: #e60012;}
.Join .list ul li .bottom-box .more:after{display: block;margin-left: .2rem;content: '';width: .08rem;height: .12rem;background-image: url('../images/Join-more.png');background-size: cover;}
.popup{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);z-index: 500;}
.popup .popup-box{position: absolute;left: 50%;top: 50%;max-width: 16rem;width: 92%;padding: 1.1rem .8rem;background-color: #fff;border-radius: .16rem;box-sizing: border-box;transform: translate(-50%,-50%)}
.popup .popup-box .close{position: absolute;right: .4rem;top: .35rem;width: .31rem;height: .31rem;background-image: url('../images/close.png');background-size: cover;cursor: pointer;z-index: 3;}
.popup .popup-box .top-box{display: flex;align-items: center;justify-content: space-between;padding-bottom: .3rem;margin-bottom: .35rem;border-bottom: 1px solid #e5e5e5;}
.popup .popup-box .top-box .title{font-size: .24rem;color: #e60012;font-family: HmB;}
.popup .popup-box .top-box .add{display: flex;align-items: center;font-size:var(--fontsize);color: #333333;}
.popup .popup-box .top-box .add:before{margin-right: .15rem;display: block;content: '';width: .23rem;height: .28rem;background-image: url('../images/add.png');background-size: 100%;}
.popup .popup-box .list dl dd{margin-bottom: .4rem;}
.popup .popup-box .list dl dd:last-child{margin-bottom: 0;}
.popup .popup-box .list dl dd .name{font-size: .18rem;color: #333333;}
.popup .popup-box .list dl dd .text{margin-top: .1rem;font-size:var(--fontsize);color: #666666;line-height: 2;}
.popup .popup-box .email{margin-top: .8rem;font-size:var(--fontsize);color: #e60012;font-family: HmL;}
.Contact .describes{padding: .9rem 0 .3rem;}
.Contact .describes .img{width: 48.75%;border-radius: .16rem;overflow: hidden;}
.Contact .describes .img img{width: 100%}
.Contact .describes .right-box{width: 46.87%}
.Contact .describes .right-box .list{margin-top: .6rem;}
.Contact .describes .right-box .list ul li{display: flex;align-items: center;margin-bottom: .4rem;padding-bottom: .25rem;border-bottom: 1px solid #eeeeee;}
.Contact .describes .right-box .list ul li:last-child{margin-bottom: 0;}
.Contact .describes .right-box .list ul li .icon{width: .51rem;margin-right: .2rem;}
.Contact .describes .right-box .list ul li .icon img{width: 100%;}
.Contact .describes .right-box .list ul li .box{width: calc(100% - .71rem)}
.Contact .describes .right-box .list ul li .box .name{font-size: .18rem;color: #999999;font-family: HmL;}
.Contact .describes .right-box .list ul li .box .text{margin-top: .15rem;font-size: .2rem;color: #000000;}
.Contact .service{padding: .6rem 0;background-color: #f6f8fc;}
.Contact .service .box{padding: 1rem .8rem;box-sizing: border-box;background-color: #fff;border-radius: .16rem;}
.Contact .service .item{margin-bottom: .65rem;padding-bottom: .65rem;border-bottom: 1px solid #e4e4e4;}
.Contact .service .item:last-child{margin-bottom: 0;}
.Contact .service .item .top-box{display: flex;align-items: center;font-size: .18rem;color: #000000;font-family: HmL;}
.Contact .service .item .top-box .title{width: 2.6rem;font-size: .36rem;color: #222222;font-family: HmM;}
.Contact .service .item .top-box div:not(:nth-of-type(1)){margin-left: .5rem;}
.Contact .service .item .top-box div:nth-of-type(2){font-size: .3rem;color: #333;font-family: HmM;}
.Contact .service .item .top-box .email{display: flex;align-items: center;}
.Contact .service .item .top-box .email:before{display: block;content: '';margin-right: .15rem;width: .27rem;height: .21rem;background-image: url('../images/Contact-email.png');background-size: cover;}
.Contact .service .item .top-box .tel{display: flex;align-items: center;}
.Contact .service .item .top-box .tel:before{display: block;content: '';margin-right: .15rem;width: .29rem;height: .29rem;background-image: url('../images/Contact-tel.png');background-size: cover;}
.Contact .service .item .top-box .add{display: flex;align-items: center;}
.Contact .service .item .top-box .add:before{display: block;content: '';margin-right: .15rem;width: .23rem;height: .25rem;background-image: url('../images/Contact-add.png');background-size: cover;}
.Contact .service .item .top-box div:nth-of-type(2):before{margin-right: .3rem;}
.Contact .service .item ul{margin-top: .6rem;display: flex;margin-left: -1%;margin-right: -1%;}
.Contact .service .item ul li{width: 31.33%;margin: 0 1%;padding: .5rem;background-color: #f8f8f8;border-radius: .1rem;}
.Contact .service .item ul li .tit{font-size: .22rem;color: #333333;font-family: HmM;}
.Contact .service .item ul li dl{margin-top: .3rem;}
.Contact .service .item ul li dl dd{position: relative;margin-bottom: .15rem;padding-left: .45rem;display: flex;align-items: center;font-size: .18rem;color: #333333;line-height: 1.6;}
.Contact .service .item ul li dl dd:last-child{margin-bottom: 0;}
.Contact .service .item ul li dl dd.tel:before{display: block;content: '';position: absolute;left: 0;top: .04rem;width: .25rem;height: .25rem;background-image: url('../images/Contact-tel.png');background-size: cover;z-index: 1;}
.Contact .service .item ul li dl dd.email:before{display: block;content: '';position: absolute;left: 0;top: .04rem;width: .25rem;height: .19rem;background-image: url('../images/Contact-email.png');background-size: cover;z-index: 1;}
.Contact .service .item ul li dl dd.name:before{display: block;content: '';position: absolute;left: 0;top: .04rem;width: .26rem;height: .22rem;background-image: url('../images/Contact-name.png');background-size: cover;z-index: 1;}
.Contact .service .item ul li dl dd.position:before{display: block;content: '';position: absolute;left: 0;top: .04rem;width: .17rem;height: .23rem;background-image: url('../images/Contact-position.png');background-size: cover;z-index: 1;}
.Contact .message{padding: .6rem 0;background-color: #f6f8fc;}
.Contact .message .public-title2{text-align: center;}
.Contact .message .main-text{margin-top: .3rem;font-size: .2rem;color: #666666;line-height: 1.6;text-align: center;}
.Contact .message .from{margin-top: .55rem;}
.Contact .message .from ul li{margin-bottom: .2rem;}
.Contact .message .from ul li:last-child{margin-top: .45rem;margin-bottom: 0;}
.Contact .message .from ul li .flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.Contact .message .from ul li .flex .item{width: 48.5%}
.Contact .message .from ul li .text{width: 100%;height: .64rem;padding: 0 .2rem;background-color: #fff;border: 1px solid #e8e8e8;border-radius: .06rem;box-sizing: border-box;}
.Contact .message .from ul li textarea{width: 100%;height: 3rem;padding: .2rem;background-color: #fff;border: 1px solid #e8e8e8;border-radius: .06rem;box-sizing: border-box;}
.Contact .message .from ul li .submit{display: block;width: 4.1rem;height: .65rem;margin: 0 auto;font-size: .2rem;color: #fff;background-color: #e60012;text-align: center;font-family: HmL;cursor: pointer;border-radius: .65rem;border: 0;}
.Compliance{padding: .9rem 0;background-color: #f6f8fc;}
.Compliance .box{padding: 1.1rem 2rem;background-color: #fff;border-radius: .16rem;}
.Compliance .box .public-title2{text-align: center;}
.Compliance .box .text{margin-top: .75rem;font-size: .18rem;color: #333333;line-height: 1.8;}
.Compliance .box .text *{ font-size: var(--fontsize);}
.Compliance .box .text p{margin: .1rem 0;}
.Compliance .box .text ul li{position: relative;padding-left: .35rem;margin-bottom: .1rem;}
.Compliance .box .text ul li:before{display: block;content: '';position: absolute;left: 0;top: .08rem;width: .16rem;height: .16rem;background-image: url('../images/Compliance-icon.png');background-size: 100%;z-index: 1;}
.Compliance .box .text dl dd{position: relative;padding-left: .35rem;margin-bottom: .1rem;}
.Compliance .box .text dl dd:before{display: block;content: '';position: absolute;left: 0;top: .1rem;width: .1rem;height: .1rem;background-image: url('../images/Compliance-y.png');background-size: 100%;z-index: 1;}



@media ( min-width:768px){
  .Product-info .one-box .right-box .img img{height: 5rem;object-fit: cover}
}
@media ( max-width:1200px){
	.rightMenuBtn{ display: block;}
  header{padding: .15rem 0}
  header .p50{justify-content: space-between;align-items: center}
  header .right-box{margin-left: 0;}
  header .logo{width: 1.4rem}
	header{position: fixed;top: 0;width: 100%;left: 0;z-index: 50;padding-right: 0px;box-sizing: border-box;background-color: #fff;}
	header .right-box{padding: 0}
  header nav>ul{display: block;}
	header nav{display: block;position: fixed;padding: .3rem .2rem .3rem .2rem;top: .8rem;right: 0;margin-right: 0;width: 300px;background-color:  #e60012;overflow: unset;box-sizing: border-box;overflow-x: hidden;transform: matrix(1, 0, 0, 1, 300, 0);z-index: 300;}
	header nav>ul>li{display: block;margin-bottom: .3rem;padding-bottom: .1rem;width: 100%;margin-right: 0;}
  header nav>ul>li a{color: #fff;font-size: .18rem;}
  header nav>ul>li.on a{color: #fff;}
	header nav>ul>li.on{border-bottom: 1px solid #fff;}
	header nav ul li .down dl dd{margin-top: .15rem;}
	header nav ul li .down dl{margin-left: .15rem;}
	header nav>ul>li:hover a{color: #fff;}
	.column-banner .media{display: block;height: 25vh;object-fit: cover;}
	.column-banner .pc{display: none;}
	.banner img.wap{display: block;height: 75vh;object-fit: cover;}
	.banner img.pc{display: none;}
  body{padding-top: .85rem;}
  .banner .box .text{font-size: .36rem;}
  .banner .box .title{font-size: .38rem;}
  .banner .swiper-pagination{right: .3rem;bottom: .3rem;}
  .public-title .cn{font-size: .36rem;}
  .public-title .en{font-size: .38rem;}
  footer .foot-nav{display: none;}
  footer .foot-logo{width: 100%}
  footer .foot-share{width: 100%;margin-top: .2rem;}
  footer .foot-share ul{justify-content: center;}
  footer .two-box{margin: .3rem 0;}
  .menu-location .location{display: none;}
  .public-title2{font-size: .3rem;line-height: 1.5;}
  .column-banner .title .cn{font-size: .32rem;}
  .column-banner .title .en{font-size: .34rem;}
  .Product-info .tow-box .left-box .title .en{font-size: .32rem;}
  .Product-info .tow-box .left-box .title .cn{font-size: .32rem;}
}
@media ( max-width:1024px){
	.index-about{padding: .4rem 0;}
  .index-news{padding: .4rem 0;}
  .index-culture{padding: .4rem 0;}
  .index-partner{padding: .4rem 0;overflow: hidden;}
  footer{padding-top: .4rem;}
  .About .introduce{padding: .4rem 0;}
  .About .history{padding: .4rem 0;}
  .About .culture{padding: .4rem 0;}
  .Product{padding: .4rem 0;}
  .Product-info .one-box{padding: .4rem 0;}
  .Product-info .tow-box{padding: .4rem 0;}
  .Product-info .three-box{padding: .4rem 0;}
  .Product-info .five-box{padding: .4rem 0;}
  .Qualified{padding: .4rem 0;}
  .Technology .introduction{padding: .4rem 0;}
  .Technology .certificate{padding: .4rem 0;}
  .Laboratory .introduction{padding: .4rem 0;}
  .Laboratory .environment{padding: .4rem 0;}
  .Laboratory .advantage{padding: .4rem 0;}
  .Laboratory .contact{padding: .4rem 0;}
  .News{padding: .4rem 0;}
  .News-info{padding: .4rem 0;}
  .Contact .describes{padding: .4rem 0;}
  .Contact .service{padding: .4rem 0;}
  .Contact .message{padding: .4rem 0;}
  .Join{padding: .4rem 0;}
  .Compliance{padding: .4rem 0;}
}
@media ( max-width:768px){
  .menu-location{padding: .1rem 0}
  .menu-location .column-menu{position: relative;padding: 0;background-color:  ;z-index: 5;width: 100%;}
  .menu-location .column-menu:after{display: none;}
  .menu-location .column-menu .name{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 .2rem;height: .6rem;font-size: .2rem;background-color: #e60012;color: #ffff;z-index: 33;}
  .menu-location .column-menu .name:after{display: block;content: '';width: .15rem;height: .15rem;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg)}
  .menu-location .column-menu ul{position: absolute;left: 0;top: 100%;width: 100%;display: none;padding: 0;background-color: rgba(230, 0, 18, .6);backdrop-filter: blur(5px);z-index: 33;}
  .menu-location .column-menu ul li{width: 100%;border-right: 0;margin-right: 0;padding: .15rem 0;border-bottom: 1px solid #fff;}
  .menu-location .column-menu ul li:last-child{margin-bottom: 0;border-bottom: 0;}
  .menu-location .column-menu ul li a{display: block;padding: .05rem .2rem;font-size: .18rem;color: #fff;}
  .menu-location .column-menu ul li.on{background-color: #e60012;}
  .menu-location .column-menu ul li.on a{color: #fff;}
  .menu-location .column-menu ul li.on:after{display: none;}
  .menu-location .column-menu.on ul{display: block;}
  .menu-location .column-menu.on .name:after{transform: rotate(135deg)}
  .index-about .left-box{width: 100%}
  .index-about .right-box{width: 100%;margin-top: .2rem;}
  .index-about .left-box .list{margin-top: .3rem;}
  .index-about .left-box .list ul li .value span{font-size: .36rem;}
  .index-about .left-box .list:after{width: 100%}
  .index-about .img{position: initial;max-width: 100%}
  .index-product .img img{height: 65vh;object-fit: cover;}
  .index-product .top-box{top: .6rem;}
  .index-news .list{margin-top: .3rem;}
  .index-news .list ul li{padding-top: 0;width: 100%;margin-bottom: .2rem;}
  .index-news .list ul li .box{position: initial;background-color: #fff;padding: .3rem;height: auto}
  .index-news .list ul li .box .top-box{padding: 0;height: auto;}
  .index-news .list ul li .box .bottom-box{padding: 0;display: block;}
  .index-news .list ul li .box .top-box .title{margin-top: .3rem;}
  .index-news .list ul li .box .bottom-box{height: auto}
  .index-news .list ul li .box .bottom-box .text{margin-top: .2rem;}
  .index-news .list ul li .box .bottom-box .more{margin-top: .2rem;}
  .index-culture .list{margin-top: .3rem;}
  .index-culture .list ul li{width: 100%;margin-bottom: .2rem;}
  .index-culture .list ul li .box{padding: .3rem;}
  .index-culture .list ul li .img{width: 100%}
  .index-culture .list ul li .img img{height: auto;width: 100%}
  .index-culture .list ul li .box .title{font-size: .26rem;}
  .index-culture .list ul li .box .text{margin-top: .2rem;}
  footer .foot-contact ul li .tel{font-size: .26rem;}
  footer .bottom-box{padding: .2rem 0;}
  footer .foot-icp{line-height: 1.6;width: 100%;text-align: center;}
  footer .foot-menu{margin-top: .2rem;width: 100%}
  footer .foot-menu ul{justify-content: center}
  .About .introduce .left-box{width: 100%}
  .About .introduce .right-box{width: 100%;margin-top: .2rem;}
  .About .introduce .left-box .text{font-size: .18rem;}
  .About .introduce .list{margin-top: .3rem;}
  .About .introduce .list ul li .value{font-size: .32rem;}
  .About .introduce .list ul li{margin-right: 0;width: 33.33%;display: block;text-align: center;}
  .About .introduce .list ul li .icon{margin-left: 0;margin-top: .2rem;}
  .About .introduce .list ul li .icon img{max-height: .35rem}
  .About .history .main-box .bg-time{display: none;}
  .About .history .list .box{display: none;}
  .About .history .list{margin-top: .3rem;}
  .About .history .main-box{margin-top: .3rem;}
  .About .history .list .swiper-slide-thumb-active .time{color: #e60012;}
  .About .history .list .time:after{display: none;}
  .About .history .main-box .swiper-slide .time{position: initial;margin-bottom: .2rem;}
  .About .history .main-text{font-size: .18rem;}
  .About .culture .table-nav{margin-top: .3rem;}
  .About .culture .table-box{margin-top: .3rem;}
  .About .culture .list ul li{width: 48%}
  .About .culture .list ul li .title{margin-top: .2rem;font-size: .26rem;}
  .About .culture .more{margin-top: .3rem;}
  .Product .list ul li{width: 48%}
  .Product .list ul li .box{padding: .2rem;}
  .Product .list ul li .bottom .flex{padding: .2rem;}
  .Product-info .one-box .left-box{width: 100%}
  .Product-info .one-box .right-box{width: 100%;margin-top: .2rem;padding-right: 0;}
  .Product-info .one-box .left-box .text:before{display: none;}
  .Product-info .one-box .left-box .return{margin-top: .3rem;}
  .Product-info .one-box .right-box .img:after{display: none;}
  .Product-info .tow-box .left-box{width: 100%;padding: .3rem;}
  .Product-info .tow-box .right-box{width: 100%;}
  .Product-info .tow-box .left-box .box{margin-top: .3rem;}
  .Product-info .tow-box .btn{margin-top: .3rem;}
  .Product-info .tow-box .right-box .list{border-top: 1px solid #ddd;}
  .Product-info .tow-box .right-box .swiper-slide{padding: .2rem;}
  .Product-info .three-box .list{margin-top: .3rem;}
  .Product-info .three-box .list ul li .text{white-space: normal;word-break: break-word;}
  .Product-info .five-box .list{margin-top: .3rem;}
  .Product-info .five-box .list ul li{width: 99%;padding: .3rem;}
  .Product-info .five-box .list ul li .text{line-height: 1.6;}
  .Qualified .main-text{margin-top: .3rem;}
  .Qualified .list{margin-top: .3rem;}
  .Qualified .list ul{margin: -1%;}
  .Qualified .list ul li{width: 48%;margin: 1%;}
  .Qualified .list ul li .name{margin-top: .15rem;}
  .Technology .introduction .left-box{width: 100%;}
  .Technology .introduction .right-box{width: 100%;margin-top: .2rem;padding-top: 0;}
  .Technology .introduction .left-box .img{margin-top: .2rem;}
  .Technology .introduction .right-box .list{margin-top: .3rem;}
  .Technology .introduction .right-box .list ul li .value span{font-size: .26rem;}
  .Technology .certificate li{width: 50%}
  .Technology .certificate .img{width: 100%;padding: .2rem;}
  .Technology .certificate .img{height: 1.5rem}
  .Technology .certificate li:first-child::before, .Technology .certificate li:nth-child(3n+1):before{display: none;}
  .Technology .certificate .img:after{display: none;}
  .Technology .certificate li:last-child::after, .Technology .certificate li:nth-child(3n)::after{display: none;}
  .Laboratory .introduction .left-box{width: 100%}
  .Laboratory .introduction .right-box{width: 100%;margin-top: .2rem;}
  .Laboratory .introduction .right-box .text{margin-top: .3rem;}
  .Laboratory .introduction .right-box .img{margin-top: .3rem;max-width: 100%;}
  .Laboratory .environment .list{margin-top: .3rem;}
  .Laboratory .advantage .por{margin-top: .3rem;}
  .Laboratory .advantage .por .table-nav{position: initial;transform: translate(0);width: 100%;padding: .3rem;display: block;}
  .Laboratory .advantage .por .table-box{margin-top: .2rem;width: 100%}
  .Laboratory .advantage .por .table-box .item .box .flex{max-width: 100%;margin-right: 0;padding: .3rem;}
  .Laboratory .advantage .por .table-box .item .box .flex .title{font-size: .26rem;}
  .Laboratory .scope{padding: .4rem 0;}
  .Laboratory .scope .por .public-title2{position: initial;transform: translate(0);text-align: center;}
  .Laboratory .scope .por .img{margin-top: .3rem;}
  .Laboratory .contact .left-box{width: 100%;}
  .Laboratory .contact .right-box{width: 100%;margin-top: .2rem;}
  .Laboratory .contact .right-box .list{margin-top: .3rem;}
  .Laboratory .contact .right-box .list ul li{padding-bottom: .2rem;margin-bottom: .2rem;}
  .News .list ul li{width: 48%;}
  .News .list ul li .box{padding: .2rem;}
  .News-info .box{padding: .3rem;}
  .News-info .title{font-size: .26rem;}
  .News-info .textarea{padding-top: .3rem;}
  .News-info .bottom-box{margin-top: .3rem;padding-top: .3rem;flex-wrap: wrap;}
  .News-info .bottom-box .prew{width: 100%}
  .News-info .bottom-box .return{width: 100%;margin-left: 0;margin-top: .2rem;}
  .prew div{display: block;line-height: 1.5;}
  .Contact .describes .img{width: 100%}
  .Contact .describes .right-box{width: 100%;margin-top: .2rem;}
  .Contact .describes .right-box .list{margin-top: .3rem;}
  .Contact .describes .right-box .list ul li{margin-bottom: .2rem;padding-bottom: .2rem;}
  .Contact .service .box{padding: .3rem;}
  .Contact .service .item .top-box{display: block;}
  .Contact .service .item .top-box div:not(:nth-of-type(1)){margin-left: 0;}
  .Contact .service .item .top-box div:nth-of-type(2):before{margin-right: .15rem;}
  .Contact .service .item .top-box div:nth-of-type(2){font-size: .18rem;}
  .Contact .service .item .top-box div{margin-bottom: .2rem;line-height: 1.5;}
  .Contact .service .item ul{margin-top: 0;flex-wrap: wrap}
  .Contact .service .item ul li{width: 99%;margin-bottom: .2rem;padding: .3rem;}
  .Contact .service .item{margin-bottom: .2rem;padding-bottom: .2rem;}
  .Contact .service .item .top-box .title{font-size: .26rem;}
  .Join .list{margin-top: .3rem;}
  .Join .list ul li{width: 98%;padding: .3rem;}
  .popup .popup-box{padding: .3rem;}
  .popup .popup-box .close{top: .1rem;right: .1rem;}
  .popup .popup-box .top-box .add{padding-right: .2rem;}
  .popup .popup-box .email{margin-top: .3rem;}
  .popup .popup-box .list dl dd{margin-bottom: .2rem;}
  .Compliance .box{padding: .3rem;}
  .Compliance .box .text{margin-top: .3rem;}
  .About .history .main-box .swiper-slide .box{padding: .3rem .2rem;box-shadow: none;border: 1px solid #ddd;height: auto;min-height: 2rem}
}

/* 20251014 */
.index-news .list ul li .box .bottom-box {
    opacity: 0;
    transform: translateY(0.5rem);
	transition: all 0.5s ease-in-out;
}
.index-news .list ul li:hover .box .bottom-box {
    opacity: 1;
    transform: translateY(0);
}

.index-news .list ul li:hover .img img{
	transform: scale(1.1);
}
.index-news .list ul li:nth-child(1),
.index-news .list ul li:nth-child(2){
	border-right: 0;
}
.banner .swiper-slide:nth-child(2) .title{
	color: #fff;
}
.index-product .list .icon span:after{
	animation: scaleAnimate 2s linear;
	animation-iteration-count: infinite;
}
@-webkit-keyframes scaleAnimate {
  0% {
    -webkit-transform: scale(1);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale(1.3);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes fadeInfilter {
    0% {
        opacity: 0.5;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        filter: blur(20px);
    }

    100% {
        opacity: 1;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        filter: blur(0);
    }
}
.fadeInfilter {
    animation-name: fadeInfilter
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0%,10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall
}

@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-10px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(10px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0%,-10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownSmall {
    animation-name: fadeInDownSmall
}


@-webkit-keyframes zoomInSmall {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomInSmall {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }

    50% {
        opacity: 1;
    }
}

.zoomInSmall {
    -webkit-animation-name: zoomInSmall;
    animation-name: zoomInSmall;
}

@-webkit-keyframes linew {
	0% {width: 0;}
	100% {width:  100%;}
}
@keyframes linew {
	10% {width: 0;}
	100% {width: 100%;	}
}
.Product-info .five-box .list ul li,
.swiper-button-next, .swiper-button-prev,
header,
footer .foot-nav ul li a,
.public-more a,
footer .foot-nav ul li a::after,
.public-more a::after{
	transition: all 0.5s ease;
}
footer .foot-nav ul li a:hover::after,
.public-more a:hover::after{
	transform: rotate(45deg);
}
footer .foot-nav ul li a:hover{
	color: #e60012;
}
footer .foot-nav ul li a:hover::after{
	background-image: url(../images/foot-nav-red.png);
}
.index-culture .list ul li,
.public-more,
.index-news .list ul li,
.index-product .list,
.index-about .left-box .text,
.index-about .public-more,
.index-about .left-box .list li,
.public-title,
.index-about .right-box .img{
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.index-about.active .right-box .img{
	-webkit-animation-name: fadeInfilter;
	animation-name: fadeInfilter;
}
.public-title{
	animation-delay: 0.5s;
}
.index-culture .list ul li,
.index-news .list ul li,
.index-product .list,
.index-about .left-box .text{
	animation-delay: 0.7s;
}
.index-culture .list ul li:nth-child(2),
.public-more,
.index-about .public-more{
	animation-delay: 0.9s;
}
.index-culture .list ul li:nth-child(3),
.index-about .left-box .list li{
	animation-delay: 1.1s;
}
.index-culture.active .list ul li,
.active .public-more,
.index-product.active .list,
.index-about.active .left-box .text,
.index-about.active .public-more,
.index-about.active .left-box .list li,
.active .public-title{
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall;
}
.index-news.active .list ul li{
	-webkit-animation-name: zoomInSmall;
	animation-name: zoomInSmall;
}
header{
	transition: all .5s;
	z-index: 1000;
}
header.fixed{
	background-color: #fff;
	left: 0;
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	animation-name: fadeInDown;
	animation-duration: 1.25s;
}
@media screen and (min-width:769px){
	.About .history{
		padding-bottom: 1.7rem;
	}
	.About .history:after{
		bottom: 3.4rem;
	}
}

@-webkit-keyframes icon-bounce {
0%, 100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
75% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
85% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@-moz-keyframes icon-bounce {
0%, 100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
75% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
85% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
@-o-keyframes icon-bounce {
0%, 100% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
50% {
-moz-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
75% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
85% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
}
.Laboratory .advantage .por .table-nav ul li:hover img,
.Contact .describes .right-box .list ul li:hover .icon,
.Product-info .five-box .list ul li:hover .icon,
.About .introduce .list ul li:hover .icon img{
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;
}
.maskdot {
    position: relative;
    top: -1.3rem;
}
.FloatBox {
	position: fixed;
	z-index: 999;
	right: 0.3rem;
	bottom: 0.35rem;
	animation: backtotop 2s infinite;
}

.FloatBox li {
	/* margin-bottom: 0.05rem; */
	position: relative;
}

.FloatBox li>a {
	width: 0.5rem;
	height: 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #e60012;
	color: #fff;
	font-size: var(--fontsize);
}

.FloatBox li .icon {
	width: 0.25rem;
	height: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.FloatBox li:hover>a {
	background: #e60012;
}

.FloatBox li .tcbox {
	min-height: 100%;
	min-width: 1.2rem;
	right: 105%;
	border-radius: 0.04rem;
	background: #e60012;
	position: absolute;
	color: #fff;
	text-align: center;
	top: 0;
	padding: 0 0.3rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	white-space: nowrap;
	justify-content: center;
	padding: 0 0.3rem;
	display: none;
}

.FloatBox li:hover .tcbox {
	display: flex;
}

.FloatBox li.enterPro,
.FloatBox li.gotop {
	opacity: 0;
	visibility: hidden;
	transition: all .5s;
}

.FloatBox li.gotop a {
	background: #e60012;
	/* animation: backtotop 2s infinite; */
}
.FloatBox li.gotop a:hover{
	background: #e60012;
}
.FloatBox li.enterPro.on,
.FloatBox li.gotop.on {
	opacity: 1;
	visibility: visible;
}

@media(max-width:1024px) {
	.FloatBox li>a {
		width: 50px;
		height: 50px;
		font-size: 10px;
	}

	.FloatBox li .icon {
		width: 14px;
		height: 14px;
	}
}
@keyframes backtotop {
	0% {
		bottom: 0.45rem;
	}

	50% {
		bottom: 0.3rem;
	}

	100% {
		bottom: 0.45rem;
	}
}
.Join .list ul li{
	transition: all .5s ease-out;
	will-change: transform;
    transform: scale(1);
}
.Join .list ul li:hover{
	box-shadow: 0 0 .3rem rgba(0, 0, 0, .2);
	transform: scale(1.02);
}
.img-ptkey-top {
	animation: img-ptkey-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
	opacity: 0;
}

@keyframes img-ptkey-top {
	0% {
		transform: translateY(-5%);
		clip-path: inset(0 0 100% 0);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}
.table-nav-box{
	position: absolute;
	    right: 0px;
	    top: 0px;
	    height: 100%;
	    display: flex
	;
	    justify-content: center;
	    align-items: center;
	    z-index: 2;
}
.Laboratory .advantage .por .table-box .item .box .flex .text,
.Laboratory .advantage .por .table-box .item .box .flex .title{
	animation-delay: 0.2s;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.Laboratory .advantage .por .table-box .item .box .flex .text{
	animation-delay: 0.4s;
}
.Laboratory .advantage .por .table-box .item.on .box .flex .text,
.Laboratory .advantage .por .table-box .item.on .box .flex .title{
	-webkit-animation-name: fadeInUpSmall;
	animation-name: fadeInUpSmall;
}
.Technology .certificate li .img{
	overflow: hidden;
}
.Technology .certificate li .img img{
	transition: all 0.5s ease;
}
.Technology .certificate li:hover .img img{
	transform: scale(1.05);
}
@media screen and (max-width:1024px){
	.molecule-info{height: auto;}
	.molecule-info .public-title2 {margin-bottom: 0.3rem;}
}
@media screen and (max-width:768px){
	.table-nav-box{position: static;}
}

.Robot{position: fixed;right: 1%;bottom: 2rem;z-index: 999;width: 1.2rem;}
.Robot img{width: 100%;}
.Robot:hover img{animation-name: fadeIn;
  animation-duration: 2s;
  animation-iteration-count: 3;}
.Robot .close{position: absolute;right: 0;top: 0;width: .3rem;height: .3rem;background-image: url('../images/close.svg');z-index: 55;background-size: 100%;cursor:pointer;    background-color: #fff;
    border-radius: .3rem;}
.Robot .box{display: none;position: absolute;width: 5rem;right: 0;bottom: 0;z-index: 3;border-radius: .15rem;border: 1px solid #ccc;overflow: hidden;}
.Robot .box iframe{display: block;width: 100%;height: 5rem;border: 0;}
@keyframes fadeIn {
  0 { transform: rotate(0deg) }
  25% { transform: rotate(15deg) }
  50% {transform: rotate(0)}
  75% {transform: rotate(-15deg)}
  100% {transform: rotate(0deg)}
}
@media screen and (max-width:768px){
	.Robot{width: 1.5rem;bottom: 10%;}
	.Robot .box{right: 0;width: .4rem;}
	.Robot .box iframe{height: .4rem}
}