.header{position: fixed;width: 100%;z-index: 1000;top:0;z-index:999}
.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2);background:white}
.header>div{height:1.3rem;display:flex;justify-content: space-between;align-items: center;}
.header.is_header>div{height:1rem}
.header.is_header>div .logo a img{max-width:1.5rem;transition:.3s}
.header .right_nav{display:flex;gap:.75rem}
.header .right_nav .navs ul{display:flex;gap:.55rem} 
.header .right_nav .navs ul li a{font-size:.18rem;color:#222222;position:relative;font-family:"RalewayRegular"}
.header .right_nav .navs ul li a:after{content:"";position:absolute;background:#222222;height:1px;width:0;right:0;bottom:0;transition:.5s linear}
.header .right_nav .navs ul li a:hover:after{width:100%;left:0;right:auto;}
.header .right_nav .navs ul li.active a:after{width:100%}
.header .right_nav .langs{position:relative}
.header .right_nav .langs>a{font-size:.18rem;color:#222222;font-family:"RalewayRegular"}
.header .right_nav .langs>a i{font-size:.2rem;color:#222222;margin-left:.09rem}
.header .right_nav .langs  dl{position:absolute;left:50%;transform:translateX(-50%);width:100%;background:#bf1025;text-align:center;transition:none;display:none;top:100%}
.header .right_nav .langs  dl a{font-size:.16rem;color:white;font-family:"RalewayRegular" }



.pro_mbx{}
.pro_mbx>div{display:flex;justify-content: space-between;align-items: center;;height:1.25rem}
.pro_mbx>div .title h2{font-size:.6rem;color:#222222;font-family:"Luiss-Serif-Regular"}
.pro_mbx>div .mbx {font-size:.14rem;color:#222222;display:flex;gap:5px;font-family:"RalewayRegular"}
.pro_mbx>div .mbx a{font-size:.14rem;color:#222222}

.product_box{padding: 1rem  0 0 ;}
.product_box>div{display:grid;grid-template-columns:22.6% 74.7% ;justify-content:space-between}
.product_box .pro_nav ul li:first-child>a{border-top:1px solid #dcdcdc}
.product_box .pro_nav ul li>a{display:flex;justify-content: space-between;height:.55rem;align-items: center;font-size:.15rem;;border-bottom:1px solid #dcdcdc;}
.product_box .pro_nav ul li>a h2{color:#192c39;font-size:.15rem;width:90%;font-family:"Raleway-SemiBold"}
.product_box .pro_nav ul li>a:hover h2{color:#c83143}
.product_box .pro_nav ul li>a i{text-align:right;font-size:.24rem;color:#c83143}
.product_box .pro_nav ul li.active i{transform:rotate(180deg)}
.product_box .pro_nav ul li.active  a h2{color:#c83143}
.product_box .pro_nav ul  li dt {padding:.2rem;border-bottom:1px solid #dcdcdc;display:none;transition:none}
.product_box .pro_nav ul  li dt>div{margin:0 0 .1rem}
.product_box .pro_nav ul  li dt>div:last-child{margin:0;}
.product_box .pro_nav ul  li dt>div.active  a{color:#c83143}
.product_box .pro_nav ul  li dt a{font-size:.15rem;color:#777777;font-weight:normal}
.product_box .pro_nav ul  li dt a:hover{color:#c83143}
.product_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem .2rem}
.product_box .lists ul li a h1{margin:.18rem 0 0;font-size:.15rem;color:#000000;font-family:"RalewayMedium";}
.product_box .lists ul li a:hover img{transform:scale(1.1)}
.product_box .lists ul li a:hover .img {box-shadow:4px 4px 6px rgba(0,0,0,.3);}
.product_box .lists ul li a:hover{transform:translateY(-10px)}
.product_box .lists .page{padding:.55rem 0 0;display:flex;justify-content: center;align-items: center;}
.product_box .lists .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.15rem;color:#222222;margin:0 5px;}
.product_box .lists .page a.page-link{width:.7rem;border:1px solid #999999}
.product_box .lists .page a.page-links{border:1px solid #999999;}
.product_box .lists .page a.page-links i{font-size:.2rem;color:#2a2a2a;}
.product_box .lists .page a.page-link:hover{background:#bf1025;color:white;border-color:#bf1025}
.product_box .lists .page a.page-links:hover{background:#bf1025;color:white;border-color:#bf1025}
.product_box .lists .page a.page-links:hover i{color:white;}
.product_box .lists .page a:hover{background:#bf1025;color:white;border-color:#bf1025}
.product_box .lists .page a.page-num-current{background:#bf1025;color:white;border-color:#bf1025}
.product_box .pro_infos .tops{display:grid;grid-template-columns:49.5% 47%;justify-content:space-between;padding: 0 0 .5rem;border-bottom:1px solid #dcdcdc}
.product_box .pro_infos .tops .img_list{position:relative}
.product_box .pro_infos .tops .img_list .slide-pagination {position:absolute;left:50%;transform:translateX(-50%);bottom:.1rem;z-index:2;text-align:center}
.product_box .pro_infos .tops .img_list .slide-pagination span{opacity:1;width:.12rem;height:.12rem;background:none;border:1px solid #bf1025;margin:0 .04rem}
.product_box .pro_infos .tops .img_list .slide-pagination span.swiper-pagination-bullet-active{background:#bf1025;border-color:#bf1025}

.product_box .pro_infos .text{position:relative;}
.product_box .pro_infos .more{position:absolute;left:0;bottom:0;}
.product_box .pro_infos .more a{height:.48rem;width:1.8rem;background:#bf1025;font-size:.17rem;color:white;;text-align:center;line-height:.48rem;color:white}
.product_box .pro_infos .more a:hover{box-shadow:0 0 12px rgba(0,0,0,0.5);}

.product_box .pro_infos .text h3{font-size:.3rem;color:#333333;font-family:"Luiss-Serif-Regular";margin:0 0 .2rem}
.product_box .pro_infos .text .box{height:2rem;overflow-y:auto;padding-right:.1rem;}
.product_box .pro_infos .text .box::-webkit-scrollbar-thumb{background:#bf1025}
.product_box .pro_infos .desc{padding:.4rem 0 .1rem }
.product_box .pro_infos .desc h3{font-size:.22rem;color:#333333;font-family:"Luiss-Serif-Regular";margin:0 0 .25rem}

.product_fit{padding:.8rem 0 .75rem}
.product_fit>div>h2{font-size:.48rem;color:#000000;font-family:"Luiss-Serif-Regular";margin:0 0 .25rem}

.product_fit .lists a h1{margin:.18rem 0 0;font-size:.15rem;color:#000000;font-family:"RalewayMedium";}
.product_fit .lists a:hover img{transform:scale(1.05)}
.product_fit .lists a:hover .img {box-shadow:4px 4px 6px rgba(0,0,0,.3);transform:scale(.95)}
.product_fit .lists a:hover h1{transform:translateY(-10px)}


.fot_message{background:#f8f8f8;padding:.85rem 0 }
.fot_message>div{display:grid;grid-template-columns:48% 51%;justify-content:space-between}
.fot_message .left h2{font-size:.65rem;color:#26125b;font-family:"Luiss-Serif-Regular";margin:0 0 .17rem}
.fot_message .left p{font-size:.15rem;color:#000000;font-family:"RalewayRegular"}
.fot_message .form {font-size:0}
.fot_message .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.15rem .2rem;margin:0 0 .15rem}
.fot_message .form ul li p{font-size:.16rem;color:#333333;font-family:"RalewayRegular";margin:0 0 .1rem}
.fot_message .form ul li input{height:.45rem;width:100%;border:0;background:white;padding:0 .1rem;font-size:.15rem;color:#000000;}
.fot_message .form .area p{font-size:.16rem;color:#333333;font-family:"RalewayRegular";margin:0 0 .1rem}
.fot_message .form .area textarea{height:1.5rem;width:100%;border:0;background:white;padding:.1rem;font-size:.15rem;color:#000000;}
.fot_message .form .sub{margin:.15rem 0 0}
.fot_message .form .sub button{width:100%;height:.45rem;border:0;background:#bf1025;font-size:.2rem;color:white;font-family:"RalewayRegular"}
.fot_message .form .sub button:hover{box-shadow:0 0 12px rgba(0,0,0,0.5);}


.footer .top{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:.9rem 0 .5rem}
.footer .top .logo a{display:inline-block}
.footer .top .contacts{padding-right:.5rem}
.footer .top .contacts h2{font-size:.2rem;color:#000;font-family:"RalewayRegular";margin:0 0 .2rem}
.footer .top .contacts p{font-size:.15rem;color:#666666;font-family:"RalewayRegular";margin:0 0 .15rem}
.footer .top .contacts p:last-child{margin:0}
.footer .top .contacts p a{font-size:.15rem;color:#666666;font-family:"RalewayRegular";}
.footer .top .contacts p a:hover{color:#bf1025}
.footer .top .abouts{padding-right:.5rem}
.footer .top .abouts h2{font-size:.2rem;color:#000;font-family:"RalewayRegular";margin:0 0 .2rem}
.footer .top .abouts p{font-size:.15rem;color:#666666;font-family:"RalewayRegular";margin:0 0 .15rem}
.footer .top .abouts p:last-child{margin:0}
.footer .top .follow h2{font-size:.2rem;color:#000;font-family:"RalewayRegular";margin:0 0 .2rem}
.footer .top .follow ul{display:flex;gap:.2rem}
.footer .top .follow ul li a{width:.2rem;height:.2rem;background:#000000;line-height:.2rem;color:white;text-align:center}
.footer .top .follow ul li a:hover{background:#bf1025}
.footer .bot{height:.5rem;display:flex;align-items: center;border-top:1px solid #dcdcdc}
.footer .bot p{font-size:.15rem;color:#888888;font-family:"RalewayRegular"}

.tem_banner.indise{padding:1.3rem  0 0}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash .txt{position:absolute;left:0;width:100%;bottom:1.1rem;}
.tem_banner.indise .flash .txt h2{font-size:.6rem;color:white;font-family:"Luiss-Serif-Regular"}
.tem_banner.indise .flash .txt>div{display:flex;justify-content: space-between;align-items: center;}
.tem_banner.indise .flash .txt .mbx {font-size:.14rem;color:white;display:flex;gap:5px;font-family:"RalewayRegular"}
.tem_banner.indise .flash .txt .mbx a{font-size:.14rem;color:white}

.news_list{padding:1rem 0 .9rem}
.news_list .lists ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.45rem .3rem}
.news_list .lists ul li a .img em{position:absolute;left:.3rem;bottom:.3rem;width:1.2rem;height:1.2rem;background:#bf1025;z-index:2;border-radius:100%;display:flex;font-size:.18rem;font-family:"RalewayRegular";color:white;padding:0 .2rem;;line-height:.2rem;flex-direction: column;justify-content: center;align-items: center;}
.news_list .lists ul li a .text{padding:.3rem 0 0}

.news_list .lists ul li a .text h2{font-size:.3rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .1rem}
.news_list .lists ul li a .text span{font-size:.15rem;color:#777777;display:inline-block;margin:0 0 .1rem;font-family:"RalewayRegular"}
.news_list .lists ul li a .text p{font-size:.15rem;color:#777777;font-family:"RalewayRegular"}
.news_list .lists ul li a:hover img{transform:scale(1.1)}
.news_list .lists ul li a:hover .img {box-shadow:4px 4px 6px rgba(0,0,0,.3);}
.news_list .lists ul li a:hover  {transform:translateY(-10px)}


.about .company{padding:1rem 0 .9rem}
.about .company h2{font-size:.65rem;color:#26125b;font-family:"Luiss-Serif-Regular";margin:0 0 .2rem}
.about .company p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}
.about .technology {padding:0 0 .95rem}
/* .about .technology .title{padding:0 0 .3rem}
.about .technology .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .15rem}
.about .technology .title p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}


.about .technology  .pics .ul1{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .2rem;margin:0 0 .2rem}
.about .technology  .pics .ul2{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .2rem;}
.about .technology  .pics ul li a:hover img{transform:scale(1.1)}
.about .technology  .pics ul li a:hover  {transform:translateY(-5px);box-shadow:4px 4px 6px rgba(0,0,0,.3);} */

.about .advantages {padding:1rem 0 .95rem;background:#f8f8f8 }
.about .advantages .title{padding:0 0 .4rem;display:flex;justify-content: space-between;align-items: center;}
.about .advantages .title h2{font-size:.65rem;color:#26125b;font-family:"Luiss-Serif-Regular"}
.about .advantages .title  .swiper-page{display:flex;justify-content: flex-end;gap:.3rem}
.about .advantages .title  .swiper-page>div.slide-button-prev img{transform:rotate(180deg)}
.about .advantages .title   .swiper-page>div{font-size:.14rem;color:#1c172e;font-family:"RalewayRegular";text-transform:uppercase;display:flex;gap:.15rem;align-items: center;opacity:.6}
.about .advantages .title  .swiper-page>div img{max-width:.2rem}
.about .advantages .title  .swiper-page>div:hover {opacity:1}
.about .advantages .lists  .text>h4{font-size:.72rem;color:#bf1025;font-family:"Luiss-Serif-Regular";padding:0 0 .1rem}
.about .advantages .lists  .text>h2{font-size:.24rem;color:#26125b;font-family:"Raleway-SemiBold";margin:0 0 .1rem}
.about .advantages .lists  .text .box p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";}
.about .advantages .lists  .text .box ul{margin:.2rem 0 0}
.about .advantages .lists  .text .box ul li{margin:0 0 .15rem}
.about .advantages .lists  .text .box ul li h2{padding-left:.23rem;position:relative;font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.22rem}
.about .advantages .lists  .text .box ul li h2 em{color:#26125b;font-family:"Raleway-SemiBold";}
.about .advantages .lists  .text .box ul li h2:after{content:"";position:absolute;background:#26125b;width:6px;height:6px;border-radius:100%;left:0;top:.08rem}
.about .advantages .lists  .text .box ul li:last-child{margin:0}


.philosophy{padding:1rem 0;}
.philosophy>div{display:grid;grid-template-columns:1fr 1fr}
.philosophy .title h2{font-size:.65rem;color:#26125b;font-family:"Luiss-Serif-Regular"}
.philosophy .infos h2{font-size:.36rem;color:#26125b}
.philosophy .infos h3{font-size:.24rem;color:#26125b;font-family:"RalewayRegular";margin:.1rem 0 .3rem}
.philosophy .infos  p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}

.choose{padding:.9rem 0;background:#f8f8f8 }
.choose .title h2{font-size:.65rem;color:#26125b;font-family:"Luiss-Serif-Regular";margin:0 0 .4rem}
.choose .lists>ul>li{display:flex;margin:0 0 .3rem}
.choose .lists>ul>li:last-child{margin:0}
.choose .lists>ul>li .num{width:8%}
.choose .lists>ul>li .num h2{font-size:.72rem;color:#bf1025;font-family:"Luiss-Serif-Regular";line-height:.6rem}
.choose .lists>ul>li .text .txt {padding:0 0 .3rem}
.choose .lists>ul>li .text .txt h2{font-size:.24rem;color:#26125b;font-family:"Raleway-SemiBold";margin:0 0 .05rem}
.choose .lists>ul>li .text .txt   p{font-size:.15rem;color:#777777;line-height:.25rem}
.choose .lists>ul>li .text  ul li{margin:0 0 .1rem}
.choose .lists>ul>li .text  ul li:last-child{margin:0}
.choose .lists>ul>li .text  ul li h2 {padding-left:.23rem;;margin:0 0 5px;position:relative;font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.22rem}
.choose .lists>ul>li .text  ul li h2 em{color:#26125b;font-family:"Raleway-SemiBold";}
.choose .lists>ul>li .text  ul li h2:after{content:"";position:absolute;background:#26125b;width:6px;height:6px;border-radius:100%;left:0;top:.08rem}
.choose .lists>ul>li .text  ul li p{padding-left:.23rem;font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.26rem}
.choose .lists>ul>li .text  ul li p em{color:#bf1025}


.brand {padding:1.1rem 0 1rem}
.brand .title h2{font-size:.65rem;color:#26125b;font-family:"Luiss-Serif-Regular";margin:0 0 .2rem}

.brand .infos{padding-right:1.2rem;position:relative;}
.brand .infos .img{position:absolute;right:0;bottom:.57rem;width:40%}
.brand .infos {background:#f8f8f8;padding:.35rem .5rem .4rem}
.brand .infos  .text{width:58.5%}
.brand .infos .text ul li{margin:0 0 .13rem}
.brand .infos .text ul li:last-child{margin:0}
.brand .infos .text ul li h2{font-size:.17rem;color:#26125b;margin:0 0 .1rem;;font-family:"Raleway-SemiBold";}
.brand .infos .text>h3{font-size:.15rem;color:#777777;margin:0 0 .2rem;font-family:"RalewayRegular";line-height:.22rem}
.brand .infos .text p{font-size:.15rem;color:#777777;line-height:.23rem;font-family:"RalewayRegular";padding-left:.2rem;position:relative}
.brand .infos .text p:after{content:"";position:absolute;background:#26125b;width:6px;height:6px;border-radius:100%;left:0;top:.09rem}


.Matters{padding:1rem 0 1.3rem;background:#f8f8f8 }
.Matters h4{font-size:.65rem;color:#26125b;font-family:"Luiss-Serif-Regular";margin:0 0 .3rem}
.Matters ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .2rem;}
.Matters ul li{position:relative;background:white;padding:0 .5rem;height:3.8rem;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.Matters ul li *{z-index:2}
.Matters ul li  h2{font-size:.72rem;color:#bf1025;font-family:"Luiss-Serif-Regular";margin:0 0 .1rem}
.Matters ul li  h3{font-size:.24rem;color:#26125b;margin:0 0 .1rem;;font-family:"Raleway-SemiBold";margin:0 0 .25rem}
.Matters ul li  p{font-size:.15rem;color:#777777;line-height:.23rem;;text-align:center}
.Matters ul li:after{content:"";position:absolute;background:#26125b;width:100%;height:0;top:0;left:50%;transform:translateX(-50%);transition:.4s linear;}
.Matters ul li:hover:after{height:100%}
.Matters ul li:hover *{color:white}
.Matters ul li:hover{box-shadow:4px 4px 6px rgba(0,0,0,.3);}
.Matters ul li:hover{transform:translateY(-10px)}
/* .about .process{padding:1rem 0;background:#f8f8f8 }
.about .process .title{padding:0 0 .5rem}
.about .process .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .2rem}
.about .process .title p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}
.about .process .lists {position:relative}
.about .process .lists .text{padding:.25rem 0 0}
.about .process .lists .text h2{display:flex;align-items: flex-end;height:.5rem;font-size:.18rem;color:#000;margin:0 0 .2rem}
.about .process .lists .text h2 em{font-size:.6rem;color:#bf1025;font-family:"Luiss-Serif-Regular";height:.5rem;margin-right:.1rem}
.about .process .lists .text p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";}
.about .process .lists .swiper-page>div{position:absolute;width:.5rem;height:.5rem;background:white;border-radius:100%;text-align:center;line-height:.5rem;left:-.75rem;top:22%;z-index:2}
.about .process .lists .swiper-page>div.slide-button-prev img{transform:rotate(180deg)}
 .about .process .lists .swiper-page>div img{opacity:.5}
.about .process .lists .swiper-page>div.slide-button-next{left:auto;right:-.75rem}
.about .process .lists .swiper-page>div:hover{box-shadow:0 0 12px rgba(0,0,0,0.3)}
.about .process .lists .swiper-page>div:hover img{opacity:1}
.about .process .lists .swiper-page>div img{max-width:.2rem} */

/* .about .honor{padding:1rem 0; }
.about .honor .title{padding:0 0 .35rem}
.about .honor .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .1rem}
.about .honor .title p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}
.about .honor .lists ul{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;grid-gap:.2rem}


.about .partners{padding:.85rem 0 1rem;background:#f8f8f8 }
.about .partners .title{padding:0 0 .5rem}
.about .partners .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .1rem}
.about .partners .title p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}
.about .partners .lists{position:relative}
.about .partners .lists .swiper-slide{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.2rem}

.about .partners .lists .swiper-slide .items:hover{box-shadow:4px 4px 6px rgba(0,0,0,.3);transform:scale(.8)}
.about .partners .lists .swiper-page>div{position:absolute;width:.5rem;height:.5rem;background:white;border-radius:100%;text-align:center;line-height:.5rem;left:-.75rem;top:50%;z-index:2;transform:translateY(-50%)}
.about .partners .lists .swiper-page>div.slide-button-prev img{transform:rotate(180deg)}
.about .partners .lists .swiper-page>div img{opacity:.5}
.about .partners .lists .swiper-page>div.slide-button-next{left:auto;right:-.75rem}
.about .partners .lists .swiper-page>div:hover{box-shadow:0 0 12px rgba(0,0,0,0.3)}
.about .partners .lists .swiper-page>div:hover img{opacity:1}
.about .partners .lists.swiper-page>div img{max-width:.2rem}

.about .team{padding:1rem 0 ;}
.about .team .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .25rem}
.about .team .infos .items1{padding-right:1.2rem;position:relative;margin:0 0 1.7rem}
.about .team .infos .items1 .img{position:absolute;right:0;bottom:.57rem;width:40%}
.about .team .infos .items1 .box{background:#f8f8f8;padding:1.15rem .55rem 1.3rem}
.about .team .infos .items1 .box .text{width:64.5%}
.about .team .infos .items1 .box .text h2{font-size:.3rem;color:#222222;font-weight:bold;margin:0 0 .1rem}
.about .team .infos .items1 .box .text h3{font-size:.2rem;color:#222222;margin:0 0 .2rem}
.about .team .infos .items1 .box .text p{font-size:.15rem;color:#777777;line-height:.25rem}
.about .team .infos .items2{padding-left:1.2rem;position:relative;}
.about .team .infos .items2 .img{position:absolute;left:0;bottom:.57rem;width:40%}
.about .team .infos .items2 .box{background:#f8f8f8;padding:1rem .55rem .8rem;display:flex;justify-content: flex-end;}
.about .team .infos .items2 .box .text{width:61%}
.about .team .infos .items2 .box .text h2{font-size:.3rem;color:#222222;font-weight:bold;margin:0 0 .1rem}
.about .team .infos .items2 .box .text h3{font-size:.2rem;color:#222222;}
.about .team .infos .items2 .box .text  a{width:.32rem;height:.32rem;border-radius:10px;background:#0a66c2;text-align:center;font-size:.2rem;color:white;line-height:.32rem;margin:.2rem 0 .35rem}
.about .team .infos .items2 .box .text p{font-size:.15rem;color:#777777;line-height:.25rem}
.about .team .infos .items2 .box .text  a:hover{background:#bf1025} */


.about_fot{background:#26125b;display:flex;height:3.35rem;align-items: center;flex-direction: column;justify-content: center;}
.about_fot .text{text-align:center;margin:0 0 .3rem}
.about_fot .text h2{font-size:.48rem;color:white;font-family:"Luiss-Serif-Regular";margin:0 0 .05rem}
.about_fot .text p{font-size:.2rem;color:white;font-family:"RalewayRegular"}
.about_fot ul{display:flex;gap:.2rem}
.about_fot ul li a{position:relative;width:1.8rem;height:.5rem;border:1px solid white;text-align:center;line-height:.5rem;color:white;font-size:.17rem;z-index:2}
.about_fot ul li a:after{content:"";position:absolute;width:0;height:50%;background:#bf1025;left:0;top:0;transition:.3s linear;z-index:-1}
.about_fot ul li a:before{content:"";position:absolute;width:0%;height:50%;background:#bf1025;right:0;bottom:0;transition:.3s linear;z-index:-1}
.about_fot ul li a:hover:after,.about_fot ul li a:hover:before{width:100%}
.about_fot ul li a:hover{border-color:#bf1025;transition-delay:.3s}

.contact_box{padding:1.2rem 0 .8rem}
.contact_box ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 1.5rem;}
.contact_box ul li{text-align:center;padding:0 .2rem}
.contact_box ul li h2{margin:.25rem 0 0;font-size:.18rem;color:#222222;font-family:"RalewayRegular";line-height:.25rem}
.contact_box ul li h2 a{font-size:.18rem;color:#222222;font-family:"RalewayRegular"}
.contact_box ul li h2 a:hover{color:#bf1025}


.tem_banner.index{padding-left:3.7rem;position:relative}
.tem_banner.index .swiper-slide{padding:3.17rem 0 0}
.tem_banner.index:after{content:'';position:absolute;width:41.4%;height:64%;background:#f8f8f8;left:0;top:0}
.tem_banner.index .box{position:relative}
.tem_banner.index .label_text{position:absolute;left:.45rem;top:-.8rem;z-index:2;width:100%}
.tem_banner.index .label_text h2{font-size:.9rem;line-height:.9rem;color:black;;text-shadow: 5px 5px 10px rgba(255,255,255,1);font-family:"Luiss-Serif-Regular";transform:translateY(-3vw);opacity:0;transition:all .8s linear}
.tem_banner.index .label_text p{font-size:.28rem;color:#bf1025;;font-family:"RalewayRegular";;text-shadow: 5px 5px 10px rgba(0,0,0,.3);margin:.15rem 0 0 ;transform:translateY(3vw);opacity:0;transition:all .8s linear}
.tem_banner.index  .swiper .swiper-slide-active .label_text h2{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index  .swiper .swiper-slide-active .label_text p{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index .box .more{position:absolute;left:.5rem;bottom:.5rem;text-align:center;transform:translateX(-3vw);opacity:0;transition:all .8s linear}
.tem_banner.index .box .more a{width:1.2rem;height:1.2rem;background:#bf1025;z-index:2;border-radius:100%;display:flex;font-size:.18rem;font-family:"RalewayRegular";color:white;padding:0 .2rem;;line-height:.2rem;flex-direction: column;justify-content: center}
.tem_banner.index  .swiper .swiper-slide-active .more{transform:none;opacity:1;transition-delay:400ms}
.tem_banner.index .swiper-slide img {transition:1s linear 2s;transform:scale(1.1,1.1);}
.tem_banner.index  .swiper-slide-active img,.tem_banner.index  .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}

.tem_banner.index  .swiper-page{padding-right:4rem;display:flex;justify-content: flex-end;margin:.35rem 0 0;gap:.4rem}
.tem_banner.index  .swiper-page>div.slide-button-prev img{transform:rotate(180deg)}
.tem_banner.index  .swiper-page>div{font-size:.14rem;color:#1c172e;font-family:"RalewayRegular";text-transform:uppercase;display:flex;gap:.15rem;align-items: center;opacity:.6}
.tem_banner.index  .swiper-page>div img{max-width:.2rem}
.tem_banner.index  .swiper-page>div:hover {opacity:1}


.index_about{padding:1.5rem 0 1rem }
.index_about .info{display:grid;grid-template-columns:45.9% 50%;justify-content:space-between;align-items:center}
.index_about .info .text h3{font-size:.65rem;color:#26125b;;font-family:"Luiss-Serif-Regular";margin:0 0 .1rem}
.index_about .info .text h2{font-size:.22rem;color:#000000;font-family:"Raleway-SemiBold";margin:0 0 .25rem}
.index_about .info .text p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}
.index_about .info .text .more{margin:.4rem 0 0 }
.index_about .info .text .more a{width:1.4rem;height:.48rem;background:#bf1025;font-family:"RalewayRegular";line-height:.48rem;font-size:.15rem;color:white;text-align:center}
.index_about .info .text .more a:hover{box-shadow:0 0 12px rgba(0,0,0,0.5)}


.index_tech {padding:1rem 0 .95rem}
.index_tech .title{padding:0 0 .3rem}
.index_tech .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .15rem}
.index_tech .title p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}


.index_tech  .pics .ul1{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .2rem;margin:0 0 .2rem}
.index_tech  .pics .ul2{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .2rem;}
.index_tech  .pics ul li a:hover img{transform:scale(1.1)}
.index_tech  .pics ul li a:hover  {transform:translateY(-5px);box-shadow:4px 4px 6px rgba(0,0,0,.3);}


.index_product{background:#f8f8f8;padding:1rem 0 }
.index_product  .title{padding:0 0 .35rem}
.index_product  .title h2{font-size:.65rem;color:#26125b;font-family:"Luiss-Serif-Regular";margin:0 0 .15rem}
.index_product  .title p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}
.index_product  .lists ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.45rem .2rem }
.index_product  .lists ul li a h2{font-size:.18rem;color:#333333;margin:.2rem 0 0;font-family:"Raleway-SemiBold";line-height:.23rem }
.index_product  .lists ul li a:hover img{transform:scale(1.1)}
.index_product  .lists ul li a:hover .img {box-shadow:4px 4px 6px rgba(0,0,0,.3);}
.index_product  .lists ul li a:hover{transform:translateY(-10px)}



.index_adv {padding:1rem 0 0rem;}
.index_adv .title{padding:0 0 .4rem;display:flex;justify-content: space-between;align-items: center;}
.index_adv .title h2{font-size:.65rem;color:#26125b;font-family:"Luiss-Serif-Regular"}
.index_adv .title  .swiper-page{display:flex;justify-content: flex-end;gap:.3rem}
.index_adv .title  .swiper-page>div.slide-button-prev img{transform:rotate(180deg)}
.index_adv .title   .swiper-page>div{font-size:.14rem;color:#1c172e;font-family:"RalewayRegular";text-transform:uppercase;display:flex;gap:.15rem;align-items: center;opacity:.6}
.index_adv .title  .swiper-page>div img{max-width:.2rem}
.index_adv .title  .swiper-page>div:hover {opacity:1}
.index_adv .lists  .text>h4{font-size:.72rem;color:#bf1025;font-family:"Luiss-Serif-Regular";padding:0 0 .1rem}
.index_adv .lists  .text>h2{font-size:.2rem;color:#000000;font-family:"Raleway-SemiBold";margin:0 0 .15rem}
.index_adv .lists  .text .box p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";}


.index_process{padding:1rem 0 .9rem}
.index_process .infos{display:grid;grid-template-columns:26% 74%}
.index_process .infos .title{padding:0 0 .4rem}
.index_process .infos .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .25rem}
.index_process .infos .title p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}
.index_process  .lists {padding:.3rem 0 0}
.index_process  .lists  .swiper-page{display:flex;justify-content: flex-end;margin:0 0 .5rem;gap:.4rem}
.index_process  .lists   .swiper-page>div.slide-button-prev img{transform:rotate(180deg)}
.index_process  .lists   .swiper-page>div{font-size:.14rem;color:#1c172e;font-family:"RalewayRegular";text-transform:uppercase;display:flex;gap:.15rem;align-items: center;opacity:.6}
.index_process  .lists  .swiper-page>div img{max-width:.2rem}
.index_process  .lists  .swiper-page>div:hover {opacity:1}
.index_process .lists .text{padding:.25rem 0 0}
.index_process .lists .text h2{display:flex;align-items: flex-end;height:.5rem;font-size:.18rem;color:#000;margin:0 0 .2rem}
.index_process .lists .text h2 em{font-size:.6rem;color:#bf1025;font-family:"Luiss-Serif-Regular";height:.5rem;margin-right:.1rem}
.index_process .lists .text p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";}

.index_partners{padding:.85rem 0 1rem;background:#f8f8f8 }
.index_partners .title{padding:0 0 .5rem}
.index_partners .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .1rem}
.index_partners .title p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}
.index_partners .lists{position:relative}
.index_partners .lists .swiper-slide{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.2rem}

.index_partners .lists .swiper-slide .items:hover{box-shadow:4px 4px 6px rgba(0,0,0,.3);transform:scale(.8)}
.index_partners .lists .swiper-page>div{position:absolute;width:.5rem;height:.5rem;background:white;border-radius:100%;text-align:center;line-height:.5rem;left:-.75rem;top:50%;z-index:2;transform:translateY(-50%)}
.index_partners .lists .swiper-page>div.slide-button-prev img{transform:rotate(180deg)}
.index_partners .lists .swiper-page>div img{opacity:.5}
.index_partners .lists .swiper-page>div.slide-button-next{left:auto;right:-.75rem}
.index_partners .lists .swiper-page>div:hover{box-shadow:0 0 12px rgba(0,0,0,0.3)}
.index_partners .lists .swiper-page>div:hover img{opacity:1}
.index_partners .lists.swiper-page>div img{max-width:.2rem}


.index_honor{padding:.85rem 0 1rem }
.index_honor .title{padding:0 0 .35rem}
.index_honor .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .1rem}
.index_honor .title p{font-size:.15rem;color:#777777;font-family:"RalewayRegular";line-height:.25rem}
.index_honor .lists ul{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;grid-gap:.2rem}

.index_team{padding:.1rem 0  1rem;}
.index_team .title h2{font-size:.65rem;color:#1e1c31;font-family:"Luiss-Serif-Regular";margin:0 0 .25rem}
.index_team .infos .items1{padding-right:1.2rem;position:relative;margin:0 0 1.7rem}
.index_team .infos .items1 .img{position:absolute;right:0;bottom:.57rem;width:40%}
.index_team .infos .items1 .box{background:#f8f8f8;padding:1.15rem .55rem 1.3rem}
.index_team .infos .items1 .box .text{width:64.5%}
.index_team .infos .items1 .box .text h2{font-size:.3rem;color:#222222;font-weight:bold;margin:0 0 .1rem}
.index_team .infos .items1 .box .text h3{font-size:.2rem;color:#222222;margin:0 0 .2rem}
.index_team .infos .items1 .box .text p{font-size:.15rem;color:#777777;line-height:.25rem}
.index_team .infos .items2{padding-left:1.2rem;position:relative;}
.index_team .infos .items2 .img{position:absolute;left:0;bottom:.57rem;width:40%}
.index_team .infos .items2 .box{background:#f8f8f8;padding:1rem .55rem .8rem;display:flex;justify-content: flex-end;}
.index_team .infos .items2 .box .text{width:61%}
.index_team .infos .items2 .box .text h2{font-size:.3rem;color:#222222;font-weight:bold;margin:0 0 .1rem}
.index_team .infos .items2 .box .text h3{font-size:.2rem;color:#222222;}
.index_team .infos .items2 .box .text  a{width:.32rem;height:.32rem;border-radius:10px;background:#0a66c2;text-align:center;font-size:.2rem;color:white;line-height:.32rem;margin:.2rem 0 .35rem}
.index_team .infos .items2 .box .text p{font-size:.15rem;color:#777777;line-height:.25rem}
.index_team .infos .items2 .box .text  a:hover{background:#bf1025}

/********<=767 mobile nav style css********/

.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

/**************************/

/******ipad****/

@media(max-width:1600px){
    .tem_banner.index{padding-left:2.1rem;position:relative}
    .tem_banner.index .swiper-page{padding-right:3.3rem;}
    .pad37{margin:0 2.1rem}
}

@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0 !important}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
    .pad37{margin:0 .2rem}
    .tem_banner.index{padding-left:.5rem;position:relative}
    .tem_banner.index .swiper-slide{padding:1rem 0 0}
     .tem_banner.index .swiper-page{padding-right:.3rem;}
     .tem_banner.index .label_text h2{font-size:.48rem;line-height:.5rem}
     .tem_banner.index .label_text{top:-.4rem}
     .tem_banner.index .box .more{left:.2rem;bottom:.2rem}
     .index_about .info{grid-template-columns:100%;grid-gap:.5rem}
     .index_about .info .text .more a{width:2rem;height:.5rem;line-height:.5rem}
     .index_product .lists ul{grid-template-columns:1fr 1fr 1fr}
     .index_process .infos{grid-template-columns:100%;grid-gap:.5rem}
      .index_partners .lists{padding:0 .3rem}
     .index_partners .lists .swiper-slide{grid-template-columns:1fr 1fr}
     .index_partners .lists .swiper-page>div{left:-.2rem;top:50%;}

.index_partners .lists .swiper-page>div.slide-button-next{left:auto;right:-.2rem}
.index_honor .lists ul{grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem}
.brand .infos{padding:.3rem}
.index_team .infos .items1{padding:0}
.brand .infos .text{width:100%;}
.brand .infos .img{position:inherit;left:0;bottom:0;width:100%;margin:.2rem 0 0 }
.index_team .infos .items1 .box .text{width:100%;}
.index_team .infos .items2{padding:0}
.index_team .infos .items2{padding:0}
.index_team .infos .items2 .box{padding:.3rem}
.index_team .infos .items2 .img{position:inherit;left:0;bottom:0;width:100%;margin:.2rem 0 0 }
.index_team .infos .items2 .box .text{width:100%;}
.index_team .infos .items2 .box .text a{border-radius:0}
.fot_message>div{grid-template-columns:100%;grid-gap:.5rem}
.footer .top{grid-template-columns:100%;grid-gap:.5rem}
.footer .top .logo{width:30%}
.footer .top .follow ul li a{width:.3rem;height:.3rem;line-height:.3rem}
.pro_mbx{margin:50px 0 0}
.pro_mbx>div{display:inherit;height:auto;padding:.2rem 0 }
.product_box>div{grid-template-columns:100%;grid-gap:.5rem}

.product_box .pro_nav ul li>a{height:auto;padding:.2rem 0}
.product_box .lists ul{grid-template-columns:1fr 1fr}
.pro_mbx>div .mbx{align-items:center}
.product_box .pro_infos .tops{grid-template-columns:100%;grid-gap:.5rem}
.product_box .pro_infos .text .box{height:auto;margin:0 0 .5rem}
.product_box .pro_infos .more{position:initial}
.product_box .pro_infos .desc h3{font-size:.48rem}
.tem_banner.indise .flash .txt{bottom:.1rem}
.news_list .lists ul{grid-template-columns:100%;grid-gap:.2rem}
.about .company h2{font-size:.48rem}
.about .technology .title h2{font-size:.48rem}
.philosophy .title h2 {font-size:.48rem}
.philosophy>div{grid-template-columns:1fr;grid-gap:.3rem 0}
.choose .lists>ul>li .num{width:15%}
.choose .lists>ul>li .text{width:85%}
.choose .lists>ul>li .text ul li h2{line-height:.3rem}
.brand .infos .text>h3{line-height:.3rem}
.brand .infos .text p{line-height:.3rem}
.about .advantages .lists .text .box ul li h2{line-height:.3rem}
.about_fot .text h2{font-size:.4rem}
.Matters ul{grid-template-columns:1fr;grid-gap:.3rem 0}

.about_fot ul li a{width:2.5rem}
.contact_box ul{grid-template-columns:1fr;grid-gap:.5rem 0}
}