.header{position: fixed;width: 100%;z-index: 1000;background:white;box-shadow:0 0 12px rgba(0,0,0,0.2);}
.header.is_header{}
.header>div{height:.96rem;line-height:.96rem;display:flex;justify-content: space-between;}
.header>div .logo{width:6.3%}
.header>div .navs{width:53.8%}
.header>div .navs ul{display:flex;justify-content: space-between;padding-left:.9rem}
.header>div .navs ul>li{position: relative;}
.header>div .navs ul>li dl{position:absolute;width:1.8rem;top:100%;left:50%;transform:translateX(-50%);line-height:normal;background:white;transition:none;display:none;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header>div .navs ul>li dl  dd{text-align:center}
.header>div .navs ul>li dl  a{font-size:.15rem;color:#222222;;display:inline-block;padding:.07rem 0 }
.header>div .navs ul>li dl  a:hover{color:#1f8df5}
.header>div .navs ul>li>a{font-weight:400;font-size:.18rem;color:#3d3d3d;position:relative}
.header>div .navs ul>li>a:hover{color:#1f8df5}
.header>div .navs ul>li.active>a{color:#1f8df5}
.header>div .navs ul>li>a:after{content:"";position:absolute;background:url(../images/2.png) 0 0 no-repeat;width:.22rem;height:.21rem;left:50%;transform:translateX(-50%);bottom:0;background-size:100%;opacity:0;transition:.3s}
.header>div .navs ul>li>a:hover:after{bottom:.1rem;opacity:1}
.header>div .navs ul>li.active>a:after{bottom:.1rem;opacity:1}
.header .right{width:11.7%;border-left:2px solid #d8d8d8;display:flex;align-items: center;line-height:normal;justify-content: space-between;}
.header .right .langs{display:flex;gap:.17rem;padding-left:.24rem;border-left:1px solid #b9b9b9}
.header .right .langs a{width:.25rem;height:.25rem;color:#acacac;text-align:center;line-height:.25rem;border-radius:5px;border:1px solid #acacac;display:inline-block}
.header .right .langs a:hover{color:#0853a0;border:1px solid #0853a0}
.header .right .langs a.active  {color:#0853a0;border:1px solid #0853a0}  
.header .right .search{margin:0 0 0 .22rem}
.header .right .search  .content{position: fixed;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);z-index: 999;display: none;transition: none;}
.header .right .search .content .container{position: relative;height: 100%;}
.header .right .search .content .s-content{background: #fff;text-align: center;padding:6vh 20px;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;}
.header .right .search .content a.close{position: absolute;font-size:.32rem;top:.1rem;right: .2rem;}
.header .right .search .content .title{color:#242424;margin-bottom:.1rem;font-size:.2rem;line-height: 1.5;}
.header .right .search .content .input{font-size: 0;line-height: 1;max-width: 600px;margin: 0 auto;}
.header .right .search .content input{height:.6rem;outline: none;vertical-align: middle}
.header .right .search .content .inpt3{padding-left:.2rem;border:1px solid #d2d2d2;font-size: .16rem;width: calc(100% - 60px);color:#292929;}
.header .right .search .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3:-moz-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3::-moz-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
.header .right .search .content .inpt4{width:.6rem;background: #222;border:none;}
.header .right .search .content button{height:.6rem;outline: none;vertical-align: middle}
.header .right .search .content .inpt4 i {font-size: .24rem;color:#fff;}
.header .right .search .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}


.tem_banner.indise{padding:.96rem 0 0}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash>img{width:100%}
.tem_banner.indise .flash .text{position:absolute;width:100%;top:50%;transform:translateY(-50%);text-align:center;font-size:0}
.tem_banner.indise .flash .text h2{font-size:.48rem;color:white;;font-weight:bold;;position:relative}
.tem_banner.indise .flash .text h3{font-size:.3rem;color:white;;font-weight:bold;;position:relative;margin:.1rem 0 .1rem}

.tem_banner.indise .flash .text  p{font-size:.24rem;color:white;display:inline-block;border:2px solid #ffffff;border-radius:50px;padding:0 .2rem;height:.6rem;line-height:.6rem}


.tem_banner.indise .flash .banner_nav{position:absolute;left:0;width:100%;bottom:0;z-index:2;background:rgba(0,0,0,.27)}
.tem_banner.indise .flash .banner_nav ul{display:flex;justify-content: center;align-items: center;}
.tem_banner.indise .flash .banner_nav ul li a{font-size:.2rem;color:white;height:.8rem;line-height:.8rem;position:relative;overflow:hidden}
.tem_banner.indise .flash .banner_nav ul li{padding:0 .2rem;position:relative}
.tem_banner.indise .flash .banner_nav ul li:after{content:"";position:absolute;background:white;height:.2rem;width:2px;top:50%;transform:translateY(-50%);right:0}
.tem_banner.indise .flash .banner_nav ul li a:after{content:"";position:absolute;background:url(../images/3.png) 0 0 no-repeat;left:50%;transform:translateX(-50%);bottom:-.14rem;width:.2rem;height:.14rem;background-size:100%;transition:.3s}
.tem_banner.indise .flash .banner_nav ul li a:hover:after{bottom:0}
.tem_banner.indise .flash .banner_nav ul li:last-child:after{display:none}
.tem_banner.indise .flash .banner_nav.abouts li:first-child a:after{bottom:0}
.tem_banner.indise .flash .banner_nav ul li.active a:after{bottom:0}
.company .top{background:#edf6ff;padding:1.1rem   0 1.3rem;}
.company .top ul{display:flex;justify-content: center;}
.company .top ul li{text-align:center;padding:0 .5rem}
.company .top ul li h2{font-size:1rem;color:#1f8df5;height:.8rem;line-height:.8rem;margin:0 0 .2rem;font-weight:300}

.company .top ul li:last-child h2{font-size:.8rem;font-weight:500}
.company .top ul li p{font-size:.24rem;color:#151515;font-weight:300;height:.7rem;line-height:.35rem;display:flex;flex-direction: column;justify-content: center;}
.company .bot{padding:1.1rem 2.1rem 1.5rem 1.65rem;display:grid;grid-template-columns:44.3% 50.5%;justify-content:space-between;align-items:flex-end }
.company .bot .img .xx{position:absolute;width:65.5%;bottom:-.85rem;left:-1.15rem}
.company .bot .img {overflow:initial}

.company .bot .text{padding:0 0 .55rem}
.company .bot .text h2{font-size:.48rem;color:#000000;}
.company .bot .text h3{font-size:.48rem;color:#1f8df5;margin:.45rem 0 .6rem}
.company .bot .text p{font-size:.16rem;color:#4c5057;line-height:.3rem}
.company .bot .text h4{font-size:.36rem;color:#1f8df5}


.history {height:882px;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;position:relative}
.history .xiantiao{position:absolute;right:0;bottom:0;width:89.1%}
.history .title{position:absolute;left:2.1rem;top:1.2rem;}
.history .title h2{font-size:.48rem;color:white;font-weight:bold}
.history .lists>div{position:absolute;width:12.8%;z-index:2}
.history .lists .items h2{display:inline-block;height:.4rem;line-height:.4rem;border:1px solid white;border-radius:20px;padding:0 .1rem;color:white;font-size:.2rem;background:linear-gradient(to right, #2395ce, #31ad5e);margin:0 0 .13rem}
.history .lists .items p{font-size:.16rem;color:white}

.history .lists .items1{left:4.8%;bottom:20%;text-align:right}
.history .lists .items2{left:24.5%;bottom:17.5%}
.history .lists .items3{left:16%;bottom:52%;text-align:right}
.history .lists .items4{left:35%;bottom:44%}
.history .lists .items5{left:40.5%;bottom:59%;text-align:right}
.history .lists .items6{left:57.5%;bottom:78%}
.history .lists .items7{left:58.5%;bottom:51%;text-align:right}
.history .lists .items8{left:83.4%;bottom:60%}
.history .lists .items9{left:84%;bottom:29%;text-align:right}

.honor .title{text-align:center;padding:1.35rem 0 1rem}
.honor .title h2{font-size:.48rem;color:#000;font-weight:bold}
.honor .lists {position:relative;padding:0 .35rem}
.honor .lists:after{content:"";position:absolute;background:url(../images/5.png) 0 0 no-repeat;width:100%;height:1.85rem;background-size:100%;left:50%;transform:translateX(-50%);bottom:0}
.honor .lists .items{cursor:pointer;;}
.honor .lists .items h2{margin:.4rem 0 0;text-align:center;font-size:.16rem;color:#000}
.honor .lists .items:hover img{transform:scale(.92);box-shadow:0 0 12px rgba(0,0,0,0.3)}
.honor .bot{padding:.7rem 0 1.35rem;}
.honor .bot .swiper-page{display:flex;justify-content: center;}
.honor .bot .swiper-page .slide-pagination span{width:.35rem;height:.35rem;border-radius:5px;background:#e5e5e5;opacity:1;font-size:.16rem;color:#575757;text-align:center;line-height:.35rem;margin:0 7px}
.honor .bot .swiper-page .slide-pagination span.swiper-pagination-bullet-active{background:#1f8df5;color:white}
.honor .bot .swiper-page .slide-button-prev,.honor .bot .swiper-page .slide-button-next{width:.35rem;height:.35rem;border-radius:5px;background:#e5e5e5;opacity:1;font-size:.16rem;color:#575757;text-align:center;line-height:.38rem;margin:0 14px}
.honor .bot .swiper-page .slide-button-prev i,.honor .bot .swiper-page .slide-button-next i{font-size:.2rem;color:#000;}



.jishu{padding:1.1rem 0 0;background-size:cover;background-repeat:no-repeat}

.jishu .title{text-align:center;padding:0 0 1.15rem}
.jishu .title h2{font-size:.48rem;color:white;font-weight:bold}
.jishu .infos{padding-left:2.1rem;display:grid;grid-template-columns:32% 62%;justify-content:space-between;align-items:flex-end}
.jishu .infos .text{padding:0 0 .5rem}
.jishu .infos .text p{font-size:.2rem;color:white;margin:5px 0 0}
.jishu .infos .text p em{font-size:.3rem;font-weight:bold}
.jishu .infos .lists{background:rgba(0,0,0,.67);border-radius:30px 0 0 0;padding:.9rem 2.1rem .55rem .7rem }
.jishu .infos .lists  .items{margin: 0 0 .5rem;transform:translateY(1rem);opacity:0}
.jishu .infos .lists  .swiper-slide-active  .items{transform:none;opacity:1;transition:.5s}

.jishu .infos .lists  .swiper-slide-active  .items:nth-child(1){transition-delay:200ms;}
.jishu .infos .lists  .swiper-slide-active  .items:nth-child(2){transition-delay:300ms;}
.jishu .infos .lists  .swiper-slide-active  .items:nth-child(3){transition-delay:400ms;}
.jishu .infos .lists  .items:last-child{margin:0}
.jishu .infos .lists  .items h2{font-size:.24rem;color:white;margin:0 0 .2rem}
.jishu .infos .lists  .items p{font-size:.16rem;color:white}
.jishu .infos .lists  .swiper-page{display:flex;margin:1rem 0 0;gap:.15rem}
.jishu .infos .lists  .swiper-page>div{width:.552rem;height:.43rem;border-radius:10px;border:1px solid white;color:white;font-size:.3rem;text-align:center;line-height:.43rem}
.jishu .infos .lists  .swiper-page>div:hover{background:#1f8df5;border-color:#1f8df5}
.workshop{background:#edf6ff}
.workshop .title{text-align:center;padding:1.35rem 0 .35rem}
.workshop .title h2{font-size:.48rem;color:#000;font-weight:bold}
.workshop ul{display:flex;justify-content: center;margin:0 0 .55rem}
.workshop ul li{margin:0 .2rem;position:relative}
.workshop ul li:after{content:"";position:absolute;background:#666869;height:.18rem;width:2px;top:50%;transform:translateY(-50%);right:-.2rem}
.workshop ul li:last-child:after{display:none}
.workshop ul li a{font-size:.18rem;color:#414141}
.workshop ul li.tcl-active a{color:#1f8df5}
.workshop ul li a:hover{color:#1f8df5}
.workshop .lists>div{display:none}
.workshop .lists>div:first-child{display:block}

.workshop .lists a .img{border-radius:10px}
.workshop .lists a:hover img{transform:scale(1.1)}
.workshop .lists .bot{padding:.73rem 0 1.2rem}
.workshop .lists .bot .swiper-page{display:flex;justify-content: center;}
.workshop .lists .bot .swiper-page .slide-pagination span{width:.35rem;height:.35rem;border-radius:5px;background:#e5e5e5;opacity:1;font-size:.16rem;color:#575757;text-align:center;line-height:.35rem;margin:0 7px}
.workshop .lists .bot .swiper-page .slide-pagination span.swiper-pagination-bullet-active{background:#1f8df5;color:white}
.workshop .lists .bot .swiper-page .slide-button-prev,.workshop .lists .bot .swiper-page .slide-button-next{width:.35rem;height:.35rem;border-radius:5px;background:#e5e5e5;opacity:1;font-size:.16rem;color:#575757;text-align:center;line-height:.38rem;margin:0 14px}
.workshop .lists .bot .swiper-page .slide-button-prev i,.workshop .lists .bot .swiper-page .slide-button-next i{font-size:.2rem;color:#000;}


.hexin{padding:1.2rem 0 1.45rem}
.hexin  .title {text-align:center;padding:0 2rem;margin:0 0 1rem}
.hexin  .title h2{font-size:.48rem;;color:#000;font-weight:bold;margin:0 0 .5rem} 
.hexin  .title  p{font-size:.2rem;color:#444444;line-height:.28rem}
.hexin  .infos{padding:0 2rem;}
.hexin  .infos ul{display:grid;grid-template-columns:10% 10% 10% 10% 10%;justify-content:space-between}
.hexin  .infos ul li{position:relative}
.hexin  .infos ul li .img{overflow:initial}
.hexin  .infos ul li:first-child .img:after{display:none}
.hexin  .infos ul li .img:after{content:"";position:absolute;background:url(../images/jt.png) 0 0 no-repeat;width:.5rem;height:.21rem;top:50%;transform:translateY(-50%);right:150%;background-size:100%}
.hexin  .infos ul li h2{font-size:.24rem;color:#595959;font-weight:bold;margin:.2rem 0 0 ;text-align:center}

.adv{padding:1.1rem 0 .9rem;background-repeat:no-repeat;background-size:cover}
.adv .title {text-align:center;padding:0 0 .7rem;}
.adv .title h2{font-size:.48rem;;color:#000;font-weight:bold} 
.adv .lists ul{display:grid;grid-template-columns:1fr 1fr;grid-gap: .5rem .45rem}
.adv .lists ul li {height:2.15rem;padding:.4rem  .45rem .25rem;display:flex;background:rgba(255,255,255,.3);position:relative;border-radius:5px;overflow:hidden }
.adv .lists.ens ul li{height:auto}
.adv .lists ul li:after{content:"";position:absolute; border: 5px solid; border-image: linear-gradient(to right, #4fd042, #2ca0c2) 1;;width:100%;height:100%;left:0;top:0;}
.adv .lists ul li .img{width:15%;text-align:left}
.adv .lists ul li .txt{width:85%}
.adv .lists ul li .txt h2{font-size:.3rem;font-weight:bold;margin:0 0 .2rem;background-image: linear-gradient(to right, #2899d4, #4ecf45);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;}
.adv .lists ul li .txt  p{font-size:.18rem;color:#0f0f0f;font-weight:bold}
.partner{background:#f8f8f8}
.partner .title{text-align:center;padding:.8rem 0 .55rem}
.partner .title h2{font-size:.48rem;color:#000;font-weight:bold;margin:0 0 .2rem}
.partner .title p{font-size:.24rem;color:#343434}
.partner .lists .swiper-slide{display:grid;grid-template-columns:repeat(5,1fr)}
.partner .lists .swiper-slide .items{background:white;border:1px solid #e7eaf2}
.partner .lists .swiper-slide .items:hover img{transform:scale(1.1)}
.partner .lists .swiper-slide .items:hover{border-color:#6b8eba}
.partner .lists .slide-pagination{padding:.5rem 0 .8rem;text-align:center}
.partner .lists .slide-pagination span{margin:0 7px;opacity:1;width:.16rem;height:.16rem;background:#565656}
.partner .lists .slide-pagination span.swiper-pagination-bullet-active{background:#216aae}




.problem {background:#f8f8f8;padding:0 0 1rem}
.problem  .title{text-align:center;padding:.8rem 0 .55rem}
.problem  .title h2{font-size:.48rem;color:#000;font-weight:bold;margin:0 0 .2rem}
.problem  .title p{font-size:.24rem;color:#343434}
.problem  .lists ul li {border:1px solid #f1f1f1f1;margin:0 0 .2rem;background:white;}
.problem  .lists ul li .tit{display:flex;height:.7rem;align-items: center;cursor:pointer}
.problem  .lists ul li .tit .xx{position:relative;width:5%;border-right:1px solid #f1f1f1f1;height:.7rem}
.problem  .lists ul li .tit .xx .btns {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;}
.problem  .lists ul li .tit .xx .btns::before,.problem  .lists ul li .tit .xx .btns::after {content:"";position:absolute;left:50%;top:0;margin-left:-1px;width:px;height:100%;border-right:2px solid #acacac;transition:all .36s;}
.problem  .lists ul li .tit .xx .btns::before {transform:rotate(90deg);}
.problem  .lists ul li .tit.active .xx .btns::before,.problem  .lists ul li .tit.active .xx .btns::after {border-right:2px solid #216aae}
.problem  .lists ul li .tit.active .xx .btns::after {transform:rotate(90deg);}
.problem  .lists ul li .tit .con{padding:0 .2rem;width:95%}
.problem  .lists ul li .tit .con h2{font-size:.16rem;color:#333}
.problem  .lists ul li .infos{padding: .2rem 5%;;border-top:1px solid #f1f1f1f1;font-size:.16rem;color:#333;transition:none;display:none}
.problem  .lists ul li .tit.active .con h2{color:#216aae}
.footer {border-top:1px solid #dbdce0}
.footer .top{padding:.58rem 0 .25rem;display:grid;grid-template-columns: 28% 35% 34%;justify-content:space-between}
.footer .top .logo{margin:0 0 .6rem}
.footer .top .logo a{display:inline-block}
.footer .top .txt p{font-size:.16rem;color:#343434;line-height:.3rem}
.footer .top .fot_navs{padding:.3rem 0 0 }
.footer .top .fot_navs h2{font-size:.2rem;color:#343434;margin:0 0 .25rem}
.footer .top .fot_navs  ul{display:flex;grid-gap:.15rem}
.footer .top .fot_navs  ul li>a{font-size:.18rem;color:#343434;margin:0 0 .12rem}
.footer .top .fot_navs  ul li dl dd a{font-size:.15rem;color:#343434;margin:.05rem 0 0}
.footer .top .share{padding:.3rem 0 0}
.footer .top .share h2{font-size:.2rem;color:#343434;margin:0 0 .25rem}
.footer .top .share ul{display:flex;grid-gap:.15rem;}
.footer .top .share ul li {position:relative}
.footer .top .share ul li a{width:.5rem;height:.5rem;border:2px solid #cccccc;border-radius:5px;text-align:center;line-height:.45rem;color:#081e49;font-size:.28rem}
.footer .top .share ul li a:hover{background:#081e49;color:white;border-color:#081e49}
.footer .top .share ul li .img{position:absolute;left:50%;transform:translateX(-50%);border:1px solid #333;top:120%;display:none;transition:none}
.footer .copy {height:.87rem;display:flex;align-items: center;}
.footer .top .share ul li a:hover img{filter:brightness(0) invert(1)}
.footer .copy p{font-size:.16rem;color:#343434}
.footer .copy p a{display:initial;font-size:.16rem;color:#343434;margin-left:.1rem}


.product_box{padding:0 0 1.2rem}
.product_box .title{text-align:center;padding:1rem 0 .6rem}
.product_box .title h2{font-size:.48rem;color:#707070;font-weight:bold}
.product_box .pro_nav{padding: 0 1rem .3rem}
.product_box .pro_nav ul {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr ;grid-gap:.28rem .22rem}
.product_box .pro_nav ul li a{text-align:center;border:1px solid #333;border-radius:50px;height:.5rem;line-height:.5rem;color:#333;font-size:.18rem }
.product_box .pro_nav ul li a:hover{border-color:#1f8df5;background:#1f8df5;color:white}
.product_box .pro_nav ul li.active a{border-color:#1f8df5;background:#1f8df5;color:white}
.product_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr ;grid-gap:.28rem .22rem}
.product_box .lists ul li a{border-radius:10px }
.product_box .lists ul li a .img{border-radius:10px 10px 0 0}
.product_box .lists ul li a .text{padding:.35rem .28rem .45rem;background:#edf2fc;border-radius: 0 0 10px 10px}
.product_box .lists ul li a .text h2{font-size:.2rem;color:#141414;font-weight:bold;margin:0 0 .17rem}
.product_box .lists ul li a .text p{font-size:.16rem;color:#141414;height:.22rem;line-height:.22rem}
.product_box .lists ul li a :hover img{transform:scale(1.1)}
.product_box .lists ul li a:hover {box-shadow:0 0 12px rgba(0,0,0,0.1);transform:translateY(-10px)}
.product_box .lists ul li a:hover .text h2{color:#1f8df5}

.product_box .page{display:flex;justify-content: center;margin:1.05rem 0 0}
.product_box .page a{width:.35rem;height:.35rem;border-radius:5px;background:#e5e5e5;opacity:1;font-size:.16rem;color:#575757;text-align:center;line-height:.35rem;margin:0 7px;font-weight:bold}
.product_box .page a i{font-size:.2rem;font-weight:bold}
.product_box .page a.page-link{margin:0 14px}
.product_box .page a:hover{background:#1f8df5;color:white}
.product_box .page a:hover i{color:white}
.product_box .page a.page-num-current{background:#1f8df5;color:white}
.product{padding:.96rem 0 0}

.product .top .mbx{height:.74rem;display:flex;align-items: center;font-size:.14rem;color:#929292;gap:6px}
.product .top .mbx a{font-size:.14rem;color:#929292}
.product .top .mbx a:last-child{color:#1f8df5}
.product .top .mbx a:first-child{position:relative;padding-left:.2rem}
.product .top .mbx a:first-child:after{content:"";position:absolute;background:url(../images/6.png) 0 0 no-repeat;width:.12rem;height:.12rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.product .top .infos{display:grid;grid-template-columns:48.3% 48.3%;justify-content:space-between;margin:0 0 .8rem}
.product .top .infos .left{position:relative}
.product .top .infos .left .bigimg .img{border-radius:10px}
.product .top .infos .left .img_list{position:absolute;width:100%;left:0;bottom:.2rem;padding:0 .7rem}
.product .top .infos .left .img_list .img{border-radius:10px;border:1px solid #bfbfbf;cursor:pointer}
.product .top .infos .left .swiper-page>div{position:absolute;font-size:.8rem;color:#1f8df5;font-weight:bold;text-align:center;left:.13rem;top:50%;transform:translateY(-50%);z-index:2;}
.product .top .infos .left  .swiper-page>div.slide-button-next{left:auto;right:.13rem}
.product .top .infos .right{background:#eff5ff;border-radius:10px;padding:.5rem .55rem 0 }
.product .top .infos .right .title h3{font-size:.36rem;color:#1f8df5;font-weight:bold;padding:0 0 .3rem;position:relative}
.product .top .infos .right .title h3:after{content:"";position:absolute;background:url(../images/7.png) 0 0 no-repeat;width:100%;height:4px;;left:0;bottom:0}
.product .top .infos .right .content{margin:.35rem 0;height:1.15rem;overflow-y:auto;color:#5d5d5d;font-size:.16rem;line-height:.25rem}

.product .top .infos .right .content::-webkit-scrollbar-thumb{background:#1f8df5}
.product .top .infos .right .info dd{display:flex;margin:0 0 .2rem}
.product .top .infos .right .info dd p{width:17%;font-size:.16rem;color:#5d5d5d}
.product .top .infos .right .info dd em{font-size:.16rem;color:#232323}
.product .top .infos .right .tel{padding:.25rem 0 .55rem;display:flex;}
.product .top .infos .right .tel *{font-size:.2rem;color:#232222;font-weight:bold}
.product .top .infos .right .tel p:first-child{width:18%}
.product .top .infos .right .more{display:flex;gap:.43rem}
.product .top .infos .right .more a{height:.5rem;line-height:.5rem;padding:0 .38rem;border-radius:10px;color:white;background:#1f8df5;font-size:.18rem}
.product .top .infos .right .more a:last-child{background:#3bbf07}
.product .top .infos .right .more a:hover{box-shadow:0 0 12px rgba(0,0,0,0.7)}
.product .top .desc_title{padding:.35rem 0;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc }
.product .top .desc_title h2{font-size:.36rem;color:#010101;font-weight:bold}
.product .top .editor{padding:.7rem 0 ;font-size:.16rem;color:#000}
.product .bot{background:#f8fbff;padding:.9rem 0 1.3rem}
.product .bot>div>h3{font-size:.36rem;color:#010101;font-weight:bold;margin:0 0 .5rem}

.product .bot .lists  a{border-radius:10px }
.product .bot .lists  a .img{border-radius:10px 10px 0 0}
.product .bot .lists  a .text{padding:.35rem .28rem .45rem;background:#edf2fc;border-radius: 0 0 10px 10px}
.product .bot .lists  a .text h2{font-size:.2rem;color:#141414;font-weight:bold;margin:0 0 .17rem}
.product .bot .lists  a .text p{font-size:.16rem;color:#141414;height:.22rem;line-height:.22rem}
.product .bot .lists  a:hover img{transform:scale(1.1)}

.product .bot .lists  a:hover .text h2{color:#1f8df5}



.news_box{padding:1.05rem 0}
.news_box .top{padding:0 0 .65rem;border-bottom:1px solid #dcdcdc}
.news_box .top a{display:grid;grid-template-columns:64% 36%;background:white;align-items:center;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,0.15)}
.news_box .top a .text{padding:0 .6rem}
.news_box .top a .text h2{font-size:.3rem;color:#141414;line-height:.4rem;height:1.2rem;margin:0 0 .45rem}
.news_box .top a .text p{font-size:.16rem;color:#717171;font-weight:bold}
.news_box .top a:hover img{transform:scale(1.1)}
.news_box .lists {padding:.55rem 0 0}
.news_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.55rem .3rem}
.news_box .lists ul li a{border-radius:10px;overflow:hidden;box-shadow:0 0 25px rgba(0,0,0,0.3)}
.news_box .lists ul li a .text{padding:.35rem .2rem .55rem;;background:white}
.news_box .lists ul li a .text h2{font-size:.2rem;color:#1d1d1d;font-weight:bold;line-height:.3rem;height:.6rem;margin:0 0 .3rem}
.news_box .lists ul li a .text p{font-size:.16rem;color:#717171;font-weight:bold}
.news_box .lists ul li a:hover img{transform:scale(1.1)}
.news_box .page{display:flex;justify-content: center;margin:.83rem 0 0}
.news_box .page a{width:.35rem;height:.35rem;border-radius:5px;background:#e5e5e5;opacity:1;font-size:.16rem;color:#575757;text-align:center;line-height:.35rem;margin:0 7px;font-weight:bold}
.news_box .page a i{font-size:.2rem;font-weight:bold}
.news_box .page a.page-link{margin:0 14px}
.news_box .page a:hover{background:#1f8df5;color:white}
.news_box .page a:hover i{color:white}
.news_box .page a.page-num-current{background:#1f8df5;color:white}

.contact_box .infos{padding:1.05rem 0 1.3rem;;}
.contact_box .infos ul{display:flex;justify-content: center;}
.contact_box .infos ul li{width:100%;text-align:center}
.contact_box .infos ul li{border-radius:10px;background:white;box-shadow:0 0 25px rgba(0,0,0,0.15);overflow:hidden;padding:.35rem .2rem .4rem;position:relative}
.contact_box .infos ul li:after{content:"";position:absolute;background:url(../images/10.png) 0 0 no-repeat;width:100%;height:.1rem;left:0;top:0;background-size:cover}
.contact_box .infos ul li h2{font-size:.3rem;color:#000;font-weight:bold;margin:.15rem 0 .5rem}
.contact_box .infos ul li  p{font-size:.24rem;color:#5c5c5c;margin:0 0 .35rem;font-weight:bold;display:flex;align-items: center;justify-content: center;}
.contact_box .infos ul li  p:last-child{margin:0}
.contact_box .infos ul li  p img{margin-right:.2rem}


.message{background:#eef8ff;padding:1.25rem 0 1.45rem}
.message>div{display:grid;grid-template-columns:47% 49%;justify-content:space-between}
.message>div .text>h2{font-size:.24rem;color:#252525;font-weight:bold;line-height:.3rem;margin:0 0 1rem}
.message>div .text .form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.3rem}
.message>div .text .form ul li p{font-size:.16rem;color:#252525;font-weight:bold;margin:0 0 .2rem}
.message>div .text .form ul li input{width:100%;height:.55rem;border-radius:50px;border:0;padding:0 .2rem;color:#333;font-size:.16rem}
.message>div .text .form ul  li:last-child textarea{width:100%;height:1.25rem;;border:0;border-radius:10px;background:white;padding:.15rem;font-size:.16rem;color:#333}
.message>div .text .form ul  li:last-child { grid-column: 1 / 3; }
.message>div .text .form button{margin:.7rem 0 0;height:.57rem;padding:0 1.05rem;border-radius:50px;border:0;background:linear-gradient(to right, #2d90bb, #34a959);;font-size:.16rem;color:white;font-weight:bold}
.message>div .text .form button:hover img{margin-left:.3rem}
.message>div .text .form button img{margin-left:.2rem}

.tem_banner.index{overflow:hidden}
.tem_banner.index .label_text{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;width:100%;;z-index:2;}
.tem_banner.index .label_text>div{display:flex;justify-content: space-between;align-items: center;}
.tem_banner.index .label_text .left{text-align:left}
.tem_banner.index .label_text .left h2{font-size:.6rem;font-weight:bold;line-height:.75rem;color:white;text-shadow: 5px 5px 10px rgba(0,0,0,.3);transform:translateY(-3vw);opacity:0;transition:all .8s linear;}

.tem_banner.index .label_text .right ul li{text-align:center;margin:0 0 .35rem;transform:translateX(3vw);opacity:0;transition:all .8s linear;}
.tem_banner.index .label_text .right ul li h2{font-size:.8rem;color:white;height:.8rem;line-height:.8rem;margin:0 0 .2rem;font-weight:300;text-shadow: 5px 5px 10px rgba(0,0,0,.3)}
.tem_banner.index .label_text .right ul li p{font-size:.24rem;color:white;font-weight:300}
.tem_banner.index .label_text .right ul li:last-child{margin:0}

.tem_banner.index .swiper-slide-active .label_text .left h2{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index .swiper-slide-active .label_text .right ul li{transform:none;opacity:1;transition-delay:300ms}

.tem_banner.index  .swiper-page{display:flex;justify-content: center;position:absolute;left:0;bottom:.58rem;z-index:2;width:100%;align-items: center;}
.tem_banner.index  .swiper-page .slide-pagination span{width:10px;height:10px;border-radius:100%;background:#e5e5e5;opacity:1;text-align:center;margin:0 4px}
.tem_banner.index  .swiper-page .slide-pagination span.swiper-pagination-bullet-active{background:#1f8df5;color:white}
.tem_banner.index  .swiper-page .slide-button-prev,.tem_banner.index  .swiper-page  .slide-button-next{width:.4rem;height:.4rem;border-radius:100%;background:rgba(255,255,255,.5);opacity:1;font-size:.16rem;color:#575757;text-align:center;line-height:.4rem;margin:0 8px}
.tem_banner.index  .swiper-page .slide-button-prev:hover{background:white}
.tem_banner.index  .swiper-page .slide-button-next:hover{background:white}
.tem_banner.index  .swiper-page .slide-button-next img{transform:rotate(180deg)}


.index_product .top{padding:1rem 0 .62rem;}
.index_product .top>div .title{display:flex;justify-content: space-between;align-items: center;}
.index_product .top>div .title h2{height:.45rem;line-height:.45rem;padding:0 .3rem;border:2px solid #1a2f3b;border-radius:50px;color:#1a2f3b;font-weight:bold;font-size:.16rem}
.index_product .top>div .title p {font-size:.3rem;color:#192d3b;font-weight:bold}
.index_product .infos {position:relative}
.index_product .infos .box>div{display:none}
.index_product .infos .box>div:first-child{display:block}
.index_product .infos .box .items {position:relative}
.index_product .infos .box .items .text{position:absolute;left:2.1rem;top:2.45rem}
.index_product .infos .box .items .text h2{font-size:.56rem;color:#ffffff;margin:0 0 .2rem;transform:translateY(-3vw);opacity:0;transition:all .8s ;}
.index_product .infos .box .items .text h2:nth-child(2){margin:0 0 .3rem}
.index_product .infos .box .items .text p{font-size:.16rem;color:white;line-height:.25rem;transform:translateY(-3vw);opacity:0;transition:all .8s ;}
.index_product .infos .box .items.acts .text h2{transform:none;opacity:1;transition-delay:300ms}
.index_product .infos .box .items.acts .text p{transform:none;opacity:1;transition-delay:500ms}
.index_product .infos ul{position:absolute;right:2.1rem;bottom:.15rem}
.index_product .infos ul li{margin:0 0 .4rem}

.index_product .infos ul li a{font-size:.36rem;color:white;padding:0 0 .1rem;position:relative}
.index_product .infos ul li a:after{content:"";position:absolute;background:white;left:0;bottom:0;width:0;height:3px;transition:.3s}
.index_product .infos ul li.active   a:after{width:100%}



.index_prolist{padding:.9rem 0 .45rem}

.index_prolist  .title h2{display:inline-block;height:.45rem;line-height:.45rem;padding:0 .3rem;border:2px solid #1a2f3b;border-radius:50px;color:#1a2f3b;font-weight:bold;font-size:.16rem;margin:0 0 .5rem}
.index_prolist  .lists .items{padding:.15rem}
.index_prolist  .lists a{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,0.1)}

.index_prolist  .lists a .text{position:absolute;top:.55rem;left:.4rem}
.index_prolist  .lists a .text h2{font-size:.3rem;color:#000000;font-weight:bold;margin:0 0 .25rem}
.index_prolist  .lists a .text span{font-size:.16rem;color:#000}
.index_prolist  .lists a:hover img{transform:scale(1.1)}
.index_prolist  .lists .slide-pagination{text-align:center;margin:.45rem 0 0}
.index_prolist  .lists .slide-pagination span{width:15px;height:15px;border-radius:100%;background:#898989;opacity:1;text-align:center;margin:0 10px}
.index_prolist  .lists .slide-pagination span.swiper-pagination-bullet-active{background:#1c51a1;color:white}


.index_water{position:relative}
.index_water .logo{position:absolute;left:50%;transform:translateX(-50%);z-index:2;top:1rem;width:16.8%}


.index_infos{background:#e2edf9;padding:.3rem 0 1rem}
.index_infos>div{display:grid;grid-template-columns:30% 58.5%;justify-content:space-between}
.index_infos .left h2{font-size:.36rem;color:#0d6fb8;font-weight:bold}
.index_infos .left h3{font-size:.16rem;color:#4c5057;font-weight:bold;margin:.55rem 0 .3rem}
.index_infos .left p{font-size:.3rem;color:#4c5057;font-weight:bold}
.index_infos .left p em{font-size:.48rem;color:#4c5057;height:.4rem;line-height:.4rem}
.index_infos .right p{font-size:.16rem;color:#4c5057;line-height:.3rem;text-align: justify}


.index_app .lists{overflow:hidden}
.index_app .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr}
.index_app .lists ul li {position:relative;overflow:hidden}
.index_app .lists ul li .text{position:absolute;top:50%;left:50%;transform:translate(5vw,-50%);width:79%;z-index:2;opacity:0;visibility:hidden;transition:.6s}
.index_app .lists ul li .text h2{height:.46rem;line-height:.42rem;padding:0 .28rem;border-radius:50px;border:2px solid white;display:inline-block;color:white;font-size:.16rem}
.index_app .lists ul li .text h3{margin:.4rem 0 .25rem;font-size:.36rem;color:white}
.index_app .lists ul li .text p{font-size:.16rem;color:white;line-height:.25rem}

.index_app .lists ul li:hover img{transform:scale(1.1)}
.index_app .lists ul li:hover .text{opacity:1;visibility:visible;transform:translate(-50%,-50%)}

.index_tech {padding:0 0 1rem}
.index_tech .top{padding:1.35rem 0 .55rem}
.index_tech .top>div{display:grid;grid-template-columns:auto 62%}
.index_tech .top>div .tit h2{display:inline-block;height:.45rem;line-height:.45rem;padding:0 .3rem;border:2px solid #1a2f3b;border-radius:50px;color:#1a2f3b;font-weight:bold;font-size:.16rem}
.index_tech .top>div .text h3{font-size:.2rem;color:#192d3b;line-height:.3rem;margin:0 0 .45rem}
.index_tech .top>div .text .xx{display:grid;grid-template-columns:auto auto auto;grid-gap:0 .5rem}
.index_tech .top>div .text .xx p{font-size:.2rem;font-weight:bold;color:#192d3b}
.index_tech .top>div .text .xx p em{font-size:.3rem;color:#216aae}

.index_tech .bot{padding-left:2.1rem;}
.index_tech .bot .box{background:#f2f2f2;border-radius:20px  0  0 20px;display:grid;grid-template-columns:34% 63%;padding-left:.6rem;justify-content:space-between}
.index_tech .bot .box .lists{padding:.85rem 0 0}

.index_tech .bot .box .lists  .items{margin: 0 0 .5rem;transform:translateY(1rem);opacity:0}
.index_tech .bot .box .lists  .swiper-slide-active  .items{transform:none;opacity:1;transition:.5s}

.index_tech .bot .box .lists  .swiper-slide-active  .items:nth-child(1){transition-delay:200ms;}
.index_tech .bot .box .lists  .swiper-slide-active  .items:nth-child(2){transition-delay:300ms;}
.index_tech .bot .box .lists  .swiper-slide-active  .items:nth-child(3){transition-delay:400ms;}
.index_tech .bot .box .lists  .items:last-child{margin:0}
.index_tech .bot .box .lists .items.ens{margin:0 0 .15rem}
.index_tech .bot .box .lists .swiper-page.ens{margin:.2rem 0 0}
.index_tech .bot .box .lists .items h2{font-size:.24rem;color:#192d3b;margin:0 0 .2rem;font-weight:bold}
.index_tech .bot .box .lists .items p{font-size:.16rem;color:#192d3b;font-weight:bold}
.index_tech .bot .box .lists .swiper-page{display:flex;margin:1rem 0 0;gap:.15rem}
.index_tech .bot .box .lists .swiper-page>div{width:.5rem;height:.43rem;border-radius:10px;border:2px solid #c7c7c7;color:#000000;font-size:.3rem;text-align:center;line-height:.4rem}
.index_tech .bot .box .lists .swiper-page>div:hover{background:#1f8df5;border-color:#1f8df5;color:white}
.index_tech .bot .box .pics{border-radius:20px  0  0 20px;overflow:hidden;position:relative }
.index_tech .bot .box .pics .slide-pagination{position:absolute;left:.45rem;bottom:.4rem;z-index:2;}
.index_tech .bot .box .pics .slide-pagination span{background:white;margin-right:.1rem;width:.27rem;height:7px;border-radius:25px}

.index_tech .bot .box .pics a:hover img{transform:scale(1.1)}


.index_news{padding:1rem 0 1.6rem;background:#ecf0f3}
.index_news>div{padding-left:2.1rem}
.index_news>div .title{margin:0 0 .35rem}
.index_news>div .title h2{display:inline-block;height:.5rem;line-height:.46rem;padding:0 .3rem;border:2px solid #1a2f3b;border-radius:50px;color:#1a2f3b;font-weight:bold;font-size:.16rem}
.index_news>div .lists a{position:relative}
.index_news>div .lists a .img img{height:5rem;object-fit:cover}
.index_news>div .lists a:after{content:"";position:absolute;background:linear-gradient(to bottom, rgba(255,255,255,0),rgba(255,255,255,0),rgba(33,106,174,.4),rgba(33,106,174,.9), rgba(33,106,174,1));width:100%;left:0;height:100%;top:0}
.index_news>div .lists a .text{position:absolute;width:100%;padding:0 .42rem;bottom:.3rem;left:0;z-index:3}
.index_news>div .lists a .text h1{font-size.16rem;color:white;font-weight:bold;display:inline-block}
.index_news>div .lists a .text h2{font-size:.2rem;color:white;height:.6rem;line-height:.3rem;margin:.15rem 0 .4rem }
.index_news>div .lists a .text span{height:.37rem;line-height:.32rem;display:inline-block;padding:0 .5rem;border-radius:5px;border:2px solid white;color:white;font-size:.16rem}
.index_news>div .lists a:hover img{transform:scale(1.1)}
.index_news>div .lists a:hover .text span{background:white;color:#000}
/********<=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){
    .index_product .infos .box .items .text{left:1rem}
    .index_product .infos ul{right:1rem}
    .index_tech .bot{padding-left:1rem}
    .index_tech .bot .box .lists .swiper-page{margin:.5rem 0 0}
    .index_tech .bot .box .lists .swiper-slide-active .items{margin:0 0 .2rem}
    .index_tech .bot .box .lists{padding:.5rem 0 0}
    .index_news>div{padding-left:1rem}
    .company .bot{padding:1.1rem 1.1rem 1.5rem 1.25rem;}
    .history{height:700px}
    .history .title{left:1rem;top:.5rem}
    .jishu .infos{padding-left:1rem}
    .jishu .infos .lists{padding:.9rem 1rem .55rem .7rem;}
    .product .top .infos .right .tel{padding:.25rem 0}

}
@media(max-width:1440px){
    .history{height:650px}
   
}
@media(max-width:1300px){
    .history{height:600px}
   
}
@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}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner.index .label_text .left h2{font-size:.3rem;line-height:.35rem}
    .tem_banner.index .swiper-page{bottom:.1rem}
    .tem_banner.index .label_text .right ul li h2{font-size:.4rem;line-height:normal;height:auto;margin:0}
    .tem_banner.index .label_text .right ul li{margin:0 0 .2rem}
    .index_product .infos .box .items .text{left:.2rem;top:.5rem;width:60%}
    .index_product .infos .box .items .text h2{font-size:.4rem}
    .index_product .infos ul{right:.2rem;bottom:0}
     .index_product .infos ul li{margin:0 0 .1rem}
     .index_app .lists ul{grid-template-columns:1fr}
     .index_app .lists ul li:nth-child(1) .text{left:.2rem}
.index_app .lists ul li:nth-child(2) .text{left:.2rem}
.index_app .lists ul li:nth-child(3) .text{left:.2rem}
.index_tech .top>div{grid-template-columns:100%;grid-gap:.2rem}
.index_tech .top>div .text .xx{grid-template-columns:1fr}
.index_tech .bot{padding:0}
.index_news>div{padding:0 .2rem}
.index_tech .bot .box{grid-template-columns:100%;grid-gap:.5rem;padding:0 .2rem}
.footer .top{grid-template-columns:1fr}
.footer .top .logo{width:30%}
.tem_banner.indise .flash .banner_nav ul{display:flex;flex-wrap: wrap;}
.tem_banner.indise .flash .banner_nav.abouts{display:none}
.company .top ul li{padding:0 .2rem}
  .company .bot{padding:.5rem}
  .company .bot{grid-template-columns:1fr;grid-gap:1rem}
  .company .bot .img{padding:0 .5rem}
  .company .bot .img .xx{width:50%;left:.1rem}
  .history .xiantiao{display:none}
  .history{height:auto;padding:.2rem}
    .history .title{position:initial;margin:0 0 .5rem}
  .history .lists>div{position:initial;width:100%;text-align:left!important;margin:0 0 .3rem}
  .honor .lists:after{bottom:0}
  .honor .lists{padding:0 0 .8rem}
  .jishu .infos{padding:0 .2rem}
  .jishu .infos{grid-template-columns:100%;grid-gap:.2rem}
  .jishu .infos .lists{padding:.5rem}
  .partner .lists .swiper-slide{grid-template-columns:repeat(2,1fr)}
  .product_box .lists ul{grid-template-columns:repeat(2,1fr)}
  .product .top .infos{grid-template-columns:100%;grid-gap:.2rem}
  .product .top .infos .right{padding:.5rem}
  .news_box .top a .text{padding:0 .2rem}
  .news_box .lists ul{grid-template-columns:repeat(2,1fr)}
  .contact_box .infos ul{grid-template-columns:repeat(1,1fr);grid-gap:.5rem}
  .message .img{display:none}
  .message>div{grid-template-columns:repeat(1,1fr)}

}