/**/
.m210{margin:0 2.1rem}
.header{position:fixed;top:0;left:0;z-index:18;width:100%;}
.header>div{display:flex;justify-content: space-between;align-items:center;}
.header .logos {line-height:1.26rem;}
.header .logos img {max-height:.72rem;transition:none;}
.header .navs ul{display:flex;gap:0 .6rem;align-items:center}
.header .navs ul li a{font-size:.18rem;color:#FFF;display:block;position:relative}
.header .navs ul li a:before{content:'';width:0;height:1px;background:#c4c4c4;position:absolute;bottom:-.08rem;left:0;transition:all .4s linear}
.header .navs ul li.active a:before{width:100%}
.header dl{margin:0;padding:0;position:relative;}
.header dl dt {font-weight:normal;border:2px solid #FFF;border-radius:60px;padding:0 .46rem;line-height:.49rem;font-size:.18rem;color:#FFF;cursor:pointer;}
.header dl dt i{margin-left:.15rem;font-size:.14rem;}
.header dl dd{position:absolute;top:100%;left:0;width:100%;border:2px solid #FFF;border-top:0;border-radius:0 0 10px 10px;display:none;transition:none}
.header dl dd a{display:block;line-height:.45rem;font-size:.16rem;color:#FFF;text-align:center;}
.header dl.op dt{border-radius:10px 10px 0 0}
.header dl.op dt i{transform:rotate(180deg)}

.is_header {background:rgba(0,0,0,.8)}
/*banner*/
.tem_banner .label_text{position:absolute;top:50%;left:3.1rem;transform:translateY(-50%);z-index:1;text-align:left}
.tem_banner .label_text p{font-size:.6rem;color:#FFF;text-transform:uppercase;margin:0 0 .2rem;font-weight:bold;line-height:1}
.tem_banner .label_text h3{font-size:.72rem;color:#FFF;margin:0 0 .85rem;}
.tem_banner .label_text em {display:inline-block;background:#00a0ea;font-size:.16rem;color:#FFF;padding:0 .36rem;line-height:.53rem;border-radius:999px;}
.tem_banner .label_text em i{margin-left:.15rem;font-size:.24rem;}
.tem_banner .label_text>*{opacity:0;transform:translateY(3vw);}
.tem_banner .swiper-slide-active .label_text>*{transform:none;opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}
.tem_banner .swiper-slide-active .label_text h3{transition-delay:150ms}
.tem_banner .swiper-slide-active .label_text em {transition-delay:200ms}
/**/
.m310{margin:0 3.1rem;}
.index_about {background:url(../images/x0.jpg) 75% 130% no-repeat #FFF;background-size:10.04rem auto;padding:1.42rem 0 .73rem;border-radius:50px 50px 0 0;transform:translateY(-.68rem);position:relative;z-index:5}
.index_about>div{display:flex;}
.index_about .let {flex:0 0 44%}
.index_about .let .names{margin:0 0 .65rem;}
.index_about .let .names p{font-size:.6rem;color:#222;text-transform:uppercase;margin:0;font-family:"Roboto-Black"}
.index_about .let .names h3{font-size:.24rem;color:#222}
.index_about .let h6{font-size:.36rem;color:#1d1d1d;text-transform:uppercase;position:relative;font-family:"Roboto-Bold"}
.index_about .let h6 em {display:block;margin:.3rem 0 0;font-size:1.23rem;color:transparent;background:linear-gradient(125deg, #89daff, #00a0e9);    background-clip: text;font-family:"Roboto-Black";line-height:1}
.index_about .let h6:before{content:'”';font-size:1.25rem;color:#00a0e9;top:100%;left:0;line-height:1;position:absolute;}

.index_about .rlt{flex:0 0 56%}
.index_about .rlt h4{font-size:.36rem;color:#1d1d1d;font-weight:bold;}
.index_about .rlt p{font-size:.18rem;color:#1d1d1d;margin:.8rem 0 .65rem;}
.index_about .rlt a{display:inline-block;font-size:.16rem;color:#313131;padding:0 .36rem;line-height:.43rem;border-radius:999px;border:3px solid #c9c9c9}
.index_about .rlt a:hover {background:#00a0e9;border-color:#00a0e9;color:#FFF}

.index_appfiled{position:relative;border-radius:50px 50px 0 0;overflow:hidden;}
.index_appfiled .infos {position:absolute;width:100%;top:2.5rem;left:0;z-index:5;}
.index_appfiled .infos>div{display:flex;}
.index_appfiled .infos>div>div{flex:0 0 50%}
.index_appfiled .infos .let h4{font-size:.6rem;color:#FFF;text-transform:uppercase;font-weight:bold}
.index_appfiled .infos .let h3 {font-size:.24rem;color:#FFF;margin:.3rem 0 .45rem;}
.index_appfiled .infos .let p{font-size:.14rem;color:#FFF;margin:0 0 1.8rem;}
.index_appfiled .infos .let>a{display:inline-block;font-size:.16rem;color:#FFF;padding:0 .36rem;line-height:.43rem;border-radius:999px;border:3px solid #FFF}
.index_appfiled .infos .let>a:hover{background:#00a0e9;border-color:#00a0e9;color:#FFF}
.index_appfiled .infos .rlt{display:flex;justify-content:flex-end}
.index_appfiled .infos .rlt .ball{width:5.23rem;height:5.23rem;position:relative;border:1px solid #FFF;border-radius:100%;background:url(../images/x1.png) center no-repeat;background-size:4.46rem 4.46rem;}
.index_appfiled .infos .rlt ol{margin:0;padding:0}
.index_appfiled .infos .rlt ol>li{position:absolute;}
.index_appfiled .infos .rlt ol>li>a{display:block;width:.18rem;height:.18rem;background:#FFF;border-radius:100%;}
.index_appfiled .infos .rlt ol>li span {position:absolute;border-radius:100%;border:.05rem solid #FFF;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:1.35rem;height:1.35rem;opacity:0}
.index_appfiled .infos .rlt ol>li span img {width:1.25rem;height:1.25rem;object-fit:cover;transition:none;border-radius:100%}
.index_appfiled .infos .rlt ol>li.bl0{bottom:.38rem;left:20%}
.index_appfiled .infos .rlt ol>li.bl1{top:50%;left:-.09rem;transform:translateY(-50%)}
.index_appfiled .infos .rlt ol>li.bl5{bottom:.38rem;right:20%}
.index_appfiled .infos .rlt ol>li.bl2{top:.38rem;left:20%}
.index_appfiled .infos .rlt ol>li.bl3{top:.38rem;right:20%}
.index_appfiled .infos .rlt ol>li.bl4{top:50%;right:-.09rem;transform:translateY(-50%)}
.index_appfiled .infos .rlt ol>li a:hover {background:#00a0ea}
.index_appfiled .infos .rlt ol>li#current span {transform:translate(-50%,-50%);opacity:1;transition: all .8s cubic-bezier(.69, .27, .45, .99);transition-delay:100ms}

.index_appfiled .infos .rlt .items{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.1rem;height:1.1rem;border-radius:100%;background:#00a0ea}
.index_appfiled .infos .rlt .items>div>div{display:flex;    flex-direction: column;    align-items: center;    justify-content: center;    height: 1.1rem;}
.index_appfiled .infos .rlt .items .imgs{height:.45rem;}
.index_appfiled .infos .rlt .items .imgs img {max-height:.35rem;transition:none;filter:brightness(0) invert(1)}
.index_appfiled .infos .rlt .items p{font-size:.14rem;color:#FFF;text-align:center;margin:0}
.index_appfiled .swiper-slide img {width:100%;height:10.8rem;object-fit:cover;transition:none;}
.index_appfiled .swiper-page{position:absolute;right:2.1rem;top:60%;z-index:10;text-align:right}
.index_appfiled .swiper-page .slide-pagination{font-size:.24rem;color:#FFF;font-weight:bold;line-height:1}
.index_appfiled .swiper-page .slide-pagination i{display:inline-block;vertical-align:bottom;font-size:.36rem;color:#00a0ea;line-height:1}
.index_appfiled .swiper-page .pages{display:flex;margin:.3rem 0 0;gap:0 .15rem;justify-content:flex-end}
.index_appfiled .swiper-page .pages>div{font-size:.16rem;color:#FFF}
.index_appfiled .swiper-page .pages>div:hover {color:#00a0e9}

.index_product{padding:1.85rem 0 0;background:#FFF;border-radius:50px 50px 0 0;transform:translateY(-1.45rem);position:relative;z-index:3}
.index_product .titles{margin:0 0 .6rem;text-align:center;}
.index_product .titles p{font-size:.6rem;color:#222222;font-family:"Roboto-Black";text-transform:uppercase;margin:0 0 .25rem;}
.index_product .titles h3{font-size:.24rem;color:#222}
.index_product .swiper-slide{padding:0 0 .3rem;}
.index_product .swiper-slide a{display:block;position:relative;background:#f3f3f3;border-radius:15px;padding:.5rem .3rem .28rem .45rem;}
.index_product .swiper-slide p{font-size:.16rem;color:#2b2b2b;margin:0}
.index_product .swiper-slide .imgs{height:3.18rem;line-height:3.18rem;}
.index_product .swiper-slide .imgs img {max-height:2.8rem;transition:none;}
.index_product .swiper-slide em{display:block;text-align:right;font-size:.14rem;color:#828282;text-transform:uppercase;}
.index_product .swiper-slide a:hover {box-shadow:.15rem .15rem .15rem rgba(0,0,0,.12)}
.index_product .slide-pagination{margin:.4rem 0 0;display:flex;justify-content:center;align-items:center;gap:0 .08rem;}
.index_product .slide-pagination span {opacity:1;outline:none;width:.1rem;height:.1rem;background:#b9b9b9;border-radius:100%;margin:0}
.index_product .slide-pagination span.swiper-pagination-bullet-active{background:#00a0ea;width:.19rem;height:.19rem;}

.index_partner{padding:1.3rem 0 2.25rem;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:50px;}
.index_partner .titles{margin:0 0 .85rem;text-align:center;}
.index_partner .titles p{font-size:.48rem;color:#FFF;font-family:"Roboto-Black";text-transform:uppercase;margin:0 0 .15rem;}
.index_partner .titles h3{font-size:.24rem;color:#FFF;}
.index_partner .swiper-slide {background:#FFF;height:1.12rem;line-height:1.12rem;text-align:center;border-radius:10px;}
.index_partner .swiper-slide img {max-height:1rem;transition:none;}

.index_news{padding:1.2rem 0 .95rem;}
.index_news .titles{margin:0 0 .54rem;text-align:center;}
.index_news .titles p{font-size:.6rem;color:#222;text-transform:uppercase;font-family:"Roboto-Black";margin:0 0 .2rem;}
.index_news .titles h3 {font-size:.24rem;color:#222}
.index_news .lists{padding:.55rem 0;border-top:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;display:grid;gap:.35rem 0}
.index_news .lists .items a{display:flex;position:relative;align-items:center}
.index_news .lists .items a>div{flex:0 0 50%;max-width:50%}
.index_news .lists .items .text{padding:0 .6rem;text-align:center;}
.index_news .lists .items .text h6{font-size:.16rem;color:#212121;font-weight:bold;}
.index_news .lists .items .text p{font-size:.14rem;color:#7d7d7d;margin:.25rem 0 .5rem;}
.index_news .lists .items .text em {display:inline-block;font-size:.16rem;color:#313131;padding:0 .36rem;line-height:.43rem;border-radius:999px;border:3px solid #c9c9c9}
.index_news .lists .items .imgs img {width:100%;height:3.28rem;object-fit:cover;transition:none;}
.index_news .lists>div:nth-child(2n) a{    flex-direction: row-reverse;}
.index_news .lists .items a:hover .text em {background:#00a0e9;color:#FFF;border-color:#00a0e9;box-shadow:.2rem .2rem .51rem rgba(0,160,234,.61)}
.index_news .mores{margin:.35rem 0 0}
.index_news .mores a{font-size:.18rem;color:#1d1d1d}
/*底部*/
.footer{background:#4477aa;padding:.85rem 0 .6rem;position:relative;z-index:2}
.footer:before{content:'';width:100%;height:.45rem;background:#4477aa;border-radius:50px 50px 0 0;position:absolute;left:0;bottom:100%;z-index:2}
.footer .infos{display:flex;}
.footer .infos .let {flex:0 0 71%}
.footer .infos .let .logos {margin:0 0 1.1rem;}
.footer .infos .let .logos img {max-height:1rem;transition:none;}
.footer .infos .let .navs ul{display:flex;gap:0 .14rem;align-items:center}
.footer .infos .let .navs li a{display:block;font-size:.16rem;color:#FFF;border:2px solid #FFF;border-radius:999px;padding:0 .45rem;line-height:.65rem;}
.footer .infos .let .navs li i{margin-left:.25rem;font-size:.2rem;}
.footer .infos .let .navs li a:hover {background:#FFF;color:.18rem;color:#00a0ea;box-shadow: .15rem .25rem .51rem rgba( 0, 0, 0,.38 );}
.footer .infos .rlt {flex:0 0 29%}
.footer .infos .rlt h3{font-size:.48rem;color:#FFF;font-family:"Roboto-Black";margin:0 0 .55rem;}
.footer .infos .rlt .editor{display:flex;justify-content:space-between;gap:.5rem 0;    flex-direction: row;    flex-wrap: wrap;}
.footer .infos .rlt p{font-size:.18rem;color:#FFF;margin:0;}
.footer .infos .rlt p em {display:block;font-size:.14rem;color:#FFF;margin:0 0 .15rem;}
.footer .copy{font-size:.14rem;color:#FFF;margin:.8rem 0 0}
.footer .copy a{font-size:.14rem;color:#FFF;}
/**/
.flash {position:relative}
.flash .page_text{position:absolute;top:50%;left:0;width:100%;padding:0 2.1rem;z-index:1}
.flash .page_text h4 {font-size:.48rem;color:#FFF;margin:0 0 .35rem;}
.flash .page_text ul{display:flex;gap:0 .14rem;}
.flash .page_text li a{display:block;font-size:.16rem;color:#FFF;border:2px solid #FFF;border-radius:999px;padding:0 .45rem;line-height:.65rem;}
.flash .page_text li i{margin-left:.25rem;font-size:.2rem;}
.flash .page_text li a:hover,.flash .page_text li.on a {background:#00a0ea;border-color:#00a0e9}
/**/
.company{position:relative;padding:.8rem 0 1.45rem;}
.company:before{content:'';width:100%;height:.92rem;border-radius:50px 50px 0 0;position:absolute;bottom:100%;left:0;z-index:3;background:#FFF}
.company .infos{display:flex;}
.company .infos .text {flex:0 0 83%;padding-right:1.2rem;}
.company .infos .text h3 {font-size:.48rem;color:#383838;margin:0 0 .5rem;}
.company .infos .text .editor{font-size:.24rem;color:#383838;line-height:1.8;}

.company .infos .nums{flex:0 0 17%}
.company .infos .nums h5 {font-size:.36rem;color:#00a0ea}
.company .infos .nums h5 em {display:inline-block;font-weight:bold;line-height:1;font-size:.52rem;}
.company .infos .nums p{font-size:.16rem;color:#383838;margin:.2rem 0 0}
.company .infos .nums>div{margin:0 0 .85rem;}
.company .lists{margin-left:3.1rem;position:relative}
.company .lists .swiper-slide a{display:block;position:relative}
.company .lists .swiper-slide img {width:100%;height:4.43rem;object-fit:cover;transition:none}
.company .lists .swiper-page>div{position:absolute;top:50%;left:-.88rem;z-index:1;transform:translateY(-50%);width:.5rem;height:.5rem;border-radius:100%;background:#00a0e9;font-size:.18rem;color:#FFF;line-height:.5rem;text-align:center;opacity:.62}
.company .lists .swiper-page>div.slide-button-next{left:auto;right:2.25rem;}
.company .lists .swiper-page>div:hover {opacity:1}

.history{padding:1.75rem 0 1.9rem;background-attachment:fixed;background-position:0 0;background-repeat:no-repeat;background-size:cover;}
.history h3 {font-size:.48rem;color:#FFF;margin:0 0 .8rem;}
.history .lists{position:relative;padding:0 .3rem;}
.history .lists:before{content:'';width:100%;height:0;border-top:2px solid #b5c5d6;position:absolute;top:.08rem;left:0}
.history .lists .swiper-slide{padding:.52rem 0 0}
.history .lists .swiper-slide:before{content:'';width:.17rem;height:.17rem;background:#00a0ea;border:2px solid #FFF;border-radius:100%;position:absolute;top:0;left:0;z-index:1}
.history .lists .swiper-slide h5 {font-size:.24rem;color:#FFF;margin:0 0 .15rem;}
.history .lists .swiper-slide .txt{font-size:.18rem;color:#effffd;line-height:1.8}
.history .lists .swiper-page{display:flex;justify-content:space-between;align-items:center;}
.history .lists .swiper-page>div{width:.5rem;height:.5rem;background:#FFF;border-radius:100%;line-height:.5rem;text-align:center;font-size:.18rem;color:#125f6c;}
.history .lists .swiper-page>div:hover {background:#00a0e9;color:#FFF}

.honor{padding:1.3rem 0 .75rem;}
.honor h3 {font-size:.48rem;color:#2c2c2c;margin:0 0 .6rem;}
.honor .lists{position:relative}
.honor .swiper-slide a{display:block;position:relative;background:#f5f5f5;padding:.25rem;}
.honor .swiper-slide .imgs{height:2.95rem;line-height:2.95rem;text-align:center}
.honor .swiper-slide .imgs img {max-height:2.95rem;}
.honor .swiper-slide p{margin:.2rem 0 0;padding:.25rem 0 0;border-top:2px solid #e8e8e8;font-size:.16rem;color:#2d2e31}
.honor .swiper-slide a:hover .imgs{transform:scale(.968)}
.honor .swiper-page{margin:1.1rem 0 0;display:flex;justify-content:space-between;align-items:flex-end;padding-left:.75rem;border-bottom:1px solid #dcdcdc}
.honor .swiper-page .slide-pagination{font-size:.16rem;color:#26334c;padding:0 0 .18rem;width:auto;position:relative;bottom:0}
.honor .swiper-page .slide-pagination i{font-size:.3rem;color:#00a0ea;line-height:1;display:inline-block;vertical-align:bottom;}
.honor .swiper-page .slide-pagination:after{content:'';width:100%;height:2px;background:#00a0e9;position:absolute;bottom:-2px;left:0;z-index:1}
.honor .swiper-page .pages{display:flex;align-items:center}
.honor .swiper-page .pages>div{width:.51rem;height:.51rem;border:1px solid #dcdcdc;font-size:.18rem;color:#000;line-height:.49rem;text-align:center}
.honor .swiper-page .pages>div:hover {border-color:#00a0e9;color:#00a0e9}

.partner{padding:1.3rem 0 1.48rem;background:#f1f4ff}
.partner h3 {font-size:.48rem;color:#252525;margin:0 0 .25rem;}
.partner .swiper-slide {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.24rem 0;}
.partner .swiper-slide>div{transform: perspective(500px) skewX(0deg) skewY(0deg) rotateY(10deg) translateZ(-30px);background:#FFF;line-height:1.92rem;height:1.92rem;border-radius:25px;overflow:hidden;text-align:center;}
.partner .swiper-page{margin:0;display:flex;justify-content:flex-end;align-items:center}
.partner .swiper-page>div{width:.52rem;height:.52rem;border:1px solid #b5b5b5;line-height:.5rem;text-align:center;font-size:.16rem;color:#838383}
.partner .swiper-page>div:hover {border-color:#00a0ea;color:#00a0ea}

.culture{background:#f1f4ff;padding:2.14rem 0 2.15rem;position:relative}
.culture:before{position:absolute;top:0;left:0;width:100%;height:120%;background-position:0 0;background-repeat:no-repeat;background-size:cover;border-radius:30px 30px 0 0;z-index:1}
.culture>div{position:relative;z-index:2}
.culture h3 {font-size:.48rem;color:#252525;margin:0 0 1.1rem;}
.culture .editor{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 .8rem;}
.culture .editor>p{margin:0;border-radius:999px;font-size:.3rem;color:#00a0ea;height:2.03rem;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.5);    backdrop-filter: blur(13px);}
.culture .editor>p:hover {transform:translateY(-5px);box-shadow:.1rem .1rem .19rem rgba(0,0,0,.2)}

/**/
.product_box{padding:.2rem 0 1.8rem;position:relative}
.product_box:before{content:'';width:100%;height:.92rem;border-radius:50px 50px 0 0;position:absolute;bottom:100%;left:0;z-index:3;background:#FFF}
.product_box >div{display:flex;align-items:flex-start}
.product_box .let {flex:0 0 27.2%;background:#f4fafc;padding:.65rem .35rem .4rem;}
.product_box .let ol{margin:0;padding:0}
.product_box .let li {border-bottom:1px solid #c9c9c9;margin:0 0 .1rem;padding:0 .35rem;}
.product_box .let li>a{display:flex;justify-content:space-between;align-items:center;padding:.2rem 0;font-size:.16rem;color:#1e1e1e;}
.product_box .let li>a>i{font-size:.12rem;color:#9c9c9c}
.product_box .let li.ons>a,.product_box .let li.opens>a,.product_box .let li>a:hover {color:#4477aa;font-weight:bold}
.product_box .let li.opens>a>i{transform:rotate(90deg)}
.product_box .let li>dl{margin:0;padding:0;transition:none;display:none;}
.product_box .let li>dl dd {margin:0 0 .1rem;}
.product_box .let li>dl dd a{font-size:.14rem;color:#626262;display:block}
.product_box .let li>dl dd.on a,.product_box .let li>dl dd a:hover {color:#00a0e9}
.product_box .rlt {flex:0 0 72.8%;padding-left:.68rem;}
.product_box .rlt h3{font-size:.36rem;color:#2b2b2b;margin:0 0 .4rem;}
.product_box .rlt ul {display:grid;grid-template-columns:1fr 1fr;gap:.47rem .54rem;}
.product_box .rlt li a{display:block;position:relative;background:#f3f3f3;border-radius:15px;padding:.5rem .3rem .28rem .45rem;}
.product_box .rlt li p{font-size:.16rem;color:#2b2b2b;margin:0}
.product_box .rlt li .imgs{height:3.18rem;line-height:3.18rem;}
.product_box .rlt li .imgs span {display:inline-block;vertical-align:middle;}
.product_box .rlt li .imgs img {max-height:2.8rem;transition:none;}
.product_box .rlt li em{display:block;text-align:right;font-size:.14rem;color:#828282;text-transform:uppercase;}
.product_box .rlt li a:hover {box-shadow:.15rem .15rem .15rem rgba(0,0,0,.12)}
/*翻页*/
.page {margin:.88rem 0 0;display:flex;align-items:center;gap:0 .1rem;}
.page a{width:.3rem;height:.3rem;background:#e5e5e5;border-radius:3px;line-height:.3rem;text-align:center;font-size:.14rem;color:#000;font-family:"Roboto-Black";}
.page a.page-item{width:auto;padding:0 8px;color:#707070}
.page a.page-link{color:#818181;font-size:.18rem;}
.page a.page-num-current,.page a:hover {background:#4477aa;color:#FFF}
/**/
.app_filed{position:relative;padding:0 0 .45rem;}
.app_filed:before{content:'';width:100%;height:.92rem;border-radius:50px 50px 0 0;position:absolute;bottom:100%;left:0;z-index:3;background:#FFF}
.app_filed .items{padding:1.05rem 0}
.app_filed .items:nth-child(2n){background:#ecf1f6}
.app_filed .items>div{display:flex;align-items:center;}
.app_filed .items .text{flex:0 0 37.6%}
.app_filed .items .text .icos{margin:0 0 .5rem;height:1.2rem;}
.app_filed .items .text .icos img {max-height:.75rem;transition:none;}
.app_filed .items .text h4{font-size:.48rem;color:#4477aa;}
.app_filed .items .text p{font-size:.24rem;color:#9b9c9c;font-weight:bold;margin:.15rem 0 0}
.app_filed .items .imgs{flex:0 0 62.4%}
.app_filed .items .imgs img {width:100%;height:4.12rem;object-fit:cover;transition:none;}
/**/
.workshop{position:relative;padding:.5rem 0 1.55rem;background:#edf1f2}
.workshop:before{content:'';width:100%;height:.92rem;border-radius:50px 50px 0 0;position:absolute;bottom:100%;left:0;z-index:3;background:#edf1f2}
.workshop h3{font-size:.48rem;color:#333;text-align:center;margin:0 0 .45rem;}
.workshop ol{margin:0 0 .55rem;padding:0;display:flex;align-items:center;gap:0 .17rem;justify-content:center;}
.workshop ol li a{display:block;min-width:1.62rem;border:2px solid #b5b5b5;border-radius:999px;text-align:center;font-size:.18rem;color:#000000;line-height:.47rem;}
.workshop ol li#current a,.workshop ol li a:hover {background:#00a0ea;border-color:#00a0ea;color:#FFF}
.workshop .swiper-slide{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.45rem .33rem;}
.workshop .swiper-slide a{display:block;position:relative;padding:0 0 .45rem;position:relative}
.workshop .swiper-slide .imgs{border-radius:10px;overflow:hidden}
.workshop .swiper-slide .imgs img {width:100%;height:3.39rem;object-fit:cover;transition:none;}
.workshop .swiper-slide p{position:absolute;bottom:0;left:0;width:100%;background:#FFF;height:.77rem;display:flex;align-items:center;justify-content:space-between;border-radius:10px;font-size:.18rem;color:#282828;padding:0 .35rem;z-index:2;margin:0}
.workshop .swiper-slide p em {flex:0 0 80%;max-width:80%}
.workshop .swiper-slide p i{font-size:.2rem;}
.workshop .swiper-slide a:hover p{background:#00a0ea;height:.96rem;color:#FFF}
.workshop .swiper-page{margin:1.15rem 0 0;display:flex;align-items:center;justify-content:center;}
.workshop .swiper-page>div{width:.52rem;height:.52rem;border:1px solid #b5b5b5;line-height:.5rem;text-align:center;font-size:.16rem;color:#000}
.workshop .swiper-page>div:hover {border-color:#00a0ea;color:#00a0ea}
/**/
.news_box{position:relative;padding:.5rem 0 1.55rem}
.news_box:before{content:'';width:100%;height:.92rem;border-radius:50px 50px 0 0;position:absolute;bottom:100%;left:0;z-index:3;background:#FFF}
.news_box h3 {font-size:.48rem;color:#333333;text-align:center;margin:0 0 .9rem;}
.news_box .lists li{margin:0 0 .55rem;display:inline-block;vertical-align:top;width:50%;padding:0 .13rem 0 0}
.news_box .lists li:nth-child(2n){padding:0 0 0 .13rem;}
.news_box .lists li a{display:block;position:relative}
.news_box .lists li .imgs img {width:100%;height:3.2rem;object-fit:cover;transition:none;}
.news_box .lists li .text{text-align:center;margin:.35rem 0 0}
.news_box .lists li .text h4 {font-size:.16rem;color:#212121;font-weight:bold;}
.news_box .lists li .text p{font-size:.14rem;color:#7d7d7d;margin:.2rem 0 .5rem;}
.news_box .lists li .text em{display:inline-block;border:3px solid #c9c9c9;padding:0 .35rem;line-height:.43rem;font-size:.16rem;color:#313131;border-radius:999px;}
.news_box .lists li a:hover .text em {background:#00a0e9;color:#FFF;border-color:#00a0e9}
.news_box .lists li a:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.12)}
.news_box .page{justify-content:center;}
/**/
.contact_box{position:relative;}
.contact_box:before{content:'';width:100%;height:.92rem;border-radius:50px 50px 0 0;position:absolute;bottom:100%;left:0;z-index:3;background:#FFF}
.contact_box .infos{padding:.47rem 0 1.88rem;}
.contact_box .infos h3 {font-size:.48rem;color:#333333;text-align:center;margin:0 0 .95rem;}
.contact_box .infos .mains{display:flex;align-items:flex-start}
.contact_box .infos .mains>div{flex:0 0 50%}
.contact_box .infos .mains .text{background:#4477aa;padding:.95rem .15rem 1.35rem 2.1rem;}
.contact_box .infos .mains .text h4{font-size:.36rem;color:#FFF;margin:0 0 .4rem;}
.contact_box .infos .mains .text .editor{font-size:.24rem;color:#FFF}
.contact_box .infos .mains .text .editor p{display:flex;align-items:center;margin:0 0 .45rem}
.contact_box .infos .mains .text .editor p em {flex:0 0 .6rem;}
.contact_box .infos .mains .text .editor p em img {max-height:.45rem;transition:none}
.contact_box .infos .mains .text .editor p:last-child{margin:0;font-size:.36rem;font-weight:bold}
.contact_box .infos .mains .imgs{margin:.83rem 0 0}
.message{padding:.75rem 0 2.2rem;background:#eef1f2}
.message h3 {font-size:.48rem;color:#333;margin:0 0 .75rem;}
.message .lists .txt{display:grid;grid-template-columns:1fr 1fr;gap:0 1.7rem;}
.message .lists .txt li {margin:0 0 .1rem;position:relative}
.message .lists .txt li:last-child{margin:0}
.message .lists .txt li label {display:flex;font-size:.18rem;color:#2a2a2a;align-items:center;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:1;justify-content:space-between;margin:0;font-weight:normal;cursor:auto}
.message .lists .txt li label i{font-size:.16rem;color:#989898;}
.message .lists .txt li input,.message .lists .txt li textarea{width:100%;height:.9rem;border:0;border-bottom:1px solid #2a2a2a;font-size:.16rem;color:#000;background:none;}
.message .lists .txt li textarea{height:1.4rem;padding:.2rem 0}
.message .lists .txt ul:nth-child(2) li:last-child label{position:relative;top:0;transform:none;}
.message .lists .txt ul:nth-child(2) li:last-child label i{display:none;}
.message .lists .txt ul:nth-child(2) li:last-child{margin:.35rem 0 0}
.message .lists .txt li textarea::placeholder{font-size:.16rem;color:#989898}
.message .lists .txt li.ons label,.message .lists .txt li.focused label{transform:scale(.8);top:0}
.message .lists .codes{margin:.15rem 0;position:relative;width:45%;display:flex;justify-content:space-between;align-items:center;}
.message .lists .codes label {display:flex;font-size:.18rem;color:#2a2a2a;align-items:center;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:1;justify-content:space-between;margin:0;font-weight:normal;cursor:auto}
.message .lists .codes label i{font-size:.16rem;color:#989898;}
.message .lists .codes input {width:100%;height:.9rem;border:0;border-bottom:1px solid #2a2a2a;font-size:.16rem;color:#000;background:none;}
.message .lists .codes img {position:absolute;left:100%;top:50%;transform:translateY(-50%);max-height:.5rem;transition:none;margin-left:.1rem;}
.message .lists .codes.ons label,.message .lists .codes.focused label{transform:scale(.8);top:0}

.message .lists .btns{text-align:center;margin:.85rem 0 0}
.message .lists .btns button {display:inline-block;background:#4477aa;font-size:.18rem;color:#FFF;border-radius:999px;padding:0 .59rem;height:.59rem;border:0}
/********<=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:#333;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#FFF;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#FFF;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:#FFF;color:#333;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:#FFF}
.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********/

/**************************/
@media(max-width:1700px){
	.footer .infos .let .navs li a{padding:0 .25rem;}
}
@media(max-width:1600px){
	.m310 {margin:0 2.1rem;}
	.index_appfiled .swiper-page{right:1.1rem;}
	.tem_banner .label_text{left:1.1rem;}
	.company .lists{margin-left:2.1rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:60px 0 0}
	.m310,.m210 {margin:0 15px;}
	.index_appfiled .swiper-page{right:15px;top:70%}
	.tem_banner .label_text{left:15px;}
	.company .lists{margin:0 15px;}
	.flash .page_text{padding:0 15px;top:40%}
	.company .lists .swiper-page > div{left:0;z-index:1}
	.company .lists .swiper-page > div.slide-button-next{left:auto;right:0}
	.contact_box .infos .mains .text{padding-left:15px;}
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner .label_text p{font-size:16px;}
	.tem_banner .label_text h3{font-size:20px;}
	.tem_banner .swiper-slide img{width:100%;height:260px;object-fit:cover;}
	.index_about > div{display:block}
	.index_about .rlt{margin:1rem 0 0}
	.index_appfiled .infos > div{display:block}
	.index_appfiled .infos{top:.55rem;}
	.index_appfiled .infos .rlt{justify-content:center;margin:.35rem 0 0}
	.index_product{transform:translateY(-.9rem)}
	.index_appfiled .infos .let p{margin:0 0 .5rem;}
	.footer .infos{display:block}
	.footer .infos .let .navs ul{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .15rem;}
	.footer .infos .rlt{margin:.35rem 0 0}
	.footer .infos .rlt .editor{display:block}
	.footer .infos .rlt p{margin:0 0 .1rem;}
	.flash img {width:100%;height:260px;object-fit:cover;transition:none;}
	.flash .page_text ul{display:none;}
	.company .infos{display:block}
	.company .infos .text{padding:0 0 1.2rem;}
	.company .infos .nums{display:grid;grid-template-columns:1fr 1fr;gap:0 .1rem;}
	.partner .swiper-slide{grid-template-columns:1fr 1fr}
	.culture .editor{grid-template-columns:1fr;gap:.5rem 0}
	.product_box > div{display:block}
	.product_box .let{display:none}
	.product_box .rlt{padding:0}
	.app_filed .items > div{display:block}
	.app_filed .items .text{margin:0 0 .35rem}
	.workshop .swiper-slide{grid-template-columns:1fr 1fr}
	.news_box .lists li{display:block;padding:0 !important;width:100%}
	.contact_box .infos .mains{display:block}
	.contact_box .infos .mains .imgs{margin:0}
	.message .lists .txt{grid-template-columns:1fr}
}