.header{position: fixed;width: 100%;z-index: 1000;top:0;overflow:hidden;box-shadow:0 0 12px rgba(0,0,0,0.2);background:white}
.header>div{display:flex;height:1.05rem;line-height:1.05rem;justify-content: space-between;align-items: center;}
.header .logo{width:13.5%}
.header .logo img {max-height:.84rem;transition:none}
.header .navs{width:64.6%}
.header .navs ul{display:flex;gap:.2rem}
.header .navs ul li a{padding:0 .17rem;font-size:.18rem;color:#111010;position:relative}
.header .navs ul li a:after{content:"";position:absolute;background:#0060B1;width:100%;height:0;border-radius:0 0 10px 10px;left:50%;transform:translateX(-50%);z-index:-1;transition:.5s}
.header .navs ul li a:hover:after{height:.85rem}
.header .navs ul li a:hover{color:white}
.header .navs ul li.active a{color:white}
.header .navs ul li.active a:after{height:.85rem}
.header .right{width:8.5%;line-height:normal;display:flex;justify-content: space-between;align-items: center;}
.header .right .langs{display:flex;gap:0 .1rem;align-items:center}
.header .right .langs a{font-size:.18rem;color:#202020;position:relative}
.header .right .langs em{font-size:.18rem;color:#202020;}



.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:1.05rem 0 0}
.tem_banner.indise .flash{position:relative;}
.tem_banner.indise .flash .about_txt{position:absolute;right:1.45rem;top:35%;}
.tem_banner.indise .flash .about_txt h1{font-size:.38rem;color:#000000;line-height:.5rem;margin:0 0 .2rem}
.tem_banner.indise .flash .about_txt p{font-size:.24rem;color:#0060B1}

.about_nav{position:relative;z-index:2}
.about_nav ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}
.about_nav ul li{border-right:2px solid #e9e9e9}
.about_nav ul li a{text-align:center;padding:.55rem 0 .45rem;position:relative}
.about_nav ul li p{position:absolute;width:1.7rem;height:1.7rem;top:-.77rem;left:50%;transform:translateX(-50%); border-radius:  100%;transition:.6s;margin:0;text-align:center;line-height:1.7rem;background:#FFF}
.about_nav ul li p img {max-height:.53rem;transition:none;}
/* .about_nav ul li:nth-child(1) a:before{content:"";position:absolute;background: url(../images/3.png) 0 0 no-repeat;width:.55rem;height:.55rem;left:50%;transform:translateX(-50%);top:-.4rem;z-index:2;background-size:100%;transition:.6s}
.about_nav ul li:nth-child(2) a:before{content:"";position:absolute;background: url(../images/4.png) 0 0 no-repeat;width:.51rem;height:.53rem;left:50%;transform:translateX(-50%);top:-.38rem;z-index:2;background-size:100%;transition:.6s}
.about_nav ul li:nth-child(3) a:before{content:"";position:absolute;background: url(../images/5.png) 0 0 no-repeat;width:.53rem;height:.53rem;left:50%;transform:translateX(-50%);top:-.4rem;z-index:2;background-size:100%;transition:.6s}
.about_nav ul li:nth-child(4) a:before{content:"";position:absolute;background: url(../images/6.png) 0 0 no-repeat;width:.51rem;height:.41rem;left:50%;transform:translateX(-50%)   ;top:-.32rem;z-index:2;background-size:100%;transition:.6s}
 */
 .about_nav{box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1);}
.about_nav ul li a h2{font-size:.24rem;color:#383939;font-weight:bold;margin:0 0 .2rem;z-index:2;position:relative}
.about_nav ul li a span{font-size:.16rem;color:#7b7b7b}
.about_nav ul li a:hover h2{color:#0060B1}
.about_nav ul li a:hover span{color:#0060B1}
.about_nav ul li a:hover p{background:#0060B1;top:-1.3rem;}
.about_nav ul li a:hover p img {filter:brightness(0) invert(1);transition:all .35s linear}

.company{padding:1.3rem 0 0}
.company .top{display:flex}
.company .top .title{width:31.3%}
.company .top  .title h2{font-size:.48rem;color:#525354;line-height:.6rem;padding:0 0 .8rem;position:relative;margin:0 0 .55rem}
.company .top  .title h2:after{content:"";position:absolute;background:#0060B1;height:.15rem;width:.65rem;left:0;bottom:0}
.company .top  .title h3{font-size:.36rem;color:#525354;font-weight:bold}
.company .top .info{width:68.7%}
.company .top .info>h2{font-size:.36rem;color:#0060B1;font-weight:bold;margin:0 0 .3rem;opacity:0}

.company .top .info .text{font-size:.18rem;color:#6c6c6c;line-height:.3rem;margin:0 0 .6rem}
.company .top .info  .video {position:relative}
.company .top .info  .video .img{border-radius:20px}
.company .top .info  .video .img img{border-radius:20px}
.company .top .info  .video:hover .img img{transform:scale(1.05)}
.company .top .info  .video .plays{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.company .bot{padding:1rem 0 1.1rem}
.company .bot ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:0 .6rem;}
.company .bot ul li{background:#f3faff;border:1px solid #d6ecff;height:2.3rem;text-align:center;display:flex;flex-direction: column;justify-content: center;border-radius:100px 0 0 0}
.company .bot ul li h1{font-size:.6rem;color:#22557f;font-weight:bold;margin:0 0 .05rem}
.company .bot ul li p{font-size:.2rem;color:#808181}
.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;}


.honor {background:url(../images/8.jpg) 0 0 no-repeat;background-size:cover;padding:1.3rem 0 1.4rem;position:relative}
.honor>div{position:initial}
.honor  .imgs{position:absolute;right:1.45rem;top:0;width:15.2%}
.honor .title {margin:0 0 1.2rem;padding-left:.6rem;position:relative}
.honor .title:after{content:"";position:absolute;background:#0060B1;width:.15rem;height:1.12rem;left:0;top:50%;transform:translateY(-50%)}
.honor .title h2{font-size:.36rem;color:#525354;font-weight:bold;margin:0 0 .2rem}
.honor .title p{font-size:.24rem;color:#0060B1}
.honor .lists{width:71.3%}
.honor .lists .swiper-scrollbar {height:.13rem;margin:.75rem 0 0;background:#e7e7e7}
.honor .lists .swiper-scrollbar .swiper-scrollbar-drag{background:#0060B1}
.honor .lists h2{text-align:center;margin:.3rem 0 0;font-size:.16rem;color:#4c4c4c}
.honor .lists a:hover img{transform:scale(.95);box-shadow:0 0 12px rgba(0,0,0,0.2)}

.advantage{padding:1.4rem 0 1.9rem;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:0 0;}
.advantage .title{padding:0 0 0 .6rem;position:relative;margin:0 0 .8rem}

.advantage .title:after{content:"";position:absolute;background:#0060B1;width:.15rem;height:1.12rem;left:0;top:50%;transform:translateY(-50%)}
.advantage .title h2{font-size:.36rem;color:#525354;font-weight:bold;margin:0 0 .2rem}
.advantage .title p{font-size:.24rem;color:#0060B1}
.advantage .infos{display:flex;justify-content: space-between;}
.advantage .infos .lists{width:61.3%}
.advantage .infos .lists a{overflow:hidden;border-radius:20px}
.advantage .infos .lists a img{border-radius:20px}
.advantage .infos .lists a:hover img{transform:scale(1.1)}
.advantage .infos .text{width:34.5%;padding:.3rem 0 0}
.advantage .infos .text ul li{margin:0 0 .6rem;padding-left:.8rem;position:relative}
.advantage .infos .text ul li:after{content:"";position:absolute;background:url(../images/10.png) 0 0 no-repeat;width:.58rem;height:.58rem;;left:0;top:0;background-size:100%}
.advantage .infos .text ul li h1{font-size:.24rem;color:#22557f;font-weight:bold;margin:0 0 .15rem}
.advantage .infos .text ul li p{font-size:.16rem;color:#767676;}
.advantage .infos .text ul li:last-child{margin:0}

.workshop{padding:1.4rem 0 1.6rem}
.workshop .title{padding:0 0 0 .6rem;position:relative;margin:0 0 .8rem}

.workshop .title:after{content:"";position:absolute;background:#0060B1;width:.15rem;height:1.12rem;left:0;top:50%;transform:translateY(-50%)}
.workshop .title h2{font-size:.36rem;color:#525354;font-weight:bold;margin:0 0 .2rem}
.workshop .title p{font-size:.24rem;color:#0060B1}
.workshop .work_nav {margin:0 0 .48rem}
.workshop .work_nav ul{display:flex;justify-content: center;gap:.25rem}
.workshop .work_nav ul li a{padding:0 .52rem;height:.55rem;line-height:.55rem;border-radius:20px;font-size:.24rem;color:#565656}
.workshop .work_nav ul li.tcl-active a{background:#22557f;color:white}
.workshop .work_nav ul li a:hover{background:#22557f;color:white}
.workshop .lists>div{display:none}
.workshop .lists>div:first-child{display:block}
.workshop .lists a{overflow:hidden;border-radius:20px}
.workshop .lists a img{border-radius:20px}
.workshop .lists a:hover img{transform:scale(1.1)}
.workshop .lists  h2{font-size:.2rem;color:#525354;text-align:center;margin:.2rem 0 0}
.workshop .lists .slide-pagination{text-align:center;margin:.6rem 0 0}
.workshop .lists .slide-pagination span{width:.14rem;height:.14rem;background:#a7a7a7;opacity:1;margin:0 .05rem}
.workshop .lists .slide-pagination span.swiper-pagination-bullet-active{background:#22557f}
/**/
.partner{padding:0 0 1.6rem;}
.partner .title{padding:0 0 0 .6rem;position:relative;margin:0 0 .8rem}

.partner .title:after{content:"";position:absolute;background:#0060B1;width:.15rem;height:1.12rem;left:0;top:50%;transform:translateY(-50%)}
.partner .title h2{font-size:.36rem;color:#525354;font-weight:bold;margin:0 0 .2rem}
.partner .title p{font-size:.24rem;color:#0060B1}
.partner .swiper-slide {padding:5px;text-align:center}
.partner .swiper-slide a{height:1rem;line-height:1rem;border-radius:10px;box-shadow:0 0 4px rgba(0,0,0,.2);display:block}
.partner .swiper-slide img {max-height:.75rem;transition:none}
.partner .lists .swiper-scrollbar {height:.13rem;margin:.75rem 0 0;background:#e7e7e7}
.partner .lists .swiper-scrollbar .swiper-scrollbar-drag{background:#0060B1}
/**/
.footer {border-radius:100px 0 0 0;box-shadow:0 0 22px rgba(0,0,0,0.1);position:relative;z-index:2;background:white}
.footer>div{}
.footer .top{padding:1.1rem 0 .9rem;display:flex;justify-content: space-between;}
.footer .top .logo{width:13.5%}
.footer .top .fot_navs{width:9.9%}
.footer .top .fot_navs ul li{margin:0 0 .2rem}
.footer .top .fot_navs ul li:last-child{margin:0}
.footer .top .fot_navs ul li a{display:inline-block;font-size:.2rem;color:#0060B1;}
.footer .top .fot_nav_list{width:29.7%;display:flex;justify-content: space-between;}
.footer .top .fot_nav_list dl{width:42%}
.footer .top .fot_nav_list dl dt{margin:0 0 .2rem}
.footer .top .fot_nav_list dl dt a{font-size:.2rem;color:#0060B1}
.footer .top .fot_nav_list dl dd{margin:0 0 .15rem}
.footer .top .fot_nav_list dl dd:last-child{margin:0}
.footer .top .fot_nav_list dl dd a{font-size:.16rem;color:#4e4e4e;display:inline-block}
.footer .top .fot_nav_list dl dd a:hover{color:#0060B1}
.footer .top .contacts{width:20.5%}
.footer .top .contacts dl dt{margin:0 0 .2rem}
.footer .top .contacts dl dt a{font-size:.2rem;color:#0060B1}
.footer .top .contacts dl dd{margin:0 0 .15rem}
.footer .top .contacts dl dd:last-child{margin:0}
.footer .top .contacts dl dd p{font-size:.16rem;color:#4e4e4e;}
.footer .bot{display:flex;justify-content: space-between;height:1rem;align-items: center;border-top:2px solid #d4d4d4}
.footer .bot p{font-size:.16rem;color:#111010}
.footer .bot p a{display:initial;font-size:.16rem;color:#111010;margin-left:.3rem}
.footer .bot ul{display:flex;align-items: center;gap:.5rem}
.footer .bot ul li a i{color:#081e49;font-size:.36rem}

.footer .return a{width:1.05rem;height:1.05rem;border-radius:100%;background:#0060B1 url(../images/11.png) center center no-repeat;background-size:.25rem .28rem;transition:.8s;position:absolute;right:0;top:-.75rem}
.footer .return a:hover{box-shadow:0 0 12px rgba(0,0,0,0.3);transform:rotate(360deg)}

.tem_banner.indise .flash{position:relative;}
.tem_banner.indise .flash .pro_txt{position:absolute;right:1.45rem;top:26%;width:26%}
.tem_banner.indise .flash .pro_txt h1{font-size:.38rem;color:#bed4e6;line-height:.5rem;margin:0 0 .2rem}
.tem_banner.indise .flash .pro_txt p{font-size:.24rem;color:#ffffff;line-height:.35rem}

.product_box{padding:.55rem 0 0 1.45rem}
.product_box>div{display:flex;justify-content: space-between;}
.product_box  .left{width:16.7%}
.product_box  .left h2{font-size:.36rem;color:#303030;margin:0 0 .45rem}
.product_box  .left ul li>a{height:.8rem;padding:0 .15rem;display:flex;flex-direction: column;justify-content: center;font-size:.22rem;color:#191919;border-bottom:2px solid #e1e1e1;position:relative;font-weight:bold}
.product_box  .left ul li>a:after{content:"\f105";position:absolute;right:.15rem;top:50%;transform:translateY(-50%);font: normal normal normal 14px/1 FontAwesome;font-size:.22rem;color:#808080}
.product_box  .left ul li.on>a,.product_box  .left ul li.opens>a{background:#0060B1;color:#FFF}
.product_box  .left ul li.on>a:after,.product_box  .left ul li.opens>a:after{color:#FFF}
.product_box  .left ul li dl {margin:0;padding:0;transition:none;display:none}
.product_box  .left ul li.on dl{display:block}
.product_box  .left ul li dl dd a{display:block;font-size:.16rem;color:#191919;border-bottom:1px solid #eee;padding:.16rem .3rem;position:relative}
.product_box  .left ul li dl dd a i{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.2rem;opacity:0}
.product_box  .left ul li dl dd.on2 a{color:#0060B1;}
.product_box  .left ul li dl dd.on2 a i{opacity:1;right:.1rem}


.product_box  .pro_right{width:79.5%;padding:0 0 2.4rem} 

.product_box  .pro_right .top{padding:.35rem 0 .63rem .4rem;background:#f4f6f9; 
}
.product_box  .pro_right .top .shaixuan2{-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1),rgba(0,0,0,1), rgba(0,0,0,.15));
  mask-image: linear-gradient(to right, rgba(0,0,0,1),rgba(0,0,0,1), rgba(0,0,0,.15));}
.product_box  .pro_right .top .title h2{font-size:.36rem;color:#303030;}
.product_box  .pro_right .top .title{display:flex;margin:0 0 .35rem;padding-right:1.45rem;justify-content: space-between;align-items: center;}
.product_box  .pro_right .top  .swiper-page{display:flex;gap:.38rem}
.product_box  .pro_right .top  .swiper-page>div{width:.24rem;height:.21rem;background:url(../images/14.png) 0 0 no-repeat ;background-size:.24rem .21rem}
.product_box  .pro_right .top  .swiper-page>div.slide-button-next{background:url(../images/15.png) 0 0 no-repeat ;background-size:.24rem .21rem }
.product_box  .pro_right .top  .swiper-page>div:hover{background:url(../images/14-1.png) 0 0 no-repeat ;background-size:.24rem .21rem}
.product_box  .pro_right .top  .swiper-page>div.slide-button-next:hover{background:url(../images/15-1.png) 0 0 no-repeat ;background-size:.24rem .21rem}

.product_box  .pro_right .shaixuan2 a{height:1.33rem;background:url(../images/12.png) 0 0 no-repeat;border-radius:10px;background-size:cover;position:relative}
.product_box  .pro_right .shaixuan2 a:after{content:"";position:absolute;width:100%;height:100%;background: linear-gradient(to top, rgba(78,191,214,.6), rgba(78,191,214,0));border-radius:10px;transition:.5s;opacity:0}
.product_box  .pro_right .shaixuan2 a h2{position:absolute;font-size:.16rem;color:#ffffff;bottom:.18rem;left:.15rem;z-index:2}
.product_box  .pro_right .shaixuan2 a:hover:after{opacity:1}
.product_box  .shaixuan_title{padding:.3rem 0;margin:0 0 .55rem}
.product_box  .lists{padding-right:1.45rem}
.product_box  .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.58rem .44rem}
.product_box  .lists ul li a .img{border-radius:20px 20px 0 0}
.product_box  .lists ul li a .img img{border-radius:20px 20px 0 0}
.product_box  .lists ul li a .text{padding:.36rem .2rem 1.15rem;background:#f4f6f9;position:relative}
.product_box  .lists ul li a .text h2{font-size:.2rem;color:#2a2a2a;font-weight:bold;padding:.2rem 0 0;margin:0 0 .15rem;position:relative;transition:.5s}
.product_box  .lists ul li a .text h2:after{content:"";position:absolute;background:#0060B1;width:.54rem;height:7px;left:0;top:0;transition:.5s}
.product_box  .lists ul li a .text  p{font-size:.16rem;color:#595858;line-height:.25rem;height:.75rem;transition:.5s}
.product_box  .lists ul li a .text:after{content:"";position:absolute;background:url(../images/13.png) 0 0 no-repeat;width:.46rem;height:.46rem;left:.2rem;bottom:.35rem;background-size:100%;transition:.5s}
.product_box  .lists ul li a:hover img{transform:scale(1.1)}
.product_box  .lists ul li a:hover  .text{background:#0060B1}
.product_box  .lists ul li a:hover  .text h2{color:white}
.product_box  .lists ul li a:hover  .text h2:after{background:white}
.product_box  .lists ul li a:hover  .text  p{color:white}
.product_box  .lists ul li a:hover  .text:after{content:"";position:absolute;background:url(../images/13-1.png) 0 0 no-repeat;width:.46rem;height:.46rem;left:.2rem;bottom:.35rem;background-size:100%;transform:rotate(30deg)}
/**/
.product_box .page{margin:.75rem 0 0;display:flex;justify-content: center;}
.product_box .page a{width:.43rem;height:.43rem;text-align:center;line-height:.43rem;font-size:.18rem;color:#26334c;margin:0 .05rem}
.product_box .page a.page-num-current,.product_box .page a:hover{background:#0060B1;border-radius:100px;color:white}
.product_box .page a.page-link{width:auto;padding:0 .23rem;border-radius:50px;border:1px solid #e8e8e8;margin:0 .1rem}
.product_box .page a.page-link:hover{background:#0060B1;border:1px solid #0060B1;color:white}
/**/

.pro_mbx{position:fixed;top:1.05rem;width:100%;z-index:1001;background:#f7f7f7;}
.pro_mbx>div{display:flex;height:.7rem;align-items: center;gap:.2rem}
.pro_mbx>div a{color:#0060B1;font-size:.16rem}
.pro_mbx>div i{font-size:.2rem;color:#ababab}
.product_details{padding:1.75rem 0 0}
.product_details .detail_top{padding:.85rem 0 ;box-shadow:inset 0px 15px 25px rgba(0, 0, 0, 0.13)}
.product_details .detail_top>div{display:flex;justify-content: space-between;}
.product_details .detail_top .left{width:57.5%;position:relative}
.product_details .detail_top .left .swiper-page>div{width:.68rem;height:.68rem;background:rgba(255,255,255,.33);z-index:2;position:absolute;top:50%;transform:translateY(-50%);left:.15rem;text-align:center;line-height:.68rem;border-radius:100%;color:#cacaca;font-size:.36rem;transition:.3s}
.product_details .detail_top .left .swiper-page>div.slide-button-next{left:auto;right:.15rem}
.product_details .detail_top .left .swiper-page>div:hover{background:#0060B1;color:white}
.product_details .detail_top .right{width:39.1%;display:flex;flex-wrap: wrap;align-content: space-between;gap:.35rem 0}
.product_details .detail_top .right .text{background:#f5f5f5;border-radius:10px;padding:.6rem .5rem}
.product_details .detail_top .right .text h2{font-size:.42rem;color:#212121;;font-weight:500;margin:0 0 .3rem}
.product_details .detail_top .right .text .desc{font-size:.16rem;color:#585858;line-height:.3rem;padding-right:.2rem}
.product_details .detail_top .right .contacts{width:100%;background:#f5f5f5;border-radius:10px;text-align:center;padding:.55rem .2rem}
.product_details .detail_top .right .contacts h2{font-size:.36rem;color:#111111;;margin:0 0 .3rem}
.product_details .detail_top .right .contacts  p{font-size:.2rem;color:#111111}
.product_details .detail_top .right .contacts a{margin:.5rem 0 0;width:1.48rem;height:.59rem;background:url(../images/16.png) 0 0 no-repeat;display:inline-block;line-height:.59rem;font-size:.16rem;color:white;background-size:cover;border-radius:50px}
.product_details .detail_top .right .contacts a:hover{box-shadow:0 0 12px rgba(0,0,0,0.2);transform:translateY(-.1rem)}


.product_details .detail_middle{padding:.8rem 0 .65rem;background:#f7f7f7;display:flex}

.product_details .detail_middle .canshu{}
.product_details .detail_middle .canshu>h3{font-size:.36rem;color:#212121;margin:0 0 .8rem}
.product_details .detail_middle .canshu .editor{font-size:.16rem;color:#212121}
.product_details .detail_middle .canshu .editor table td{border:1px solid #333;padding:.1rem}

.product_details .detail_middle .hangye{width:38.7%}
.product_details .detail_middle .hangye>h3{font-size:.36rem;color:#212121;margin:0 0 .7rem}
.product_details .detail_middle .hangye .lists ul{height:7.2rem;overflow-y:auto;padding-right:1rem}
.product_details .detail_middle .hangye .lists ul::-webkit-scrollbar{width:7px;background:#e5e5e5;border-radius:50px}
.product_details .detail_middle .hangye .lists ul::-webkit-scrollbar-thumb{background:#0060B1;border-radius:50px}
.product_details .detail_middle .hangye .lists ul li{margin:0 0 .2rem}
.product_details .detail_middle .hangye .lists ul li a{background:white;padding:.5rem .4rem 0;position:relative;height:3.5rem;border-radius:10px }
.product_details .detail_middle .hangye .lists ul li a h2{font-size:.24rem;color:#0060B1;margin:0 0 .3rem;padding:.3rem 0 0;position:relative}
.product_details .detail_middle .hangye .lists ul li a h2:after{content:"";position:absolute;background:#0060B1;width:.5rem;height:5px;left:0;top:0;transition:.3s}
.product_details .detail_middle .hangye .lists ul li a p{font-size:.16rem;color:#878787;line-height:.3rem;height:.9rem}
.product_details .detail_middle .hangye .lists ul li a:after{content:"\f105";position:absolute;width:.36rem;height:.36rem;border:1px solid #0060B1;font: normal normal normal 14px/1 FontAwesome;text-align:center;border-radius:100%;line-height:.36rem;color:#0060B1;font-size:.24rem;left:.4rem;bottom:.5rem;transition:.5s}
.product_details .detail_middle .hangye .lists ul li a:hover:after{background:#0060B1;color:white}
.product_details .detail_middle .hangye .lists ul li a:hover{background:#0060B1}
.product_details .detail_middle .hangye .lists ul li a:hover h2{color:white}
.product_details .detail_middle .hangye .lists ul li a:hover h2:after{background:white}
.product_details .detail_middle .hangye .lists ul li a:hover p{color:white}
.product_details  .other{padding:.85rem 0 2.45rem;background:#ffffff}
.product_details  .other>div>h3{font-size:.36rem;color:#212121;margin:0 0 .45rem}
.product_details  .other  .lists a img{width:100%}
.product_details  .other  .lists a .text{border-radius:0  0 10px 10px}
.product_details  .other  .lists a .img{border-radius:20px 20px 0 0}
.product_details  .other  .lists a .img img{border-radius:20px 20px 0 0}
.product_details  .other  .lists a .text{padding:.45rem .3rem .43rem .38rem;background:#f4f6f9;position:relative}
.product_details  .other  .lists a .text h2{font-size:.2rem;color:#0060B1;font-weight:bold;padding:.25rem 0 0;position:relative;transition:.5s}
.product_details  .other  .lists a .text h2:after{content:"";position:absolute;background:#0060B1;width:.54rem;height:7px;left:0;top:0;transition:.5s}
.product_details  .other  .lists a:hover img{transform:scale(1.1)}
.product_details  .other  .lists a:hover  .text{background:#0060B1}
.product_details  .other  .lists a:hover  .text h2{color:white}
.product_details  .other  .lists a:hover  .text h2:after{background:white}
.product_details  .other  .lists a .text:after{content:"\f105";position:absolute;width:.36rem;height:.36rem;background:#0060B1;font: normal normal normal 14px/1 FontAwesome;text-align:center;border-radius:100%;line-height:.36rem;color:white;font-size:.24rem;right:.3rem;bottom:.4rem;transition:.5s}
.product_details  .other  .lists a:hover .text:after{background:white;color:#0060B1}


.tem_banner.indise .flash{position:relative;}
.tem_banner.indise .flash .solution_txt{position:absolute;right:1.45rem;top:26%;width:26%}
.tem_banner.indise .flash .solution_txt h1{font-size:.38rem;color:#ffffff;line-height:.5rem;margin:0 0 .2rem;font-weight:300}
.tem_banner.indise .flash .solution_txt p{font-size:.24rem;color:#ffffff;line-height:.35rem;font-weight:300}

.tem_banner.indise .flash{position:relative;}
.tem_banner.indise .flash .news_txt{position:absolute;right:1.45rem;top:26%;width:26%}
.tem_banner.indise .flash .news_txt h1{font-size:.38rem;color:#000000;line-height:.5rem;margin:0 0 .2rem;font-weight:300}
.tem_banner.indise .flash .news_txt p{font-size:.24rem;color:#0060B1;line-height:.35rem;font-weight:300}

.solution {padding:1rem 0 3.05rem}
.solution>div{display:flex;justify-content: space-between;}
.solution .sol_nav{width:43%}
.solution .sol_nav ul li{margin:0 0 .5rem;border-bottom:2px solid #dddddd}
.solution .sol_nav ul li a{display:flex;padding:0 0 .4rem;position:relative}
.solution .sol_nav ul li a:after{content:"\f107";position:absolute;background:#bfbfbf;width:.37rem;height:.37rem;color:white;border-radius:100%;font: normal normal normal 14px/1 FontAwesome;line-height:.37rem;text-align:center;font-size:.3rem;right:.5rem;top:0;transition:.5s}
.solution .sol_nav ul li a h2{line-height:normal;width:30%;font-size:.24rem;color:#292929;padding-right:.2rem}
.solution .sol_nav ul li.active a h2{color:#0060B1}
.solution .sol_nav ul li a .info{width:57.5%;font-size:.16rem;color:#656565;display:none;transition:none}
/* .solution .sol_nav ul li:first-child .info{display:block} */
.solution .sol_nav ul li.active a:after{background:#0060B1;transform:rotate(180deg)}

.solution .lists{width:52.3%;overflow:hidden}
.solution .lists .items{display:none}
.solution .lists .items .box{transform:translateX(2rem);opacity:0}
.solution .lists .items.act .box{transform:none;opacity:1}
.solution .lists .items:first-child{display:block}
.solution .lists .items  .img{border-radius:20px}
.solution .lists .items  .img:hover img{transform:scale(1.1)}
.solution .lists .items .imgs{margin:.33rem 0 .55rem;}
.solution .lists .items .imgs ul{display:flex;justify-content: space-between;}
.solution .lists .items .imgs ul li{width:48.4%}
.solution .lists .items .imgs ul li .imgss{border-radius:20px;overflow:hidden}
.solution .lists .items .imgs ul li .imgss:hover img{transform:scale(1.1)}
.solution .lists .items .content{padding:0 0 .75rem}
.solution .lists .items .content h2{font-size:.36rem;color:#0060B1;font-weight:bold;margin: 0 0 .35rem}
.solution .lists .items .content .text {font-size:.16rem;color:#3e3e3e}
.solution .lists .items .more{text-align:center;}
.solution .lists .items .more a{width:4.45rem;height:.7rem;border-radius:50px;border:2px solid #bfbfbf;line-height:.7rem;;align-items: center;justify-content: center;font-size:.16rem;color:#0060B1;display:inline-flex;transition:.3s}
.solution .lists .items .more a img{margin-left:.5rem;max-width:.26rem;transition:.3s}
.solution .lists .items .more a:hover{background:#0060B1;border:2px solid #0060B1;color:white;}
.solution .lists .items .more a:hover img{filter:brightness(0) invert(1)}



.news_nav{position:relative;z-index:2}
.news_nav ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr }
.news_nav ul li{border-right:2px solid #e9e9e9}
.news_nav ul li a{text-align:center;padding:.55rem 0 .45rem;position:relative}
.news_nav ul li p{position:absolute;width:1.7rem;height:1.7rem;top:-.77rem;left:50%;transform:translateX(-50%); border-radius:  100%;transition:.6s;margin:0;text-align:center;line-height:1.7rem;background:#FFF}
.news_nav ul li p img {max-height:.53rem;transition:none;}


/* .about_nav ul li:nth-child(1) a:before{content:"";position:absolute;background: url(../images/3.png) 0 0 no-repeat;width:.55rem;height:.55rem;left:50%;transform:translateX(-50%);top:-.4rem;z-index:2;background-size:100%;transition:.6s}
.about_nav ul li:nth-child(2) a:before{content:"";position:absolute;background: url(../images/4.png) 0 0 no-repeat;width:.51rem;height:.53rem;left:50%;transform:translateX(-50%);top:-.38rem;z-index:2;background-size:100%;transition:.6s}
.about_nav ul li:nth-child(3) a:before{content:"";position:absolute;background: url(../images/5.png) 0 0 no-repeat;width:.53rem;height:.53rem;left:50%;transform:translateX(-50%);top:-.4rem;z-index:2;background-size:100%;transition:.6s}
.about_nav ul li:nth-child(4) a:before{content:"";position:absolute;background: url(../images/6.png) 0 0 no-repeat;width:.51rem;height:.41rem;left:50%;transform:translateX(-50%)   ;top:-.32rem;z-index:2;background-size:100%;transition:.6s}
 */
.news_nav{box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1);}
.news_nav ul li a h2{font-size:.24rem;color:#383939;font-weight:bold;margin:0 0 .2rem;z-index:2;position:relative}
.news_nav ul li a span{font-size:.16rem;color:#7b7b7b}
.news_nav ul li a:hover p{background:#0060B1;top:-1.3rem;}
.news_nav ul li a:hover p img {filter:brightness(0) invert(1);transition:all .35s linear}


.news_nav ul li a:hover h2,.news_nav ul li.active h2{color:#0060B1}
.news_nav ul li a:hover span,.news_nav ul li.active span{color:#0060B1}

.gongshi_list{padding:.8rem 0 3rem}
.gongshi_list>div>h2{font-size:.36rem;color:#424242;margin:0 0 .45rem}
.gongshi_list .lists ul{display:grid;grid-template-columns:1fr 1fr ;grid-gap:.5rem .47rem}
.gongshi_list .lists ul li a{background:#f3f3f3;border-radius:5px;padding:1.2rem .45rem 1.5rem;position:relative;overflow:hidden}
.gongshi_list .lists ul li a span{position:absolute;left:-2px;top:.45rem;font-size:.2rem;color:#0060B1;font-weight:bold;font-style:italic;width:2.19rem;height:.48rem;background:url(../images/22.png) 0 0 no-repeat;text-align:center;line-height:.48rem;background-size:2.19rem .48rem;padding-right:.2rem}
.gongshi_list .lists ul li a h2{font-size:.3rem;color:#212222;height:.8rem;line-height:.4rem}
.gongshi_list .lists ul li a:after{position:absolute;content:"\f105";font: normal normal normal 14px/1 FontAwesome;;width:.7rem;height:.7rem;border-radius:100%;border:1px solid #0060B1;font-size:.36rem;color:#0060B1;line-height:.7rem;text-align:center;bottom:.35rem;left:.45rem;transition:.5s}
.gongshi_list .lists ul li a:hover:after{background:#0060B1;color:white}
.gongshi_list .lists ul li a:hover{background:white;box-shadow: 0 10px 25px 0px rgba(0, 0, 0, 0.25)}
.gongshi_list .lists ul li a:hover h2{color:#0060B1}

.news_box {padding:.8rem 0 2.1rem}
.news_box>div>h3{font-size:.36rem;color:#424242;margin:0 0 .4rem}
.news_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.58rem .3rem}
.news_box .lists ul li a{border-radius:10px 10px 0 0;position:relative;overflow:hidden}
.news_box .lists ul li a .text span{position:absolute;left:-2px;top:.45rem;font-size:.2rem;color:#0060B1;font-weight:bold;font-style:italic;width:2.19rem;height:.48rem;background:url(../images/22.png) 0 0 no-repeat;text-align:center;line-height:.48rem;background-size:2.19rem .48rem;padding-right:.2rem}

.news_box .lists ul li a .img{border-radius:10px}
.news_box .lists ul li a .text{padding:1.25rem .4rem .7rem;background:#f3f3f3;position:relative}
.news_box .lists ul li a .text h2{font-size:.24rem;color:#171717;margin:0 0 .35rem;font-weight:bold;transition:.5s}
.news_box .lists ul li a .text p{font-size:.16rem;color:#171717;height:.75rem;line-height:.25rem}
.news_box .lists ul li a:hover img{transform:scale(1.1)}
.news_box .lists ul li a:hover .text h2{color:#0060B1}
.news_box .page{margin:.75rem 0 0;display:flex;justify-content: center;}
.news_box .page a{width:.43rem;height:.43rem;text-align:center;line-height:.43rem;font-size:.18rem;color:#26334c;margin:0 .05rem}
.news_box .page a.page-num-current,.news_box .page a:hover{background:#0060B1;border-radius:100px;color:white}
.news_box .page a.page-link{width:auto;padding:0 .23rem;border-radius:50px;border:1px solid #e8e8e8;margin:0 .1rem}
.news_box .page a.page-link:hover{background:#0060B1;border:1px solid #0060B1;color:white}

.problem{background:url(../images/23.png) 0 0  no-repeat;background-size:cover;padding:1.08rem 0 1.6rem}
.problem .box{padding:0 1.05rem 1.25rem;background:url(../images/24.png) 0 0  no-repeat;background-size:cover;position:relative}
.problem .box .title{padding:1.1rem 0 1.25rem;width:58.3%;position:relative}
.problem .box .imgs{position:absolute;top:-.45rem;right:-.25rem;width:41.8%;z-index:0}
.problem .box .title h2{font-size:.72rem;color:#0060B1;margin: 0 0 .25rem;font-family:"华文琥珀"}
.problem .box .title p{font-size:.24rem;color:#5f6060;line-height:.35rem}
.problem .box .form{position:relative;z-index:2}
.problem .box .form ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.problem .box .form ul li{width:48%;display:flex;justify-content: space-between;align-items: center;margin:0 0 .22rem}
.problem .box .form ul li p{width:30%;font-size:.2rem;color:#4e4e4e;}
.problem .box .form ul li input{width:68%;height:.55rem;background:none;border-radius:5px;border:2px  solid #89adc9;font-size:.16rem;color:#333;padding:0 .1rem;}
.problem .box .form ul li.li2 {width:100%}
.problem .box .form ul li.li2  p{width:13.5%}
.problem .box .form ul li.li2  input{width:84.5%}
.problem .box .form ul li.li4 {width:100%;margin:0 0 .45rem}
.problem .box .form ul li.li4 p{width:13.5%}
.problem .box .form ul li.li4 .duoxuan{display:flex;width:84.5%;gap:.5rem}
.problem .box .form ul li.li4 .duoxuan .dd{font-size:.16rem;color:#2b2b2b;display:flex;align-items: center;}
.problem .box .form ul li.li4 .duoxuan .dd input{width:.2rem;height:.2rem;margin:0;margin-right:.1rem;}

.problem .box .form  .sub button{height:.58rem;padding:0 .58rem;background:#0060B1;border-radius:5px;color:white;font-size:.2rem;border:0}
.problem .box .form  .sub button:hover{background:#0060B1}


.contact_box{padding: 1rem 0 1.75rem;}
.contact_box>div>h2{font-size: .36rem;color: #252525;text-align:center;margin:0 0 1rem}
.contact_box>div ul{display:flex;justify-content: space-between;margin:0 0 1rem}
.contact_box>div ul li{width:33%;text-align:center;padding:.7rem 0 0;position:relative}
.contact_box>div ul li:nth-child(1):after{content:"";position:absolute;background:url(../images/26.png) 0 0 no-repeat;width:.56rem;height:.56rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.contact_box>div ul li:nth-child(2):after{content:"";position:absolute;background:url(../images/27.png) 0 0 no-repeat;width:.48rem;height:.49rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.contact_box>div ul li:nth-child(3):after{content:"";position:absolute;background:url(../images/28.png) 0 0 no-repeat;width:.6rem;height:.54rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.contact_box>div ul li h2{font-size:.18rem;color:#414141}
.contact_box>div ul li  p{font-size:.24rem;color:#414141;height:.35rem;line-height:.35rem}
.contact_box>div ul li:last-child p{font-size:.16rem}
.contact_box .map #container{height:5.8rem}

.tem_banner.index{padding:1.05rem 0 0}

.tem_banner.index .label_text{position:absolute;left:1.45rem;top:23%;text-align:left;}
.tem_banner.index .label_text h2 {font-size:.48rem;color:#0060B1;}

.tem_banner.index .label_text p{font-size:.3rem;color:#0060B1;margin:.3rem 0 .9rem}
.tem_banner.index .label_text a{font-size:.16rem;color:#0060B1}
.tem_banner.index .label_text>*{transform:translateY(5vw);opacity:0;transition:all 1s ;}
.tem_banner.index .swiper-slide-active .label_text h2{transform:none;opacity:1;transition-delay:200ms}
.tem_banner.index .swiper-slide-active .label_text p{transform:none;opacity:1;transition-delay:400ms}
.tem_banner.index .swiper-slide-active .label_text a{transform:none;opacity:1;transition-delay:500ms}
.tem_banner.index .swiper-page>div{position:absolute;width:.47rem;height:.42rem;background:url(../images/jt1.png) 0 0 no-repeat;top:54.5%;left:1.38rem;z-index:2;background-size:100%;transition:.3s}
.tem_banner.index .swiper-page>div.slide-button-next{background:url(../images/jt2.png) 0 0 no-repeat;left:auto;right:1.38rem;background-size:100%}
.tem_banner.index .swiper-page>div:hover{background:url(../images/jt1-1.png) 0 0 no-repeat;background-size:100%}
.tem_banner.index .swiper-page>div.slide-button-next:hover{background:url(../images/jt2-2.png) 0 0 no-repeat;background-size:100%}

.main{position:relative;z-index:2}
.main .index_news{width:100%;position:absolute;}
.main .index_news>div{background:white;border-radius:50px 0 0 0;top:-3.5rem}
.main .index_news .infos{display:flex;padding:1rem .6rem 0 .7rem;justify-content: space-between;}
.main .index_news .infos .left{width:33.5%}
.main .index_news .infos .left .title{margin:0 0 .3rem}
.main .index_news .infos .left .title h2{font-size:.24rem;color:#060606;padding:0 0 .3rem;border-bottom:2px solid #dddddd}
.main .index_news .infos .left a{padding:0 0 .85rem}
.main .index_news .infos .left a .text span{ font-size:.16rem;color:#454545}
.main .index_news .infos .left a .text h2{font-size:.24rem;color:#0060B1;margin:.25rem 0 .15rem}
.main .index_news .infos .left a .text p{font-size:.18rem;color:#5f5f5f;height:.75rem;line-height:.25rem}
.main .index_news .infos .left   .swiper-page{display:flex;gap:.35rem;padding-right:.45rem;justify-content: flex-end;}
.main .index_news .infos .left   .swiper-page>div{width:.19rem;height:.17rem;background:url(../images/29.png) 0 0 no-repeat;;z-index:2;background-size:100%;transition:.3s}
.main .index_news .infos .left   .swiper-page>div.slide-button-next{background:url(../images/30.png) 0 0 no-repeat;background-size:100%}
.main .index_news .infos .left   .swiper-page>div:hover{background:url(../images/29-1.png) 0 0 no-repeat;background-size:100%}
.main .index_news .infos .left   .swiper-page>div.slide-button-next:hover{background:url(../images/30-1.png) 0 0 no-repeat;background-size:100%}
.main .index_news .infos .left a:hover p{color:#0060B1}
.main .index_news .infos .right{width:58.4%}
.main .index_news .infos .right .title{margin:0 0 .3rem}
.main .index_news .infos .right .title h2{font-size:.24rem;color:#060606;padding:0 0 .3rem;border-bottom:2px solid #dddddd}
.main .index_news .infos .right a{display:flex;justify-content: space-between;align-items: center;}
.main .index_news .infos .right a .img{width:47%}
.main .index_news .infos .right a .text{width:48.5%}
.main .index_news .infos .right a .text h3{font-size:.16rem;color:#454545}
.main .index_news .infos .right a .text  h2{font-size:.24rem;color:#0060B1;line-height:.3rem;height:.9rem;margin:.25rem 0 }
.main .index_news .infos .right a .text  span{font-size:.16rem;color:#0060B1}
.main .index_news .infos .right a:hover img{transform:scale(1.1)}
.main .index_about{padding:2.8rem 0 1.2rem }
.main .index_about>div{display:flex;justify-content: space-between;}
.main .index_about .left{width:49.6%;display:flex;flex-direction: column;justify-content: space-between;}
.main .index_about .left .text{padding:0 1.75rem 0 .6rem}
.main .index_about .left .text h2{font-size:.48rem;color:#212121;margin:0 0 .4rem}
.main .index_about .left .text p{font-size:.18rem;color:#545454;line-height:.35rem}
.main .index_about .left .text p em{color:#0060B1}
.main .index_about .left .img a{position:relative;overflow:hidden;border-radius:10px}
.main .index_about .left .img a h2{font-size:.2rem;color:white;position:absolute;left:.5rem;bottom:.5rem;;padding-right:.55rem}
.main .index_about .left .img a h2:after{content:"";position:absolute;background:url(../images/31.png) 0 0 no-repeat;width:.23rem;height:.21rem;right:0;;top:0;background-size:100%;transition:.3s}
.main .index_about .left .img a:hover img{transform:scale(1.1)}
.main .index_about .left .img a:hover h2:after{top:-.1rem;right:-.1rem}
.main .index_about .right{width:49.2%}
.main .index_about .right ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.22rem .2rem}
.main .index_about .right ul li{position:relative}
.main .index_about .right ul li .text{position:absolute;width:100%;bottom:.4rem;padding:0 .4rem;}
.main .index_about .right ul li .text:after{content:"";position:absolute;background:url(../images/31.png) 0 0 no-repeat;width:.23rem;height:.21rem;right:.5rem;bottom:.1rem;background-size:100%;transition:.3s}
.main .index_about .right ul li:hover img{transform:scale(1.1)}
.main .index_about .right ul li .img{border-radius:10px}
.main .index_about .right ul li .text h1{font-size:.36rem;color:white;margin:0 0 .05rem}
.main .index_about .right ul li .text p{font-size:.2rem;color:white}
.main .index_about .right ul li:nth-child(3) h1,.main .index_about .right ul li:nth-child(3) p{color:#989898}
.main .index_about .right ul li:nth-child(3) .text:after{content:"";position:absolute;background:url(../images/32.png) 0 0 no-repeat;width:.23rem;height:.21rem;right:.5rem;bottom:.1rem;background-size:100%;transition:.3s}
.main .index_about .right ul li:hover .text:after{bottom:.2rem;right:.4rem}

.main  .index_product>div{padding:1.2rem .7rem 1.3rem .8rem;background-size:cover;background-repeat:no-repeat}
.main  .index_product .title h2{font-size:.48rem;color:#212121}
.main  .index_product  .infos{display:flex;justify-content: space-between;}
.main  .index_product  .infos .left{width:35.1%;display:flex;flex-direction: column;justify-content: space-between;}
.main  .index_product  .infos .left .content>div{display:none}
.main  .index_product  .infos .left .content>div:first-child{display:block}
.main  .index_product  .infos .left .content .item{padding:.7rem 0 0;overflow:hidden;}
.main  .index_product  .infos .left .content .item>*{transform:translateY(5vw);opacity:0;transition:all 1s ;}
.main  .index_product  .infos .left .content .item.act h2{transform:none;opacity:1;transition-delay:200ms}
.main  .index_product  .infos .left .content .item.act h3{transform:none;opacity:1;transition-delay:300ms}
.main  .index_product  .infos .left .content .item.act p{transform:none;opacity:1;transition-delay:400ms}
.main  .index_product  .infos .left .content .item h2{font-size:.36rem;color:#0060B1}
.main  .index_product  .infos .left .content .item h3{font-size:.24rem;color:#212121;margin:.35rem 0 }
.main  .index_product  .infos .left .content .item p{font-size:.16rem;color:#515151;line-height:.3rem;height:1.5rem;overflow:hidden}
.main  .index_product  .infos .left ul{display:flex;gap:.24rem .22rem;flex-wrap: wrap;}
.main  .index_product  .infos .left ul li a{height:.45rem;line-height:.45rem;;padding:0 .22rem;font-size:.16rem;color:#212121;border-radius:50px;border:1px solid #212121}
.main  .index_product  .infos .left ul li  a:hover{background:#0060B1;color:white;border-color:#0060B1}
.main  .index_product  .infos .left ul li.active a{background:#0060B1;color:white;border-color:#0060B1}
.main  .index_product  .infos .right{width:56.7%}
.main  .index_product  .infos .right>div{display:none;transition:none}
.main  .index_product  .infos .right>div:first-child{display:block}
.main  .index_product  .infos .right .box{display:flex;align-items: flex-end;justify-content: space-between;}
.main  .index_product  .infos .right .box .left_btn{transform:translateX(-3vw);opacity:0;transition:all 1s ;}
.main  .index_product  .infos .right .info.acts .left_btn{transform:none;opacity:1;transition-delay:300ms}
.main  .index_product  .infos .right .box .left_btn{width:29.4%;text-align:center}
.main  .index_product  .infos .right .box .left_btn a{width:1.42rem;height:1.42rem;border-radius:100%;border:1px solid #212121;display:inline-flex;flex-direction: column;justify-content: center;align-items: center;margin:0 0 .3rem}
.main  .index_product  .infos .right .box .left_btn a h2{font-size:.16rem;color:#212121;margin:.18rem 0 0}
.main  .index_product  .infos .right .box .left_btn a:hover{background:#0060B1;border-color:#0060B1}
.main  .index_product  .infos .right .box .left_btn a:hover h2{color:white;margin:.08rem 0 0}
.main  .index_product  .infos .right .box .left_btn a:hover img{filter:brightness(0) invert(1)}
.main  .index_product  .infos .right .box .img{width:70%}
.main  .index_product  .infos .right .box .img{transform:translateX(3vw);opacity:0;transition:all 1s ;}
.main  .index_product  .infos .right .info.acts .box .img{transform:none;opacity:1;transition-delay:300ms}

.index_case .top{padding:.7rem 0 .1rem;}
.index_case .top>div{display:flex;padding-left:.65rem;justify-content: space-between;}
.index_case .top>div .title h2{font-size:.48rem;color:#111010;padding:.2rem 0 0}
.index_case .top>div .txt{width:42%}
.index_case .top>div .txt p{font-size:.2rem;color:#515151;line-height:.35rem}
.index_case .lists{padding:1.5rem  0 2rem;background-size:cover;background-repeat:no-repeat;transform:translateY(.8rem)}
.index_case .lists .swiper-slide{display:flex;justify-content: space-between;}
.index_case .lists .swiper-slide>div.ons{width:27%}
.index_case .lists .swiper-slide>div.on{width:43.5%}
.index_case .lists .swiper-slide>div {}
.index_case .lists .swiper-slide>div a{background-repeat:no-repeat;;background-color:#fcfcfc;height:3.6rem;display:flex;flex-direction: column;justify-content: center;padding:0 .25rem;position:relative;background-position:.8rem center;transition:.5s}
.index_case .lists .swiper-slide>div a:after{content:"";position:absolute;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,.6),rgba(255,255,255,.0));height:100%;width:50%;z-index:3;left:0}
.index_case .lists .swiper-slide>div a .text{width:40%;z-index:5;position:relative;padding:0 0 1rem;}
.index_case .lists .swiper-slide>div a .text:after{content:"";position:absolute;background:url(../images/34.png) 0 0 no-repeat;width:.44rem;height:.45rem;background-size:100%;left:0;bottom:0;transition:.5s}
.index_case .lists .swiper-slide>div a .text h2{font-size:.2rem;color:#0060B1;margin:0 0 .2rem}
.index_case .lists .swiper-slide>div a .text  p{font-size:.16rem;color:#7a7a7a;height:.75rem;line-height:.25rem}
.index_case .lists .swiper-slide>div.on a{background-position:right center}
.index_case .lists .swiper-slide>div.on a .text:after{transform:rotate(60deg);left:.3rem}
.index_case .lists  .slide-pagination{padding:.7rem 0 0;text-align:center}
.index_case .lists  .slide-pagination span{margin:0 .15rem;width:.18rem;height:.18rem;opacity:1;background:white}
.index_case .lists  .slide-pagination span.swiper-pagination-bullet-active{background:#0060B1}
/**/
.network {}
.network .mains0 {    padding: 1.3rem 0 .75rem;}
.network .mains0>div{display:flex;}
.network .mains0 .text {flex:0 0 56%;padding:0 .6rem 0 0}
.network .mains0 .text .title{padding:0 0 0 .6rem;position:relative;margin:0 0 .8rem}

.network .mains0 .text .title:after{content:"";position:absolute;background:#0060B1;width:.15rem;height:1.12rem;left:0;top:50%;transform:translateY(-50%)}
.network .mains0 .text .title h2{font-size:.36rem;color:#525354;font-weight:bold;margin:0 0 .2rem}
.network .mains0 .text .title p{font-size:.24rem;color:#0060B1}
.network .mains0 .text .editor {    font-size: .18rem;    color: #737373;    line-height: 1.8;}

.network .mains0 .imgs {flex:0 0 44%}


.network .why_box{}
.network .why_box h5 {font-size:.21rem;color:#000;border-bottom:2px solid #efefef;}
.network .why_box h5 span{position:relative;padding:0 0 .1rem;display:inline-block;}
.network .why_box h5 span:after{content:'';width:100%;height:2px;background:#0060B1;position:absolute;bottom:-2px;left:0;z-index:2}
.network .why_box .editor{margin:.3rem 0 0}
.network .why_box .editor>div{display:flex;align-items:center}
.network .why_box .editor>div .text {width:50.7%;padding:0 1rem;;}
.network .why_box .editor>div .imgs{width:49.3%}
.network .why_box .editor>div .text h6 {font-size:.24rem;color:#000;margin:0 0 .35rem;}
.network .why_box .editor>div .text h6 img {max-height:.46rem;transition:none;margin-left:.1rem;}
.network .why_box .editor>div .text p{font-size:.16rem;color:#555555;line-height:1.8}
.network .why_box .editor>div:nth-child(2n){flex-direction: row-reverse;}


.promessage{padding:.95rem 0 1rem;}
.m320 {margin:0 3.06rem;}
.promessage h3 {font-size:.18rem;color:#000;margin:0 0 .5rem;padding:0 .14rem;}
.promessage h3 em {font-weight:bold;}
.promessage h3 i {color:#0060B1}
.promessage .lists li {margin:0 0 .35rem;padding:0 .14rem;}
.promessage .lists li p{font-size:.18rem;color:#555;font-weight:bold;margin:0 0 .15rem;}
.promessage .lists li p i{color:#0060B1;margin-left:.1rem;}
.promessage .lists li input,.promessage .lists li textarea{width:100%;height:.5rem;background:#f7f7f7;border:1px solid #c4c4c4;padding:0 .15rem;min-height:35px;font-size:.16rem;color:#000}
.promessage .lists li textarea{height:2.55rem;padding:.15rem}
.promessage .lists li input[name="checkcode"]{width:30%;display:inline-block;vertical-align:middle}
.promessage .lists li img {height:.5rem;min-height:35px;margin-left:.15rem;transition:none}
.promessage .lists li button {background:#0060B1;font-size:.18rem;color:#FFF;height:.5rem;border-radius:6px;padding:0 .25rem;border:0}
.promessage .lists li button i {margin-left:.2rem;font-size:.14rem;}
/********<=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********/

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

@media(max-width: 1600px){
.tem_banner.index .label_text{left:1rem}
.tem_banner.index .swiper-page>div{left:1rem;top:58%}
.tem_banner.index .swiper-page>div.slide-button-next{right:1rem}
.tem_banner.indise .flash .about_txt{right:1rem}
.advantage .infos .text ul li{margin:0 0 .3rem}
.tem_banner.indise .flash .pro_txt{right:1rem;width:30%}
.tem_banner.indise .flash .pro_txt h1{font-size:.36rem}
.product_box{padding:.55rem 0 0 1rem}
.product_box .lists{padding-right:1rem}
.tem_banner.indise .flash .news_txt {right:1rem;width:30%}
.tem_banner.indise .flash .news_txt h1{font-size:.36rem}
.tem_banner.indise .flash .solution_txt {right:1rem;width:30%}
.tem_banner.indise .flash .solution_txt h1{font-size:.36rem}
.main .index_product .infos .left .content .item{padding:.3rem 0 0}
.main .index_product .infos .left ul{gap:.1rem .2rem}
.index_case .lists .swiper-slide>div a{height:2.8rem}
.index_case .lists .swiper-slide>div.ons a{background-size:80%  100%, contain;background-position:1.2rem center} 
.index_case .lists .swiper-slide>div.on a{background-size:50%  100%, contain;} 

}

@media(max-width:1440px){
    .m320{margin:0 1.6rem;}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0 !important}
	.m-header,.m_header2 {top:0;opacity:1;}

	.m320 {margin:0 15px;}
}
/********mobile*********/
@media(max-width:767px){
    .main .index_news{position:inherit}
 .main .index_news>div{top:0}
 .tem_banner.index .swiper-page>div{left:.1rem;top:50%}
.tem_banner.index .swiper-page>div.slide-button-next{right:.1rem}
.tem_banner.index .label_text {left:.8rem}
.tem_banner.index .label_text h2{font-size:.36rem}
.tem_banner.index .label_text p{font-size:.2rem;margin:.3rem 0 .5rem}
.main .index_news .infos{padding:.5rem .3rem 0;display:inherit}
.main .index_news .infos .left{width:100%}
.main .index_news .infos .right{width:100%}
.main .index_news .infos .left a{padding:0 0 .5rem}
.main .index_about{padding:.5rem 0 1rem}
.main .index_about>div{display:inherit}
.main .index_about .left{width:100%;padding:0}
.main .index_about .left .text{padding:0 0 .5rem}
.main .index_about .right{width:100%;margin:.5rem 0 0}
.main .index_product .infos{display:inherit}
.main .index_product .infos .left{width:100%}
.main .index_product .infos .right{width:100%;margin:.5rem 0 0}
.index_case .top>div{display:inherit}
.index_case .top>div .txt{width:100%;margin:.2rem 0 0}
.index_case .lists .swiper-slide{display:initial}
.index_case .lists .swiper-slide>div{width:100% !important;margin:0 0 .2rem}
.index_case .lists .swiper-slide>div a{background-size:60% 100%!important}
.index_case .lists .swiper-slide>div a{background-position:right center !important}
.footer{border-radius:0}
.footer .top .logo{display:none}
.footer .top .fot_navs{display:none}
.footer .top .fot_nav_list{width:60%}
.footer .top .contacts{width:30%}
.footer .bot{height:auto;display:inherit;padding:.1rem 0}
.tem_banner.indise .flash .about_txt{display:none}
.tem_banner.indise .flash .pro_txt p{display:none}
.tem_banner.indise .flash .pro_txt{right:.3rem;top:20%}
.tem_banner.indise .flash .pro_txt h1{font-size:.2rem;line-height:normal}
.tem_banner.indise .flash .about_txt h1{font-size:.2rem}
.company{padding:.5rem 0 0}
.company .top{display:inherit}
.company .top .title{width:100%;}
.company .top .title h2{padding:0 0 .3rem}
.company .top .info{width:100%}
.company .top .info .video .plays{width:15%}
.company .bot ul{grid-template-columns:1fr 1fr;grid-gap:.5rem;}
.company .bot ul li{border-radius:0}
.honor .lists{width:100%}
.honor .imgs{display:none}
.advantage{padding:1rem 0}
.advantage .infos{display:inherit}
.advantage .infos .lists{width:100%}
.advantage .infos .text{width:100%}
.product_box{padding:.55rem .2rem 0}
.product_box>div{display:inherit}
.product_box .left{width:100%}
.product_box .pro_right{width:100%}
.product_box .pro_right .top{margin:.5rem 0 0}
.product_box .lists{width:100%;padding:0}
.product_box .lists ul {grid-template-columns:1fr 1fr;grid-gap:.2rem;}
.product_box .lists ul li a .text p{height:.9rem;line-height:.3rem}
.product_details .detail_top>div{display:inherit}
.product_details .detail_top .left{width:100%;margin:0 0 .2rem}
.product_details .detail_top .right{width:100%}
.product_details .detail_top .right .text{margin:0 0 .2rem}
.product_details .detail_top .right .contacts{padding:.2rem}
.product_details .detail_middle>div{display:initial}
.product_details .detail_middle .canshu{width:100%}
.product_details .detail_middle .hangye{width:100%}
.tem_banner.indise .flash .solution_txt p{display:none}

.tem_banner.indise .flash .solution_txt {right:.3rem;top:20%}
.tem_banner.indise .flash .solution_txt h1{font-size:.2rem;line-height:normal}
.solution>div{display:inherit}
.solution .sol_nav{width:100%}
.solution .lists{width:100%}
.tem_banner.indise .flash .news_txt p{display:none}

.tem_banner.indise .flash .news_txt{right:.3rem;top:20%}
.tem_banner.indise .flash .news_txt h1{font-size:.2rem;line-height:normal}
.gongshi_list .lists ul li a{padding:1.2rem .25rem 1.5rem}
.news_box .lists ul{grid-template-columns:1fr 1fr;grid-gap:.1rem;}
.news_box .lists ul li a .text p{height:.9rem;line-height:.3rem}
.problem .box{padding:0 .2rem .5rem}
.problem .box .title{padding:.5rem 0}
.problem .box .title h2{font-size:.48rem}
.problem .box .form ul li{width:100%}
.problem .box .form ul li p{width:30%!important}
.problem .box .form ul li input{width:68%!important}

.problem .box .form ul li.li4 .duoxuan .dd{width:25%}
.problem .box .form ul li.li4 .duoxuan .dd input{width:auto !important}

    .network .mains0>div{display:block}
    .network .mains0 .text{padding:0 0 .65rem;}
    .network .why_box .editor > div{display:block;margin:0 0 1rem;}
    .network .why_box .editor > div>div{width:100% !important}
    .network .why_box .editor > div .text{padding:0 0 .5rem;}
}