.header{position: fixed;width: 100%;z-index: 1000;overflow: hidden;}
.header .navs{display:flex;justify-content: center;;position:relative}
.header .navs:after{content:"";position:absolute;background:white;width:0;height:100%;left:50%;transform:translateX(-50%);transition:.3s cubic-bezier(0.4, 0, 1, 1);z-index:-1;}
.header .logo{padding:0 .6rem;position:relative;font-size:0;display:flex;/* opacity:0 */}
.header .logo a{display:flex;flex-wrap: wrap;align-items: center;}
.header .logo .logo2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}
.header ul{display:flex;}
.header ul li{padding:0 .5rem}
.header ul li a{font-size:.16rem;color:white;height:1.3rem;line-height:1.3rem}
.header ul li.active a{color:#006bff !important}
.header .info {position:absolute;right:.6rem;top:50%;transform:translateY(-50%);display:flex;gap:.22rem;align-items: center;}
.header .info  .langs{position:relative}
.header .info  .langs dl{position:absolute;width:120%;left:50%;transform:translateX(-50%);text-align:center;margin-top:-2px;display:none;transition:none;top:130%}

.header .info  .langs dl dd a{font-size:.16rem;color:white;border:1px solid white}
.header .info  .langs.act>a{}
.header .info  .langs.act>a i{transform:rotate(180deg)}
.header .info  .langs dl dd a:hover{}
.header .info  .langs>a{color:white;font-size:.15rem;}
.header .info  .langs>a i{color:white;}
.header .info  .search{padding-left:.28rem;border-left:1px solid white;font-size:0}
.s_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;}
.s_content .container{position: relative;height: 100%;}
.s_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;}
.s_content a.close{position: absolute;font-size:.32rem;top:.1rem;right: .2rem;}
.s_content .title{color:#242424;margin-bottom:.1rem;font-size:.2rem;line-height: 1.5;}
.s_content .input{font-size: 0;line-height: 1;max-width: 600px;margin: 0 auto;}
.s_content input{height:.6rem;outline: none;vertical-align: middle}
.s_content .inpt3{padding-left:.2rem;border:1px solid #d2d2d2;font-size: .16rem;width: calc(100% - 60px);color:#292929;}
.s_content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
.s_content .inpt3:-moz-placeholder {color: #b6b6b6;}
.s_content .inpt3::-moz-placeholder {color: #b6b6b6;}
.s_content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
.s_content .inpt4{width:.6rem;background: #222;border:none;}
.s_content button{height:.6rem;outline: none;vertical-align: middle}
.s_content .inpt4 i {font-size: .24rem;color:#fff;}
.s_content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}


.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2)}

.header.is_header .navs:after{width:100%}
.header.is_header .navs ul li a{color:black}
.header.is_header .logo .logo2 {opacity:1}
.header.is_header  .navs  ul li a{height:.9rem;line-height:.9rem;}
.header.is_header .info .search  a img{filter:brightness(0) invert(0)}
.header.is_header .info .search {border-left:1px solid black;}
.header.is_header .info  .langs>a{color:black;font-size:.15rem;}
.header.is_header .info  .langs>a i{color:black;}
.header.is_header .info  .langs dl dd a{font-size:.16rem;color:black;border:1px solid black}


.tem_banner.index .label_text{position:absolute;left:1.8rem;top:36%;z-index:2;text-align:left}
.tem_banner.index .label_text h2{font-size:.55rem;color:white;font-weight:bold;transform:translateY(-3vw);opacity:0;transition:all .8s linear}
.tem_banner.index .label_text h3{font-size:.21rem;color:white;font-weight:bold;margin:.1rem 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 h3{transform:none;opacity:1;transition-delay:300ms}

.tem_banner.index .label_text2{position:absolute;right:2.4rem;bottom:1.35rem;z-index:2;text-align:left}
.tem_banner.index .label_text2 h1{font-size:.21rem;color:white;margin: 0 0 .05rem;font-weight:bold;transform:translateX(3vw);opacity:0;transition:all .8s linear}
.tem_banner.index .label_text2 .more{transform:translateX(3vw);opacity:0;transition:all .8s linear}
.tem_banner.index .label_text2 .more a{font-weight:bold;margin:.5rem 0 0;width:1.75rem;height:.6rem;line-height:.6rem;border:1px solid white;border-radius:50px;padding:0 .2rem;color:white;font-size:.14rem;display:flex;align-items: center;justify-content: space-between;}
.tem_banner.index .label_text2 a img{transition:.3s !important}
.tem_banner.index .label_text2 a:hover{background:white;color:black}
.tem_banner.index .label_text2 a:hover img{filter:brightness(1) invert(1)}
.tem_banner.index  .swiper .swiper-slide-active .label_text2 h1{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index  .swiper .swiper-slide-active .label_text2 .more{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index  .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:.5rem;z-index:2;text-align:center}
.tem_banner.index  .slide-pagination span{opacity:1;width:7px;height:7px;background:#859ed5;margin:0 7px}
.tem_banner.index  .slide-pagination span.swiper-pagination-bullet-active{background:white}
 
.tem_banner.indise  .flash{position:relative}
.tem_banner.indise  .flash .txt{position:absolute;width:100%;left:0;bottom:1.7rem;}
.tem_banner.indise  .flash .txt h2{font-size:.3rem;color:white;font-weight:bold;margin:0 0 .3rem}
.tem_banner.indise  .flash .txt  p{font-size:.48rem;color:white}
.tem_banner.indise .flash .txt p.enp{font-size:.3rem;color:white}

.about_box  .company .items1{padding:1.3rem 0 1.05rem}
.about_box  .company .items1>div{display:flex;justify-content: space-between;align-items: flex-end;}
.about_box  .company .items1 .text{width:74%}
.about_box  .company .items1 .text h2{font-size:.6rem;color:#0f65dd;margin:0 0 .65rem;/* opacity:0; */}
.about_box  .company .items1 .text p{font-size:.24rem;color:#2d2d2d;line-height:.35rem}
.about_box  .company .items1 .num h2{color:#0f65dd;font-size:.36rem;display:flex;position:relative;padding:.9rem 0 0 }
.about_box  .company .items1 .num h2:after{content:"";position:absolute;background:url(../images/4.png) 0 0 no-repeat;width:.6rem;height:.56rem;top:0;left:0;background-size:100%}
.about_box  .company .items1 .num h2 em{font-size:.72rem}
.about_box  .company .items1 .num p{font-size:.18rem;color:#6a6a6a;margin:.05rem 0 0}
.about_box  .company .items2{display:flex;padding-right:2.1rem;justify-content: space-between;align-items: flex-end;}
.about_box  .company .items2 .imgs1{width:61.4%}
.about_box  .company .items2 .img2{width:37.8%}
.about_box  .company .items3{padding:1rem 0}
.about_box  .company .items3 ul li{display:flex;justify-content: space-between;align-items: center;}
.about_box  .company .items3 ul li:nth-child(1){padding-left:2.1rem;margin:0 0 1rem}
.about_box  .company .items3 ul li:nth-child(2){padding-right:2.1rem}
.about_box  .company .items3 ul li .text{width:41.2%}
.about_box  .company .items3 ul li .text .tit{padding:0 0 .8rem}
.about_box  .company .items3 ul li .text .tit h2{font-size:.36rem;color:#2d2d2d;padding-left:1.25rem;position:relative;line-height:.5rem;margin:0 0 .45rem;}
.about_box  .company .items3 ul li .text .tit h2:after{content:"";position:absolute;background:url(../images/5.png) 0 0 no-repeat;width:.68rem;height:.85rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.about_box  .company .items3 ul li .text .tit p{font-size:.24rem;color:#2d2d2d;line-height:.35rem;}
.about_box  .company .items3 ul li .text .nums{display:flex;justify-content: space-between;}
.about_box  .company .items3 ul li .text .nums .box{padding:.9rem 0 0;position:relative }
.about_box  .company .items3 ul li .text .nums .box h1{color:#0f65dd;font-size:.3rem;display:flex}
.about_box  .company .items3 ul li .text .nums .box h1 em{font-size:.72rem}
.about_box  .company .items3 ul li .text .nums .box p{font-size:.18rem;color:#6a6a6a}
.about_box  .company .items3 ul li .text .nums .box:nth-child(1):after{position:absolute;content:"";background:url(../images/6.png) 0 0;width:.6rem;height:.6rem;left:0;top:0;background-size:100%;}
.about_box  .company .items3 ul li .text .nums .box:nth-child(2):after{position:absolute;content:"";background:url(../images/7.png) 0 0;width:.61rem;height:.61rem;left:0;top:0;background-size:100%;}

.about_box  .company .items3 ul li .img{width:53.3%}

.about_box  .company .items4 {position:relative}
.about_box  .company .items4 .info{padding:.55rem 0 1rem;position:relative}
.about_box  .company .items4 .info:after{content:"";position:absolute;background:url(../images/8.png) 0 0 no-repeat;width:.6rem;height:7px;background-size:100%;left:0;top:0}
.about_box  .company .items4 .info p{font-size:.18rem;color:#2d2d2d;line-height:.3rem}

.about_box  .company .items5{position:relative}
.about_box  .company .items5 .plays{position:absolute;left:50%;transform:translateX(-50%);bottom:1.1rem;}
.about_box  .company .items5 .plays h2{font-size:.2rem;color:white;text-align:center;margin:.25rem 0 0}
.about_box  .company .items5 .plays .imgs img{max-width:.82rem}
.about_box  .company .items5 .plays a:hover img{transform:scale(1.13)}
.video_fixed{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;transition:none;display:none;}
.video_fixed .mains{position:absolute;top:80%;left:50%;width:100%;max-width:10rem;transform:translate(-50%,-50%);opacity:0;}
.video_fixed .mains.on {top:50%;opacity:1}
.video_fixed .close_{position:absolute;top:20%;right:20%;cursor:pointer;}
.video_fixed .close_ i {width:.41rem;height:.41rem;border:2px solid white;font-size:.24rem;color:white;line-height:.41rem;text-align:center;border-radius:100%;display:block;}
.video_fixed .mains video {width:100%;height:5rem;object-fit:cover;}
.adv {padding:0 0 1.25rem;background:url(../images/11.png) 0 0 no-repeat}
.adv .title{padding:1.4rem 0 1rem;text-align:center}
.adv .title h2{font-size:.6rem;color:#0f65dd}
.adv .img_box{position:relative;display:flex;flex-wrap: wrap;justify-content: center;}
.adv .img_box .img{}
.adv .img_box  ul li{position:absolute;display:flex;align-items: center;;gap:.22rem}
.adv .img_box  ul li h2{font-size:.24rem;color:#232323}
.adv .img_box  ul li:nth-child(1){left:21%;top:4%}
.adv .img_box  ul li:nth-child(2){right:23.5%;top:6%}
.adv .img_box  ul li:nth-child(3){right:12%;top:38%}
.adv .img_box  ul li:nth-child(4){right:17%;top:78%}
.adv .img_box  ul li:nth-child(5){right:39%;top:105%}
.adv .img_box  ul li:nth-child(6){left:19%;top:88%}
.adv .img_box  ul li:nth-child(7){left:13.5%;top:43%}

.adv .items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 1.05rem;margin:1.45rem 00 0}
.adv .items .dd{position:relative}
.adv .items .dd .text{position:absolute;width:100%;top:50%;z-index:2;padding:0 .35rem}
.adv .items .dd .text h2{font-size:.3rem;color:white;font-weight:bold;text-align:center;margin:0 0 .3rem}
.adv .items .dd .text p{font-size:.16rem;color:white;line-height:.28rem}

.honor{background:url(../images/12.jpg) 0 0 no-repeat;background-size:cover}
.honor .title{text-align:center;padding:1.05rem 0 .45rem}
.honor .title  h2{font-size:.48rem;color:#ffffff;margin:0 0 .3rem;}
.honor .title  p{font-size:.16rem;color:white;line-height:.25rem}
.honor  .lists .swiper-slide{display:flex}
.honor  .lists .swiper-slide .items{width:50%;border-top:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);padding:.45rem .2rem .33rem 1.25rem;display:flex}
.honor  .lists .swiper-slide .items .img{width:34%;overflow:inherit}
.honor  .lists .swiper-slide .items a:hover img{transform:scale(1.1)}
.honor  .lists .swiper-slide .items .text{width:66%;padding:.2rem 0 .12rem .25rem;position:relative}
.honor  .lists .swiper-slide .items .text em{display:inline-block;height:.3rem;background:#0266f6;line-height:.3rem;padding:0 .12rem;color:white;font-size:.16rem;margin:0 0 .2rem}
.honor  .lists .swiper-slide .items .text h2{font-size:.3rem;color:white;font-weight:bold}
.honor  .lists .swiper-slide .items .text span{position:absolute;font-size:.16rem;color:white;left:.25rem;bottom:.12rem}
.honor  .lists .swiper-slide .items:first-child{border-right:1px solid rgba(255,255,255,.4)}
.honor  .lists  .swiper-page{padding:.45rem 0 .9rem;display:flex;gap:.25rem;justify-content: center;}
.honor  .lists  .swiper-page>div{width:.5rem;height:.5rem;border-radius:100%;border:1px solid white;text-align:center;line-height:.5rem;font-size:.26rem;color:white}
.honor  .lists  .swiper-page>div:hover{background:#016bff;border-color:#016bff}

.footer{background:url(../images/13.jpg) 0 0 no-repeat;background-size:cover}
.footer .top{display:flex;padding:.6rem 0 1rem;justify-content: space-between;align-items: center;}
.footer .top .logo{width:15%;/* opacity:0 */}
.footer .top .shares ul{display:flex;gap:.55rem}
.footer .top .shares ul li a{font-size:.25rem;color:white}
.footer .middle{display:flex;justify-content: space-between;padding:0 0 .65rem}
.footer .middle .left{width:53.5%;display:flex;flex-direction: column;justify-content: space-between;}
.footer .middle .left .fot_nav ul{display:flex;justify-content: space-between;}
.footer .middle .left .fot_nav ul li>a{font-size:.18rem;color:white;margin:0 0 .35rem}
.footer .middle .left .fot_nav ul li dl dd{margin:0 0 .15rem;}
.footer .middle .left .fot_nav ul li dl dd:last-child{margin:0}
.footer .middle .left .fot_nav ul li dl dd a{font-size:.16rem;color:white}
.footer .middle .left .bot p{font-size:.16rem;color:white}
.footer .middle .left .bot p a{display:initial;font-size:.16rem;color:white;margin-left:.5rem}
.footer .middle .right{width:40%} 
.footer .middle .right .form{margin:0 0 .8rem}
.footer .middle .right .form ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.footer .middle .right .form ul li{width:48.5%;margin:0 0 .23rem}
.footer .middle .right .form ul li:last-child{width:100%}
.footer .middle .right .form ul li input{width:100%;height:.58rem;background:none;border:1px solid #bfbfbf;padding:0 .18rem;color:white;font-size:.16rem}
.footer .middle .right .form .sub{margin:.07rem 0 0}
.footer .middle .right .form .sub button{height:.58rem;background:none;padding:0 .33rem;background:#006bff;color:white;border:0;font-size:.16rem}
.footer .middle .right  .txt p{font-size:.18rem;color:white;line-height:.35rem}

.product_main{padding:.45rem .6rem .8rem;display:flex;justify-content: space-between;}
.product_main .left{width:61.25%;border-radius:5px;background-repeat:no-repeat;background-size:cover;padding:.6rem .5rem .45rem}
.product_main .left>h2{font-size:.3rem;color:#0031a8;line-height:.38rem;padding:1rem 0 2.2rem ;position:relative;font-weight:bold}
.product_main .left>h2:after{content:"";position:absolute;background:url(../images/14.png) 0 0 no-repeat;width:.78rem;height:.78rem;left:00;top:0;background-size:100%}
.product_main .left  .txt h2{font-size:.24rem;color:#0031a8;font-weight:bold;margin:0 0 .35rem}
.product_main .left  .txt p{font-size:.16rem;color:#0031a8;font-weight:bold;}
.product_main .right{width:37.9%}
.product_main .right .text{padding:.35rem 0 0}
.product_main .right .text h2{font-size:.3rem;color:#797979;margin:0 0 .2rem}
.product_main .right .text  p{font-size:.16rem;color:#a2a2a2;line-height:.25rem}

.product_box{background:#f3f7ff;padding:.9rem 0 0}
.product_box .lists ul{display:grid;grid-template-columns:1fr 1fr;grid-gap: .25rem .15rem}
.product_box .lists ul li a{display:flex;background:white;padding:.52rem .4rem .52rem .6rem;justify-content: space-between;align-items: center;}
.product_box .lists ul li a .text{width:43.5%;}
.product_box .lists ul li a .text h2{font-size:.3rem;color:#0f65dd;font-weight:bold;margin:0 0 .15rem}
.product_box .lists ul li a .text p{font-size:.16rem;color:#000000;height:.75rem;line-height:.25rem}
.product_box .lists ul li a .text span{display:inline-block;margin:1.1rem 0 0;font-size:.16rem;color:#000000;padding-right:.3rem;position:relative}
.product_box .lists ul li a .text span:after{content:"";position:absolute;background:url(../images/15.png) 0 0 no-repeat;width:.18rem;height:.18rem;background-size:100%;right:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.product_box .lists ul li a:hover .text span:after{background:url(../images/15-1.png) 0 0 no-repeat;width:.18rem;height:.18rem;background-size:100%}
.product_box .lists ul li a:hover  .img{transform:scale(1.05)}
.product_box .lists ul li a:hover {box-shadow:0 0 15px rgba(0,0,0,0.13)}
.product_box .lists ul li a .img{width:48.7%;border-radius:8px}
.product_box .lists ul li a:hover span{color:#0f65dd}

.product_box    .page{display:flex;justify-content: center;padding:1rem 0}
.product_box   .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.16rem;color:#959595;;margin:0 5px;border:1px solid #959595}


.product_box   .page a:hover{background:#0f65dd;color:white;border-color:#0f65dd}
.product_box   .page a.page-num-current{background:#0f65dd;color:white;border-color:#0f65dd}




.zhineng_nav {padding:.88rem 0 0}
.zhineng_nav ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .6rem}
.zhineng_nav ul li a{padding:0 0 .23rem;border-bottom:1px solid #999999}
.zhineng_nav ul li a h2{font-size:.18rem;color:#999999;position:relative;height:.25rem;line-height:.25rem;overflow:hidden}
.zhineng_nav ul li a h2:after{content:"";position:absolute;background:url(../images/18.png) 0 0 no-repeat;width:.1rem;height:.25rem;right:0;top:0;background-size:100%;transition:.3s}
.zhineng_nav ul li a h2:before{content:"";position:absolute;background:url(../images/18-1.png) 0 0 no-repeat;width:.1rem;height:.25rem;right:0;top:-.25rem;background-size:100%;transition:.3s}
.zhineng_nav ul li a:hover h2:after,.zhineng_nav ul li.active h2:after{top:.25rem}
.zhineng_nav ul li a:hover h2:before,.zhineng_nav ul li.active h2:before{top:0}
.zhineng_nav ul li a:hover h2{color:#0f65dd}
.zhineng_nav ul li.active a h2{color:#0f65dd}
.zhineng_nav ul li a:hover,.zhineng_nav ul li.active a {border-bottom:1px solid #0f65dd}

.zhineng_title{text-align:center;padding:1.1rem 0 .25rem}
.zhineng_title h2{font-size:.48rem;color:#161515;margin:0 0 .2rem }
.zhineng_title p{font-size:.24rem;color:#1b1b1b}

.zhizao .zhizao_title .top{display:flex;justify-content: space-between;align-items: center;position:relative;margin:0 0 .8rem}
.zhizao .zhizao_title .top:after{content:"";position:absolute;width:85%;top:50%;transform:translate(-50%,-50%);left:50%;background:#c9c9c9;height:1px}
.zhizao .zhizao_title .text{display:flex;justify-content: space-between;align-items: flex-end;padding:0 0 1.1rem}
.zhizao .zhizao_title .text h2{width:18%;font-size:1rem;color:#0f65dd;text-align:right}
.zhizao .zhizao_title .text .txt{width:77.5%} 
.zhizao .zhizao_title .text .txt p{font-size:.2rem;color:#676767;line-height:.28rem}
.zhizao  .items1>div{display:flex;background:#5b5b5b;padding:.3rem .38rem .3rem .6rem;justify-content: space-between;border-radius:30px}
.zhizao  .items1  .text{width:43%;padding:1.555rem 0 0}
.zhizao  .items1  .text h2{font-size:.36rem;color:white;margin:0 0 .2rem}
.zhizao  .items1  .text  p{font-size:.16rem;color:white;line-height:.3rem}
.zhizao  .items1  .text  h3{margin:1rem 0 0;font-size:.32rem;color:white}
.zhizao  .items1  .text  h3 em{font-size:1rem;color:#ffffff;margin-right:.2rem}
.zhizao  .items1  .img{width:52.5%;border-radius:30px}
.zhizao  .items2{padding:1.3rem 0 1rem}
.zhizao  .items2 .lists{position:relative;padding: 0 .15rem}
.zhizao  .items2 .lists:after{content:"";position:absolute;width:100%;height:2px;left:0;background:#0f65dd;top:.22rem}
.zhizao  .items2 .lists .items{padding:.66rem 0 0;position:relative}
.zhizao  .items2 .lists .items .xx{width:.44rem;height:.44rem;border-radius:100%;background:white;border:2px solid  #0f65dd;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.zhizao  .items2 .lists .items .xx:after{content:"";position:absolute;background:#0f65dd;width:.16rem;height:.16rem;border-radius:100%;;top:50%;transform:translate(-50%,-50%);left:50%}
.zhizao  .items2 .lists .items a{overflow:hidden;border-radius:10px}
.zhizao  .items2 .lists .items a:hover img{transform:scale(1.1)}

.zhizao  .items3>div{background:#f3f7ff;display:flex;;padding:.3rem .6rem .3rem .4rem ;justify-content: space-between;border-radius:30px}
.zhizao  .items3  .text{width:43%;padding:1.2rem 0 0}
.zhizao  .items3  .text h2{font-size:.36rem;color:#252525;margin:0 0 .2rem}
.zhizao  .items3  .text  p{font-size:.16rem;color:#252525;line-height:.3rem}
.zhizao  .items3  .text  h3{margin:1rem 0 0;font-size:.32rem;color:#252525}
.zhizao  .items3  .text  h3 em{font-size:1rem;color:#252525;margin-right:.2rem}
.zhizao  .items3  .img{width:52.5%;border-radius:30px}
.zhizao  .items4{padding:.8rem .82rem 1rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:.15rem}

.dingxing .dngxing_top{padding:.45rem 0 0;}
.dingxing .dngxing_top .dd{display:flex;align-items: center;position:relative}
.dingxing .dngxing_top .dd .img{width:6.8%;text-align:left}
.dingxing .dngxing_top .xx{width:80%;height:2px;background:#dfdfdf}
.dingxing .dngxing_top .wz.enwz{width:20%}
.dingxing .dngxing_top .wz.enwz h2{font-size:.36rem}
.dingxing .dngxing_top .wz{width:18%;position:absolute;bottom:.6rem;right:-.8rem;display:flex;align-items: flex-end;}
.dingxing .dngxing_top .wz h2{font-size:.48rem;color:#0f65dd}
.dingxing .dngxing_top .txt{padding:.2rem 1.2rem 1.15rem}
.dingxing .dngxing_top .txt p{font-size:.2rem;color:#676767;line-height:.3rem}

.dingxing .dingxing_box{padding:0 .8rem;}
.dingxing .dingxing_box .box1{display:flex;justify-content: space-between;margin:0 0  .17rem}
.dingxing .dingxing_box .box1 .img:hover img{transform:scale(1.1)}
.dingxing .dingxing_box  .box1 .left{width:61.9%}
.dingxing .dingxing_box .box1  .left .items2{margin:.09rem 0;display:flex;justify-content: space-between;}
.dingxing .dingxing_box .box1  .left .items2  .txt{width:43.5%;background:#0f65dd;display:flex;flex-direction: column;align-items: center;justify-content: center;padding:0 .2rem}
.dingxing .dingxing_box .box1  .left .items2  .txt p{font-size:.24rem;color:white;line-height:.35rem}
.dingxing .dingxing_box .box1  .left .items2  .img{width:55.4%} 
.dingxing .dingxing_box .box1  .right{width:37%;display:flex;flex-direction: column;justify-content: space-between;}
.dingxing .dingxing_box .box2{padding: 0 0  1.2rem}
.dingxing .dingxing_box .box2 ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 .2rem}
.dingxing .dingxing_box .box2 ul  li .img{position:relative}
.dingxing .dingxing_box .box2 ul  li:nth-child(1)  .img:after{content:"";position:absolute;background:url(../images/22.png) 0 0 no-repeat;width:1.28rem;height:1.28rem;background-size:100%;right:.4rem;bottom:.25rem}
.dingxing .dingxing_box .box2 ul  li:nth-child(2)  .img:after{content:"";position:absolute;background:url(../images/23.png) 0 0 no-repeat;width:1.28rem;height:1.28rem;background-size:100%;right:.4rem;bottom:.25rem}

.dingxing .dingxing_box .box2 ul  li .text{padding:.62rem 0 0}
.dingxing .dingxing_box .box2 ul  li .text h2{font-size:.3rem;color:#484747;margin:0 0 .2rem}
.dingxing .dingxing_box .box2 ul  li .text p{font-size:.18rem;color:#484747}
.dingxing .dingxing_box .box2 .img:hover img{transform:scale(1.1)}
.fengzhi .fengzhi_title .top{display:flex;justify-content: space-between;align-items: center;position:relative;margin:0 0 .8rem}
.fengzhi .fengzhi_title .top:after{content:"";position:absolute;width:85%;top:50%;transform:translate(-50%,-50%);left:50%;background:#c9c9c9;height:1px}
.fengzhi .fengzhi_title .text{display:flex;justify-content: space-between;align-items: center;padding:0 0 1rem;}
.fengzhi .fengzhi_title .text h2{width:32%;font-size:1rem;color:#0f65dd;text-align:right}
.fengzhi .fengzhi_title .text .txt{width:63%} 
.fengzhi .fengzhi_title .text .txt p{font-size:.2rem;color:#676767;line-height:.28rem}
.fengzhi .fengzhi_box {padding:0 0 1rem}
.fengzhi .fengzhi_box .box1>div{display:flex;justify-content: space-between;}
.fengzhi .fengzhi_box .box1 .left{width:40%;display:flex;flex-direction: column;justify-content: space-between;}
.fengzhi .fengzhi_box .box1 .right{width:59%}
.fengzhi .fengzhi_box .box1 .right .items2{margin:.15rem 0;display:flex;justify-content: space-between;}
.fengzhi .fengzhi_box .box1 .right .items2 .txt{width:39%;background:#0f65dd;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.fengzhi .fengzhi_box .box1 .right .items2 .txt h2{font-size:1rem;color:white}
.fengzhi .fengzhi_box .box1 .right .items2 .txt  p{font-size:.32rem;color:white;margin:.08rem 0 0}
.fengzhi .fengzhi_box .box1 .right .items2 .img{width:59.8%}
.fengzhi .fengzhi_box .box1 .img:hover img{transform:scale(1.1)}

.chengpin .chengpin_title .top{display:flex;justify-content: space-between;align-items: center;position:relative;margin:0 0 .8rem}
.chengpin .chengpin_title .top:after{content:"";position:absolute;width:85%;top:50%;transform:translate(-50%,-50%);left:50%;background:#c9c9c9;height:1px}
.chengpin .chengpin_title .text{display:flex;justify-content: space-between;align-items: center;padding:0 0 1rem;}
.chengpin .chengpin_title .text h2{width:32%;font-size:1rem;color:#0f65dd;text-align:right}
.chengpin .chengpin_title .text .txt{width:63%} 
.chengpin .chengpin_title .text .txt p{font-size:.2rem;color:#676767;line-height:.28rem}
.chengpin .chengpin_box .box1{padding:0 0 1rem}
.chengpin .chengpin_box .box1>div{display:flex;justify-content: space-between;}
.chengpin .chengpin_box .box1>div .left{width:40.3%}
.chengpin .chengpin_box .box1>div .left .items1{margin:0 0 .12rem;}
.chengpin .chengpin_box .box1>div .right{width:59%;display:flex;flex-direction: column;justify-content: space-between;}
.chengpin .chengpin_box .box1 .img:hover img{transform:scale(1.1)}

.news_top{background:#f3f7ff;padding:.8rem 0 }
.news_top .lists {position:relative}
.news_top .lists .slide-pagination{position:absolute;left:0;bottom:.15rem;z-index:2}
.news_top .lists .slide-pagination span{width:.36rem;height:6px;border-radius:25px;margin:0 4px}
.news_top .lists .items{display:flex;justify-content: space-between;}
.news_top .lists .items  .left{width:42%}
.news_top .lists .items  .left h2{color:#292929;font-size:.16rem;}
.news_top .lists .items  .left h3{font-size:.42rem;color:#0f65dd;line-height:.5rem;height:1rem;margin:.4rem 0 .6rem}
.news_top .lists .items  .left a{display:inline-flex;height:.66rem;line-height:.66rem;padding:0 .28rem;border-radius:5px;border:1px solid #1e2188;font-size:.16rem;color:#0f65dd;align-items: center;}
.news_top .lists .items  .left a img{margin-left:.28rem}
.news_top .lists .items  .left a:hover{background:#0f65dd;border-color:#0f65dd;color:white}
.news_top .lists .items  .left a:hover img{filter:brightness(0) invert(1)}
.news_top .lists .items  .img{width:48.5%}

.news_box{padding:.75rem 0 0}

.news_box  .news_nav{padding:0 1.3rem .65rem}
.news_box  .news_nav ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.66rem}
.news_box  .news_nav ul li a{padding:0 0 .23rem;border-bottom:1px solid #999999}
.news_box  .news_nav ul li a h2{font-size:.18rem;color:#999999;position:relative;height:.25rem;line-height:.25rem;overflow:hidden}
.news_box  .news_nav ul li a h2:after{content:"";position:absolute;background:url(../images/18.png) 0 0 no-repeat;width:.1rem;height:.25rem;right:0;top:0;background-size:100%;transition:.3s}
.news_box  .news_nav ul li a h2:before{content:"";position:absolute;background:url(../images/18-1.png) 0 0 no-repeat;width:.1rem;height:.25rem;right:0;top:-.25rem;background-size:100%;transition:.3s}
.news_box  .news_nav ul li a:hover h2:after,.news_box  .news_nav ul li.active h2:after{top:.25rem}
.news_box  .news_nav ul li a:hover h2:before,.news_box  .news_nav ul li.active h2:before{top:0}
.news_box  .news_nav ul li a:hover h2{color:#0f65dd}
.news_box  .news_nav ul li.active a h2{color:#0f65dd}
.news_box  .news_nav ul li a:hover,.news_box  .news_nav ul li.active a {border-bottom:1px solid #0f65dd}
.news_box   .lists{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.77rem .88rem}
.news_box   .lists .items a{padding:0 0 .3rem;position:relative}
.news_box   .lists .items a .img{border-radius:5px}
.news_box   .lists .items a h2{margin:.25rem 0 .5rem;;font-size:.2rem;color:#1b1b1b;height:.6rem;line-height:.3rem}
.news_box   .lists .items a>span{width:100%;display:inline-block;font-size:.16rem;color:#292929;margin:0 0 .4rem}
.news_box   .lists .items a em{display:flex;align-items: center;font-size:.16rem;color:#292929}
.news_box   .lists .items a img{margin-right:.17rem}
.news_box   .lists .items a:hover .img img{transform:scale(1.1)}
.news_box   .lists .items a:hover em img{margin-right:.37rem}
.news_box   .lists .items a:after{content:"";position:absolute;background:#1e2188;width:0;height:1px;bottom:-1px;left:0;transition:.5s;z-index:2}
.news_box   .lists .items a:hover:after{width:100%}
.news_box   .lists .items a:before{content:"";position:absolute;background:#c9c9c9;width:100%;height:1px;bottom:-1px;left:0;z-index:1}
.news_box    .page{display:flex;justify-content: center;padding:1rem 0}
.news_box    .page a{width:.4rem;height:.4rem;line-height:.4rem;font-size:.16rem;color:#959595;;margin:0 5px;border:1px solid #959595}


.news_box    .page a:hover{background:#0f65dd;color:white;border-color:#0f65dd}
.news_box    .page a.page-num-current{background:#0f65dd;color:white;border-color:#0f65dd}

.problem{padding:.35rem 0 0}
.problem ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.48rem;;}
.problem ul li{background:#f3f7ff;border-radius:5px}
.problem ul li .q{height:1.3rem;display:flex;padding:0 .2rem 0 1.4rem;flex-direction: column;justify-content: center;border-bottom:1px solid #c1d7f8;position:relative}
.problem ul li .q:after{content:"";position:absolute;background:url(../images/a.png) 0 0 no-repeat;width:.66rem;height:.66rem;left:.5rem;top:50%;transform:translateY(-50%);background-size:100%}
.problem ul li .q h2{font-size:.3rem;color:#404041}
.problem ul li .a{padding:.5rem .2rem .5rem 1.4rem;position:relative}
.problem ul li .a:after{content:"";position:absolute;background:url(../images/q.png) 0 0 no-repeat;width:.66rem;height:.66rem;left:.5rem;top:50%;transform:translateY(-50%);background-size:100%}

.problem ul li .a p{font-size:.24rem;color:#0f65dd}


.contact_box .infos{padding:1.1rem 0; }
.contact_box .infos  .text{text-align:center;}
.contact_box .infos .text>h2{font-size:.36rem;color:#000000;text-align:center;margin:0 0 .4rem}
.contact_box .infos .text p{font-size:.2rem;color:#000000}
.contact_box .infos .text .maps{margin:.4rem 0 .6rem;text-align:center}
.contact_box .infos .text .maps a{display:inline-flex;align-items: center;gap:16px;font-size:.16rem;color:#016bff}
.contact_box .infos .text .info{display:flex;justify-content: center;gap:16px}
.contact_box .infos .text .info a{display:flex;gap:.3rem;height:.5rem;border-radius:50px;border:2px solid #016bff;align-items: center;justify-content: center;}
.contact_box .infos .text .info a h1{font-size:.18rem;font-weight:bold;color:#000000}
.contact_box .infos .text .info a:nth-child(1){width:2.8rem}
.contact_box .infos .text .info a:nth-child(2){width:3.66rem}
.contact_box .infos .text .info a:hover{background:#016bff;}
.contact_box .infos .text .info a:hover h1{color:white}
.contact_box .infos .text .info a:hover img{filter:brightness(0) invert(1)}

.contact_box .message{background:#f5f7f9;padding:0 0 1.1rem}
.contact_box .message .title{padding:1rem 0 .1rem}
.contact_box .message .title h2{font-size:.36rem;color:#000000}
.contact_box .message .title h3{font-size:.16rem;color:#016bff;font-weight:bold;margin:.3rem 0}
.contact_box .message .title p{font-size:.24rem;color:#016bff}
.contact_box .message  .form .box{display:flex;justify-content: space-between;align-items: flex-end;}
.contact_box .message  .form .box .left{width:28%;}
.contact_box .message  .form .box .left input{width:100%;height:.7rem;background:none;border:0;border-bottom:1px solid #999999;font-size:.16rem;color:black}
.contact_box .message  .form .box .right{width:68%}
.contact_box .message  .form .box .right ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .message  .form .box .right ul li{width:32.5%}
.contact_box .message  .form .box .right ul li input{width:100%;height:.5rem;background:none;border:0;border-bottom:1px solid #999999;font-size:.16rem;color:black}

.contact_box .message  .form .box .right ul li:last-child{width:100%;margin:1rem 0 0}
.contact_box .message .form .subss{text-align:right;margin:.45rem 0 0}
.contact_box .message .form .subss button{width:1rem;height:.44rem;background:#0f65dd;font-size:.16rem;color:white;border-radius:50px;display:inline-flex;border:0;align-items: center;justify-content: center;gap:24px}
.contact_box .message .form .subss button:hover{box-shadow:0 0 12px rgba(0,0,0,0.4)}

.index_zhineng .title{text-align:center;padding:.8rem 0 .5rem;}
.index_zhineng .title h2{font-size:.48rem;color:#0031a8;margin:0 0 .1rem}
.index_zhineng .title p{font-size:.24rem;color:#606060}
.index_zhineng  .lists{padding:0 .6rem 1.3rem}
.index_zhineng  .lists ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.1rem}
.index_zhineng  .lists ul li a{position:relative}
.index_zhineng  .lists ul li a .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:100%;text-align:center}
.index_zhineng  .lists ul li a .text h2{font-size:.34rem;color:white}
.index_zhineng  .lists ul li a .text  p{font-size:.34rem;color:white;margin:.05rem 0 .2rem}
.index_zhineng  .lists ul li a .text span{font-size:.16rem;color:#006bff;}
.index_zhineng  .lists ul li a .text i{font-size:.16rem;color:#006bff;margin-left:8px}
.index_zhineng  .lists ul li a .img{border-radius:10px}
.index_zhineng  .lists ul li a:hover img{transform:scale(1.1)}
.index_zhineng  .lists ul li a:after{position:absolute;content:"";background:url(../images/31.png) 0 0 no-repeat;width:100%;height:100%;left:0;top:0;border-radius:10px;background-size:100%;opacity:1;transition:.3s}
.index_zhineng  .lists ul li a:before{position:absolute;content:"";position:absolute;background:rgba(0,49,168,.8);width:100%;height:100%;top:0;left:0;z-index:2;border-radius:10px;opacity:0;transition:.3s}
.index_zhineng  .lists ul li a:hover:before{opacity:1}
.index_zhineng  .lists ul li a:hover:after{opacity:0}
.index_about{padding:1.9rem 0 0;background:url(../images/33.jpg) 0 0 no-repeat;background-size:cover}
.index_about .pad21{padding-left:2.1rem}
.index_about .top{display:flex;justify-content: space-between;padding:0 0 1.1rem}
.index_about .top  .left{width:32.5%;position:relative} 
.index_about .top  .left h1{font-size:.36rem;color:white;margin:0 0 .1rem}
.index_about .top  .left  h2{font-size:.36rem;color:white;margin:0 0 .6rem}
.index_about .top  .left  p{font-size:.14rem;color:#ffffff;line-height:.28rem}
.index_about .top  .left .more{position:absolute;left:0;bottom:0;}
.index_about .top  .left .more a{height:.6rem;width:1.8rem;background:#006bff;border-radius:50px;display:flex;align-items: center;justify-content: center;font-size:.14rem;color:white;font-weight:bold;gap:.55rem}
.index_about .top  .left .more a:hover{background:white;color:black}
.index_about .top  .left .more a:hover img{filter:brightness(1) invert(1)}
.index_about .top  .lists{width:67%;position:relative}
.index_about .top  .lists a{position:relative;overflow:hidden;border-radius:10px}
.index_about .top  .lists a:after{content:"";position:absolute;width:100%;height:100%;background:rgba(0,107,255,.69);z-index:2;left:0;top:0;;border-radius:10px;transition:.3s;}
.index_about .top  .lists .swiper-slide-active a:after{opacity:0}
.index_about .top  .lists a:hover img{transform:scale(1.1)}
.index_about .top  .lists .swiper-page{position:absolute;right:1rem;top:-1.15rem;z-index:2;display:flex;gap:9px}
.index_about .top  .lists .swiper-page>div{width:.45rem;height:.45rem;border-radius:100%;border:1px solid white;text-align:center;line-height:.45rem;color:#0468fe;font-size:.24rem}
.index_about .top  .lists .swiper-page>div:hover{background:#006bff;border-color:#006bff;color:white}
.index_about .info ul{display:flex;border-top:2px solid rgba(255,255,255,.5);padding:.4rem 0 .9rem}
.index_about .info ul li{width:25%}
.index_about .info ul li h1 {font-size:.3rem;color:white;display:flex}
.index_about .info ul li h1 em{font-size:.72rem;color:white;font-family:"Montserrat-Light";}
.index_about .info ul li  p{font-size:.18rem;color:white;margin:.15rem 0 0}

.index_product{padding:0 0 1.6rem}
.index_product .title{text-align:center;padding:1.1rem 0 .35rem}
.index_product .title h2{font-size:.36rem;color:#0031a8;margin:0 0 .05rem}
.index_product .title h1{font-size:.36rem;color:#606060}
.index_product .index_product_main{padding:0 .6rem 0;display:flex;justify-content: space-between;}
.index_product .index_product_main .left{width:61.25%;border-radius:5px;background-repeat:no-repeat;background-size:cover;padding:.6rem .5rem .45rem}
.index_product .index_product_main  .left>h2{font-size:.3rem;color:#0031a8;line-height:.38rem;padding:1rem 0 2.2rem ;position:relative;font-weight:bold}
.index_product .index_product_main .left>h2:after{content:"";position:absolute;background:url(../images/14.png) 0 0 no-repeat;width:.78rem;height:.78rem;left:00;top:0;background-size:100%}
.index_product .index_product_main .left  .txt {position:relative}
.index_product .index_product_main .left  .txt h2{font-size:.24rem;color:#0031a8;font-weight:bold;margin:0 0 .35rem}
.index_product .index_product_main .left  .txt p{font-size:.16rem;color:#0031a8;font-weight:bold;}
.index_product .index_product_main .left  .txt .more{position:absolute;right:0;bottom:0;}
.index_product .index_product_main .left  .txt .more a{height:.6rem;width:1.8rem;background:#006bff;border-radius:50px;display:flex;align-items: center;justify-content: center;font-size:.14rem;color:white;font-weight:bold;gap:.55rem}
.index_product .index_product_main .left  .txt .more a:hover{background:white;color:black;box-shadow:0 0 12px rgba(0,0,0,0.3)}
.index_product .index_product_main .left  .txt  .more a:hover img{filter:brightness(1) invert(1)}
.index_product .index_product_main .right{width:37.9%}
.index_product .index_product_main .right .text{padding:.35rem 0 0}
.index_product .index_product_main .right .text h2{font-size:.3rem;color:#797979;margin:0 0 .2rem}
.index_product .index_product_main .right .text  p{font-size:.16rem;color:#a2a2a2;line-height:.25rem}
.index_adv{padding:0 0 .78rem}
.index_adv .title{text-align:center;padding:0 0 .5rem}
.index_adv .title h2{font-size:.36rem;color:#0031a8;margin:0 0 .05rem}
.index_adv .title p{font-size:.36rem;color:#606060}
.index_adv  .text ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 1.4rem}
.index_adv  .text ul li{text-align:center;position:relative}
.index_adv  .text ul li:after{position:absolute;content:"";width:2px;height:1rem;background:#ddedff;bottom:0;right:-.7rem}
.index_adv  .text ul li:last-child:after{display:none}
.index_adv  .text ul li h2{font-size:.24rem;color:#606060;margin:0 0 .1rem;position:relative;padding:1.25rem 0 0 }
.index_adv  .text ul li p{font-size:.16rem;color:#606060;}
.index_adv  .text ul li:nth-child(1) h2:after{position:absolute;content:"";background:url(../images/xz1.png)center center no-repeat;background-size:.54rem .61rem;width:1rem;height:1rem;border-radius:100%;border:1px solid #006bff;left:50%;transform:translateX(-50%);top:0;transition:.3s}
.index_adv  .text ul li:nth-child(2) h2:after{position:absolute;content:"";background:url(../images/xz2.png)center center no-repeat;background-size:.53rem .47rem;width:1rem;height:1rem;border-radius:100%;border:1px solid #006bff;left:50%;transform:translateX(-50%);top:0;transition:.3s}
.index_adv  .text ul li:nth-child(3) h2:after{position:absolute;content:"";background:url(../images/xz3.png)center center no-repeat;background-size:.46rem .61rem;width:1rem;height:1rem;border-radius:100%;border:1px solid #006bff;left:50%;transform:translateX(-50%);top:0;transition:.3s}
.index_adv  .text ul li:nth-child(4) h2:after{position:absolute;content:"";background:url(../images/xz4.png)center center no-repeat;background-size:.65rem .44rem;width:1rem;height:1rem;border-radius:100%;border:1px solid #006bff;left:50%;transform:translateX(-50%);top:0;transition:.3s}
.index_adv  .text ul li:nth-child(1):hover h2:after{position:absolute;content:"";background:#006bff url(../images/xz1-1.png)center center no-repeat;background-size:.54rem .61rem;width:1rem;height:1rem;border-radius:100%;border:1px solid #006bff;left:50%;transform:translateX(-50%);top:0;transition:.3s}
.index_adv  .text ul li:nth-child(2):hover h2:after{position:absolute;content:"";background:#006bff  url(../images/xz2-2.png)center center no-repeat;background-size:.53rem .47rem;width:1rem;height:1rem;border-radius:100%;border:1px solid #006bff;left:50%;transform:translateX(-50%);top:0;transition:.3s}
.index_adv  .text ul li:nth-child(3):hover h2:after{position:absolute;content:"";background:#006bff  url(../images/xz3-3.png)center center no-repeat;background-size:.46rem .61rem;width:1rem;height:1rem;border-radius:100%;border:1px solid #006bff;left:50%;transform:translateX(-50%);top:0;transition:.3s}
.index_adv  .text ul li:nth-child(4):hover h2:after{position:absolute;content:"";background:#006bff  url(../images/xz4-4.png)center center no-repeat;background-size:.65rem .44rem;width:1rem;height:1rem;border-radius:100%;border:1px solid #006bff;left:50%;transform:translateX(-50%);top:0;transition:.3s}

.index_pro_like  ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.1rem}
.index_pro_like  ul li a {position:relative}
.index_pro_like  ul li a img{width:100%;object-fit:cover;height:3.6rem}
.index_pro_like  ul li a  em{position:absolute;left:.54rem;top:.54rem;font-size:.2rem;color:white;z-index:2}
.index_pro_like  ul li a  .text{position:absolute;left:.54rem;bottom:.35rem;width:50%;z-index:2}
.index_pro_like  ul li a  .text h2{font-size:.24rem;color:#ffffff;font-weight:bold;margin:0 0 .15rem}
.index_pro_like  ul li a  .text  p{font-size:.16rem;color:white}
.index_pro_like  ul li a:hover img{transform:scale(1.1)}
.index_pro_like  ul li a:after{content:'';position:absolute;background:rgba(0,0,0,.14);width:100%;height:100%;left:0;top:0;transition:.3s;opacity:0}
.index_pro_like  ul li a:before{content:"";position:absolute;background:url(../images/34.png) 0 0 no-repeat;;width:.7rem;height:.71rem;left:50%;top:60%;transform:translate(-50%,-50%);z-index:2;background-size:100%;transition:.5s;opacity:0}
.index_pro_like  ul li a:hover:after{opacity:1}
.index_pro_like  ul li a:hover:before{opacity:1;top:50%;transition-delay:300ms}
.index_pro_like  ul li a:hover .text h2{color:#1e2188}
.index_news{padding:0 0 1.1rem}
.index_news .title{text-align:center;padding:1.4rem 0 .5rem}
.index_news .title h2{font-size:.36rem;color:#797979}
.index_news .title p{font-size:.48rem;color:#1e23b1;font-weight:bold}
.index_news  .lists{position:relative}
.index_news  .lists .text{padding:.3rem 0 0}
.index_news  .lists .text h2{margin:0 0 .35rem;;font-size:.2rem;color:#292929;height:.6rem;line-height:.3rem}
.index_news  .lists .text>span{width:100%;display:inline-block;font-size:.2rem;color:#292929;margin:0 0 .35rem}
.index_news  .lists .text em{display:flex;align-items: center;font-size:.16rem;color:#292929}
.index_news  .lists .text img{margin-right:.17rem}
.index_news  .lists a .img{border-radius:5px}
.index_news  .lists a:hover .img img{transform:scale(1.1)}
.index_news  .lists a:hover em img{margin-right:.37rem}
.index_news  .lists  .swiper-slide{opacity:.3;transition:.3s}
.index_news  .lists  .swiper-slide.swiper-slide-prev,.index_news  .lists  .swiper-slide.swiper-slide-next,.index_news  .lists  .swiper-slide.swiper-slide-active{opacity:1}
.index_news  .lists .swiper-page>div{position:absolute;width:.7rem;height:.7rem;border-radius:100%;background:#000000;text-align:center;line-height:.7rem;color:white;font-size:.36rem;top:23%;left:1.5rem;z-index:2}
.index_news  .lists .swiper-page>div.slide-button-next{left:auto;right:1.5rem;z-index:2}
.index_news  .lists .swiper-page>div:hover{background:#1e23b1}
/********<=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 .label_text{left:1rem}
    .tem_banner.index .label_text2{right:1rem}
.index_about .pad21{padding-left:1rem}
.about_box .company .items2{padding-right:1rem}
.about_box .company .items3 ul li:nth-child(1){padding-left:1rem}
.about_box .company .items3 ul li:nth-child(2){padding-right:1rem}
.dingxing .dngxing_top .wz{right:0}
.header ul li{padding:0 .3rem;
}
@media(max-width:1440px){
  
.adv .img_box  ul li:nth-child(3){right:9%;top:38%}
.adv .img_box  ul li:nth-child(4){right:15%;top:78%}

.adv .img_box  ul li:nth-child(7){left:11%;top:43%} 
}


@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:.2rem;top:10%}
    .tem_banner.index .label_text h2{font-size:.3rem}
    .tem_banner.index .label_text2{right:.2rem;bottom:.5rem}
    .index_zhineng .lists ul{grid-template-columns:1fr}
    .index_about{padding:1.5rem 0 0 }
    .index_about .pad21{padding:0 .2rem}
    .index_about .top{display:inherit}
    .index_about .top .left{width:100%;padding:0 0 1rem}
    .index_about .top .left .more a{width:2.5rem}
    .index_about .top .lists{width:100%;margin:.3rem 0 0}
    .index_about .top .lists .swiper-page{position:inherit;left:0;top:0}
    .index_about .info ul{display:flex;flex-wrap: wrap;gap:.3rem 0}
    .index_about .info ul li{width:50%;}
    .index_product .index_product_main{padding:0 .2rem}
    .index_product .index_product_main{display:inherit}
    .index_product .index_product_main .left{width:100%}
    .index_product .index_product_main .left .txt .more{position:inherit;margin:.3rem 0 0}
    .index_product .index_product_main .left .txt .more a{width:2.5rem;}
    .index_product .index_product_main .left>h2{padding:1rem 0}
    .index_product .index_product_main .right{width:100%;margin:.3rem 0 0}
    .index_adv .text ul{display:grid;grid-template-columns:1fr 1fr;grid-gap: .5rem 1.4rem}
     .index_pro_like {padding:0 .2rem}
    .index_pro_like ul li a img{height:3rem}
    .index_pro_like ul li a .text{width:100%;left:00;padding:0 .2rem}
    .index_pro_like ul{grid-template-columns:1fr 1fr}
    .index_pro_like ul li a em{left:.2rem}
    .index_news .lists .swiper-page>div{left:.2rem}
    .index_news .lists .swiper-page>div.slide-button-next{right:.2rem}
.footer .top .shares ul li a{font-size:.36rem}
.footer .middle{display:flex;flex-direction:column-reverse;padding:0}
.footer .middle .left{width:100%}
.footer .middle .left .fot_nav{display:none}
.footer .middle .right{width:100%}
.footer .middle .right .form{margin:0 0 .2rem }
.footer .top .logo{width:25%}
.tem_banner.indise .flash .txt{bottom:.4rem}
.tem_banner.indise .flash .txt p{font-size:.3rem}
.about_box .company .items1{padding:.5rem 00 }
.about_box .company .items1 .text h2{font-size:.48rem}
.about_box .company .items2{padding:0}
.about_box .company .items3 ul li:nth-child(1){padding:0 .2rem}
.about_box .company .items3 ul li{display:inherit}
.about_box .company .items3 ul li .text{width:100%;margin:.1rem 0}
.about_box .company .items3 ul li .img{width:100%;margin:.1rem 0}
.about_box .company .items3 ul li:nth-child(2){padding:0 .2rem}
.adv .img_box  ul li:nth-child(1){left:1%;top:4%}
.adv .img_box  ul li:nth-child(2){right:5%;top:3%}
.adv .img_box  ul li:nth-child(3){right:0%;top:48%}
.adv .img_box  ul li:nth-child(4){right:0%;top:82%}
.adv .img_box  ul li:nth-child(5){right:29%;top:105%}
.adv .img_box  ul li:nth-child(6){left:0%;top:88%}
.adv .img_box  ul li:nth-child(7){left:0%;top:33%}
.adv .img_box ul li img{max-width:.5rem}
.adv .items{grid-template-columns:1fr 1fr}
.adv .items .dd .text{top:45%}
.honor  .lists .swiper-slide .items{padding:.2rem;display:initial}
.honor  .lists .swiper-slide .items .img{width:100%}
.honor .lists .swiper-slide .items .text{width:100%;padding:.2rem 0  .5rem}
.honor .lists .swiper-slide .items .text span{left:0}
.product_main{display:inherit}
.product_main .left{width:100%}
.product_main .left>h2{padding:1rem 0}
.product_main .right{width:100%;margin:.2rem 0 0}
.product_box .lists ul{grid-template-columns:1fr}
.zhizao .zhizao_title .top:after{width:80%}
.zhizao .zhizao_title .top .img{width:10%}
.zhizao .zhizao_title .text{display:inherit}
.zhizao .zhizao_title .top{margin:0 0 .2rem}
.zhizao .zhizao_title .text h2{width:100%;font-size:.48rem;text-align:left}
.zhizao .zhizao_title .text .txt{width:100%}
.fengzhi .fengzhi_title .top{margin:0 0 .2rem}
.fengzhi .fengzhi_title .top .img{width:10%}
.fengzhi .fengzhi_title .top:after{width:80%}
.fengzhi .fengzhi_title .text{display:inherit;padding:0 0 .5rem}
.fengzhi .fengzhi_title .text h2{width:100%;font-size:.48rem;text-align:left}
.fengzhi .fengzhi_title .text .txt{width:100%}


.chengpin .chengpin_title .top{margin:0 0 .2rem}
.chengpin .chengpin_title .top .img{width:10%}
.chengpin .chengpin_title .top:after{width:80%}
.chengpin .chengpin_title .text{display:inherit;padding:0 0 .5rem}
.chengpin .chengpin_title .text h2{width:100%;font-size:.48rem;text-align:left}
.chengpin .chengpin_title .text .txt{width:100%}
.zhizao .items1>div{display:inherit}
.zhizao .items1 .text{width:100%;padding:.5rem 0 0}
.zhizao .items1 .img{width:100%}
.zhizao .items3>div{display:inherit}
.zhizao .items3 .text{width:100%;padding:.5rem 0 0}
.zhizao .items3 .img{width:100%}
.dingxing .dngxing_top .wz h2{font-size:.3rem}
.dingxing .dngxing_top .wz{width:auto;top:.2rem}
.dingxing .dngxing_top .txt{padding:.3rem 0}
.dingxing .dingxing_box{padding:0 .2rem}
.dingxing .dingxing_box .box1 .left .items2{}
.dingxing .dingxing_box .box1 .left{width:100%}
.dingxing .dingxing_box .box1{display:inherit}
.dingxing .dingxing_box .box1 .right{width:100%;margin:.1rem 0 0}
.dingxing .dingxing_box .box1 .right .img{margin:0 0 .1rem}
.dingxing .dingxing_box .box2 ul{grid-template-columns:1fr;grid-gap:.5rem}
.fengzhi .fengzhi_box .box1>div{display:inherit}
.fengzhi .fengzhi_box .box1 .left{width:100%}
  .fengzhi .fengzhi_box .box1 .left .img{margin:0 0 .1rem}
.fengzhi .fengzhi_box .box1 .right{width:100%}
.news_top .lists .items{display:inherit}
.news_top .lists .items .left{width:100%;margin:0 0 .2rem}
.news_top .lists .items .img{width:100%}
.news_top .lists .slide-pagination{bottom:-.5rem}
.news_box .lists{grid-template-columns:1fr 1fr}
.news_box .news_nav{padding:0 .5rem 1rem}
.problem ul{grid-template-columns:1fr}
.contact_box .infos .text .info{display:flex;flex-direction: column;align-items: center;}
.contact_box .infos .text .info a:nth-child(2){width:5rem;height:.7rem}
.contact_box .infos .text .info a:nth-child(1){width:4rem;height:.7rem}
.contact_box .message .form .box{display:inherit}
.contact_box .message .form .box .left{width:100%}
.contact_box .message .form .box .right{width:100%;margin:.2rem 0 0}
.contact_box .message .form .subss button{width:2rem}
.fixed_forms .mains{height:400px}
#container{height:300px}
}