.header{position: fixed;width: 100%;z-index: 1000;top:0;background:white}

.header>div{display:flex;;justify-content: space-between;;height:.88rem;}
.header .logo{width:8.25%;position:absolute;left:0;top:.2rem;}
.header .navs{width:86%;padding:.43rem 0 0}
.header .navs ul{display:flex;justify-content: flex-end;}
.header .navs ul li{margin-left:.55rem}
.header .navs ul li.active a{color:#2780c7}
.header .navs ul li a{font-size:.16rem;color:#808080;}
.header .navs ul li a:hover{color:#2780c7;transition:.3s}
.header .navs ul li:first-child{margin:0}
.header .langs{margin:.43rem 0 0;position:relative}
.header .langs>a{font-size:.14rem;color:#262728;position:relative;padding-left:.2rem}
.header .langs>a:after{position:absolute;content:"";background:url(/public/common/images/1.png) 0 0 no-repeat;width:.14rem;height:.15rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.header .langs>a i{font-size:.16rem;color:#2f799c;margin-left:.1rem}
.header .langs dl {display: none;position:absolute;left:50%;transform:translate(-50%);width:120%;background-color:white;box-shadow:0 0 12px rgba(0,0,0,0.2);padding:4px 3px;text-align:center;transition:0s}
.header .langs dl a{color:black;font-size:.14rem;}
.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header.is_header .logo{top:50% !important;transform:translateY(-50%);}
.header.is_header .logo a img{max-width:.8rem;transform:rotate(360deg)}
.header.is_header .navs{width:86%;padding:.35rem 0 0}
.header.is_header  .langs{margin:.37rem 0 0;position:relative}

.tem_banner.indise{padding-top:.88rem}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash .txt{position:absolute;left:2.5rem;top:40%;z-index:2}
.tem_banner.indise .flash .txt h1{font-size:.48rem;color:#ffffff;}
.tem_banner.indise .flash .txt p{font-size:.24rem;color:#ffffff;margin:.2rem 0 0 }
.tem_banner.indise .flash .about_nav{position:absolute;width:100%;bottom:0;left:0}
.tem_banner.indise .flash .about_nav ul{display:flex;justify-content: center;border-top:1px solid rgba(235,235,235,.2)}
.tem_banner.indise .flash .about_nav ul a{width:2.2rem;height:.6rem;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.tem_banner.indise .flash .about_nav ul a h1{font-size:.18rem;color:white;padding-left:.4rem;position:relative}
.tem_banner.indise .flash .about_nav ul li:nth-child(1) a h1:after{content:"";position:absolute;background:url(/public/common/images/29.png) 0 0 no-repeat;width:.25rem;height:.24rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise .flash .about_nav ul li:nth-child(2) a h1:after{content:"";position:absolute;background:url(/public/common/images/30.png) 0 0 no-repeat;width:.24rem;height:.21rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise .flash .about_nav ul li:nth-child(3) a h1:after{content:"";position:absolute;background:url(/public/common/images/31.png) 0 0 no-repeat;width:.24rem;height:.24rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}
.tem_banner.indise .flash .about_nav ul li:nth-child(4) a h1:after{content:"";position:absolute;background:url(/public/common/images/31-1.png) 0 0 no-repeat;width:.26rem;height:.21rem;left:0;top:50%;transform:translateY(-50%);background-size:100%}

.tem_banner.indise .flash .about_nav ul a:hover,.tem_banner.indise .flash .about_nav ul li:nth-child(1) a {background:#2780c7}
.about_company {padding:0 0 .8rem}
.about_company .top>div{display:flex;justify-content: space-between;padding:1.05rem 0 .45rem}
.about_company .top .img{width:46.8%}
.about_company .top .infos{width:46.5%}
.about_company .top .infos .texts{padding:.35rem 0 .8rem;border-bottom:2px solid #eef0f1;margin:0 0 .5rem }
.about_company .top .infos .texts h1{font-size:.55rem;line-height:.6rem;color:black;margin:0 0 .3rem}
.about_company .top .infos .texts p{font-size:.14rem;color:#969696}
.about_company .top .infos .txt h1{font-size:.18rem;color:#676767;line-height:.25rem;margin:0 0 .15rem}
.about_company .top .infos .txt p{font-size:.14rem;color:#858587}
.about_company .bot{padding:.45rem 0 .4rem;background:#f7f7f7;overflow:hidden}
.about_company .bot>div{display:flex;justify-content: space-between;}
.about_company .bot>div .left{width:50%}
.about_company .bot>div .left .title{margin:0 0 .65rem}
.about_company .bot>div .left .title h1{font-size:.55rem;color:black}
.about_company .bot>div .left .title p{font-size:.14rem;color:#969696;margin:.25rem 0 0}
.about_company .bot>div .left .box {position:relative;}
.about_company .bot>div .left .box:after{content:"";position:absolute;width:2px;height:170%;background:#68a5d6;left:.14rem;;z-index:0;top:.2rem}
.about_company .bot>div .left .box li{margin:0 0 .5rem}
.about_company .bot>div .left .box li h1{padding-left:.42rem;font-size:.24rem;color:black;margin:0 0 .05rem;position:relative}
.about_company .bot>div .left .box li p{padding-left:.42rem;font-size:.16rem;color:#969696}
.about_company .bot>div .left .box li h1:after{content:"";position:absolute;background:url(/public/common/images/2.png) center center no-repeat;width:.3rem;height:.3rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;z-index:2;border-radius:100%;border:4px solid #f7f7f7;}
.about_company .bot>div .img{width:46.9%}


.gongneng{background:#f7f7f7;padding:}
.gongneng .title{padding:.6rem 0 .75rem;text-align:center}
.gongneng .title p{font-size:.14rem;color:#858585;}
.gongneng .title h1{font-size:.55rem;color:#000}
.gongneng  ul{display:flex;justify-content: space-between;}
.gongneng  ul li{width:24%;background:white;border-radius:20px;position:relative;padding:1.22rem 0 .98rem;overflow:hidden}
.gongneng  ul li .text{text-align:center}
.gongneng  ul li .text p{font-size:.24rem;color:#858585;padding:1.7rem 0 0;position:relative}
.gongneng  ul li:nth-child(1) .text p:after{content:'';position:absolute;background: url(/public/common/images/xz1.png) 0 0 no-repeat;width:1.2rem;height:1.21rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.gongneng  ul li:nth-child(2) .text p:after{content:'';position:absolute;background: url(/public/common/images/xz2.png) 0 0 no-repeat;width:1.2rem;height:1.21rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.gongneng  ul li:nth-child(3) .text p:after{content:'';position:absolute;background: url(/public/common/images/xz3.png) 0 0 no-repeat;width:1.2rem;height:1.21rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}
.gongneng  ul li:nth-child(4) .text p:after{content:'';position:absolute;background: url(/public/common/images/xz4.png) 0 0 no-repeat;width:1.2rem;height:1.21rem;left:50%;transform:translateX(-50%);top:0;background-size:100%}

.gongneng  ul li .text  h2{font-size:.3rem;color:#000;}
.gongneng  ul li .items{position:absolute;opacity:1;width:100%;height:100%;background:#2780c7;z-index:2;left:100%;top:0;;border-radius:20px;padding:.65rem .35rem;transition:.8s;opacity:0 }
.gongneng  ul li .items .tit{margin:0 0 1.3rem;padding-left:.95rem;position:relative}
.gongneng  ul li:nth-child(1) .items .tit:after{content:'';position:absolute;background: url(/public/common/images/xz1.png) 0 0 no-repeat;width:.75rem;height:.76rem;top:50%;transform:translateY(-50%);left:0;background-size:100%}
.gongneng  ul li:nth-child(2) .items .tit:after{content:'';position:absolute;background: url(/public/common/images/xz2.png) 0 0 no-repeat;width:.75rem;height:.76rem;top:50%;transform:translateY(-50%);left:0;background-size:100%}
.gongneng  ul li:nth-child(3) .items .tit:after{content:'';position:absolute;background: url(/public/common/images/xz3.png) 0 0 no-repeat;width:.75rem;height:.76rem;top:50%;transform:translateY(-50%);left:0;background-size:100%}
.gongneng  ul li:nth-child(4) .items .tit:after{content:'';position:absolute;background: url(/public/common/images/xz4.png) 0 0 no-repeat;width:.75rem;height:.76rem;top:50%;transform:translateY(-50%);left:0;background-size:100%}
.gongneng  ul li .items .info{padding:.35rem 0 0;border-top:1px solid white }
.gongneng  ul li .items .info p{font-size:.16rem;color:white;line-height:.3rem}
.gongneng  ul li .items .tit p{font-size:.21rem;color:white}
.gongneng  ul li .items .tit h2{font-size:.24rem;color:white}
.gongneng  ul li:hover .text {transform:translateY(.5rem);opacity:0}
.gongneng  ul li:hover .items{left:0;opacity:1}
.about_workshop{padding:.95rem 0 1.45rem}
.about_workshop .tops{display:flex;justify-content: space-between;align-items: flex-end;padding:0 0 .45rem}
.about_workshop .tops .title h1{font-size:.55rem;color:white;margin:0 0 .2rem}
.about_workshop .tops .title p{font-size:.14rem;color:white;}
.about_workshop .tops .swiper-page{display:flex;padding:0 0 .2rem} 
.about_workshop .tops .swiper-page>div{font-size:.22rem;color:white;margin:0 .1rem}
.about_workshop .lists .swiper-slide{display:grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 1rem;;position:relative}
.about_workshop .lists  .items{padding:.55rem 0 .28rem}
.about_workshop .lists  .items h2{font-size:.24rem;color:#ffffff;margin:0 0 .3rem}
.about_workshop .lists  .items .cnt h1{font-size:.18rem;color:white;margin:.28rem 0 .03rem}
.about_workshop .lists  .items .cnt p{font-size:.14rem;color:white;}
.about_workshop .lists  .items  a{overflow:hidden}
.about_workshop .lists  .items  a:hover img{transform:scale(1.1)}
.about_workshop .lists .swiper-slide:after{content:"";position:absolute;background:#808e99;height:100%;width:2px;left:32.2%;top:0}
.about_workshop .lists .swiper-slide:before{content:"";position:absolute;background:#808e99;height:100%;width:2px;right:32.2%;top:0}
.about_workshop .lists .swiper-slide.duo:before{display:none}

.about_honor{background:#f7f7f7;padding:0 0 .75rem}

.about_honor .title{text-align:center;padding:.85rem 0 .65rem}
.about_honor .title h1{font-size:.55rem;color:#000000;margin:0 0 .2rem;margin: .05rem 0 0 }
.about_honor .title p{font-size:.14rem;color:#858585;}
/* .about_honor ul{display:flex;}
.about_honor ul li{width:50%}
.about_honor ul li:first-child{text-align:right}
.about_honor ul li a{background:#e4e4e4;height:.6rem;line-height:.6rem;padding:0 .45rem;font-size:.18rem;color:#858585}
.about_honor ul li#current a{background:#2780c7;color:white} */
.about_honor .lists{padding:1rem  1.5rem .7rem}
.about_honor .lists a{background:white;padding:.15rem;overflow:hidden}
.about_honor .lists a:hover img{transform:scale(1.1)}
.about_honor .lists>div{padding:0 1.65rem;position:relative}
.about_honor .lists>div h1{text-align:center;margin:.2rem 0 0;font-size:.14rem;color:#858585}
.about_honor .lists>div .swiper-page>div{position:absolute;top:50%;left:-0rem;width:.45rem;height:.45rem;border:1px solid #8e8e8e;border-radius:100%;}
.about_honor .lists>div .swiper-page>div.slide-button-prev{transform:translateY(-50%) scaleX(-1);background:url(/public/common/images/3.png) center center no-repeat;}
.about_honor .lists>div .swiper-page>div.slide-button-next {left:auto;right:0rem;transform:translateY(-50%);background:url(/public/common/images/3.png) center center no-repeat;}
.about_honor .lists>div .swiper-page>div.slide-button-prev:hover{background:#1f8bc9 url(/public/common/images/3-1.png) center center no-repeat;border:1px solid #1f8bc9}
.about_honor .lists>div .swiper-page>div.slide-button-next:hover{background:#1f8bc9 url(/public/common/images/3-1.png) center center no-repeat;border:1px solid #1f8bc9}
.about_honor .list ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:0 .6rem}
.about_honor .list ul li a{background:white;padding:.35rem .4rem 1.5rem;text-align:center}
.about_honor .list ul li .info{font-size:.16rem;color:#000000;line-height:.25rem}
.about_honor .list ul li a{height:100%;position:relative}
.about_honor .list ul li a span{position:absolute;left:0;text-align:left;margin:.7rem 0 0;display:inline-block;width:90%;height:.5rem;transform:translateX(-50%);bottom:.4rem;left:50%;font-size:.13rem;color:white;;line-height:.5rem;padding:0 .25rem;background:#2780c7 url(/public/common/images/xz7.png) 93% center  no-repeat;background-size:.16rem .06rem}
.about_honor .list ul li a:hover{box-shadow:0 0 15px rgba(39,128,199,0.2)}
.about_partner{padding:0 0 .95rem}
.about_partner .title{text-align:center;padding:.8rem 0 .6rem}
.about_partner  .title h1{font-size:.55rem;color:#000000;margin:0 0 .2rem;margin: .05rem 0 0 }
.about_partner .title p{font-size:.14rem;color:#858585;}
.about_partner ul{display:grid;grid-template-columns:repeat(5,1fr);grid-gap: .22rem .33rem}
.about_partner ul li{text-align:center;border:1px solid #e0e3e5}

.tech_info{padding:2rem 0 1rem;background:#f8f8f8}
.tech_info>div>h2{font-size:.48rem;color:#000000;margin:0 0 .2rem;text-align:center;margin:0 0 .5rem}
.tech_info .editor {font-size:.16rem;color:#000000;line-height:.3rem;margin:0 0 .5rem}

.footer{background:#e1e1e1;padding:.85rem 0 .5rem}
.footer>div{padding:0 2.42rem}
.footer .logos{padding:0 0 .35rem}
.footer  .fot_navs{border-top:1px solid #868686;border-bottom:1px solid #868686;padding:.48rem 0 .3rem}


.footer  .fot_navs ul{display:flex;justify-content: space-between;}
.footer  .fot_navs ul li:last-child{width:30%}
.footer  .fot_navs ul li h1{font-size:.16rem;color:#1b1b1b;font-weight:bold;margin:0 0 .35rem}
.footer  .fot_navs ul li  .item a{font-size:.14rem;color:#808080;margin:0 0 .05rem}
.footer  .fot_navs ul li p{font-size:.14rem;color:#808080}
.footer  .beian{margin:.7rem 0 0 }
.footer  .beian a{display:inline-block;font-size:.14rem;color:#808080;margin-right:.2rem}
.footer  .beian a img{max-width:1rem}
.technical .items>div{display:flex;justify-content: space-between;padding:1rem 0;align-items: center;}
.technical .items .img{width:50%}
.technical .items .text{width:43%}
.technical .items .text h1{font-size:.55rem;color:#000000;margin:0 0 .3rem;position:relative;padding:.7rem 0 0}
.technical .items .text h2{font-size:.14rem;color:#969696;margin:0 0 .3rem}
.technical .items .text p{font-size:.16rem;color:#676767;line-height:.28rem}
.technical .items .text a{border:1px solid #333;text-align:center;margin:.3rem 0 0;color:#333;display:inline-block;width:1.7rem;height:.4rem;font-size:.14rem;;line-height:.4rem}
.technical .items .text a:hover{background:#1f8bc9;border-color:#1f8bc9;color:white}
.technical .items1{background:#f8f9fb}

.technical .items1 .text h1:after{content:"";position:absolute;background:url(/public/common/images/4.png) 0 0 no-repeat;width:.64rem;height:.58rem;background-size:100%;left:0;top:0}
.technical .items2 .text h1:after{content:"";position:absolute;background:url(/public/common/images/5.png) 0 0 no-repeat;width:.64rem;height:.59rem;background-size:100%;left:0;top:0}


.news_box .top{padding:.85rem 0 .3rem;border-bottom:2px solid #e0e0e0;display:flex;justify-content: space-between;align-items: flex-end;}
.news_box .top .title h1{font-size:.55rem;color:#000000;margin:0 0 .4rem}
.news_box .top .title p{font-size:.14rem;color:#969696;}
.news_box .top ul{display:flex}
.news_box .top ul li{padding:0 .35rem;position:relative}
.news_box .top ul li a{font-size:.16rem;color:#969698;}
.news_box .top ul li:last-child{padding-right:0}
.news_box .top ul li:after{content:"";position:absolute;width:2px;background:#969698;height:70%;right:-1px;top:50%;transform:translateY(-50%)}
.news_box .top ul li:last-child:after{display:none}
.news_box .top ul li a:hover,.news_box .top ul li.active a{color:#1f8bc9}
.news_box .lists {padding:1.15rem 0}
.news_box .lists  ul{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem .95rem}
.news_box .lists  ul li .txt{padding:.33rem 0 .28rem}
.news_box .lists  ul li .txt .time{display:flex;margin:0 0 .1rem}
.news_box .lists  ul li .txt .time p{font-size:.14rem;color:#9e9e9e;}
.news_box .lists  ul li .txt .time p:first-child{padding-right:.24rem;position:relative}
.news_box .lists  ul li .txt .time p:first-child:after{content:"";position:absolute;width:2px;background:#969698;height:60%;right:-1px;top:50%;transform:translateY(-50%);transition:.3s}
.news_box .lists  ul li .txt .time p:last-child{padding-left:.23rem}
.news_box .lists  ul li .txt  h2{font-size:.2rem;color:#000000}
.news_box .lists  ul li a:hover{background:#2780c7}
.news_box .lists  ul li a:hover .txt{padding:.33rem .2rem .28rem}
.news_box .lists  ul li a:hover .time p{color:white;transition:.3s}
.news_box .lists  ul li a:hover .time p:first-child:after{background:white;transition:.3s}
.news_box .lists  ul li a:hover h2{color:white;transition:.3s}
.news_box .lists  ul li a:hover img{transform:scale(1.1)}

.product_box{background:#F9F9F9;padding:.5rem 0 .85rem;}
.product_box .title{position:relative;margin:0 0 .46rem;}
.product_box .title h4 {font-size:.28rem;color:#333;font-weight:bold;text-align:center;}
.product_box .title>a{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.16rem;color:#333333;padding:0 .3rem 0 0;background:url(../images/jt11.png) right center no-repeat;background-size:.06rem .12rem;line-height:.15rem;}
.product_box .imglist{position:relative;max-height:6.8rem;background:#000;overflow:hidden;}
.product_box .imglist ol {position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:6;font-size:0}
.product_box .imglist ol>li{display:inline-block;vertical-align:middle;width:33.33%;text-align:center;height:100%;border-right:1px solid rgba(255,255,255,.18)}
.product_box .imglist ol>li:last-child{border-right:0}
.product_box .imglist ol>li>a{width:100%;height:100%;position:relative}
.product_box .imglist ol>li>a:before{content:'';width:0;height:100%;background:#000;opacity:.45;position:absolute;top:0;left:50%;z-index:1;transition:all .4s linear}
.product_box .imglist ol>li span {font-size:.3rem;color:#FFF;position:relative;z-index:3}
.product_box .imglist ol>li span:after{content:'+';width:.56rem;height:0;display:block;margin:.46rem auto 0;border:2px solid #3FA9EB;line-height:.56rem;text-align:center;font-size:.3rem;color:#3FA9EB;transition:all .4s linear;visibility:hidden;transform:translateY(.3rem);}
.product_box .imglist ol>li>a:hover span:after,.product_box .imglist ol>li.active span:after{visibility:visible;transform:none;height:.56rem;}
.product_box .imglist ol>li>a:hover:before,.product_box .imglist ol>li.active a:before{width:100%;left:0}
.product_box .pro_com{margin:.8rem 0 .46rem;position:relative;text-align:center}

.product_box .pro_com h4 {font-size:.28rem;color:#333333;font-weight:bold;margin:0 0 .65rem;}
/* .product_box .pro_com li{display:inline-block;vertical-align:middle;padding:0 .48rem;border-right:1px solid #C8C8C8;}
.product_box .pro_com li:last-child{border-right:0}
.product_box .pro_com li a{font-size:.16rem;color:#666666;}
.product_box .pro_com>span {position:absolute;right:0;bottom:0} */
.product_box .pro_com>a{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.16rem;color:#333333;padding:0 .3rem 0 0;background:url(../images/jt11.png) right center no-repeat;background-size:.06rem .12rem;line-height:.15rem;}

.product_box .lists {position:relative;padding:0 .58rem}
.product_box .lists:before{content:'';width:100%;height:60%;background:#D8D8D8;position:absolute;top:0;left:0;}
.product_box .lists .swiper-container{padding:0 .48rem;}
.product_box .lists .swiper-slide{padding:.35rem 0 .61rem;}
.product_box .lists .swiper-slide a{display:block;position:relative;background:#FFF;text-align:center;padding:.45rem .25rem .55rem;}
.product_box .lists .swiper-slide h5{font-size:.24rem;color:#333333;font-weight:bold;margin:0 0 .37rem;}
.product_box .lists .swiper-slide .imgs {overflow:hidden;margin:0 0 .39rem;}
.product_box .lists .swiper-slide img {max-height:2.84rem;}
.product_box .lists .swiper-slide  em{display:block;position:relative;font-size:.16rem;color:#FFF;;line-height:.5rem;background:#2780c7;padding:0 .3rem;text-align:left}
.product_box .lists .swiper-slide  em i{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-size:.16rem;color:#FFF}

.product_box .lists .swiper-slide a:hover img {transform:scale(1.06)}
.product_box .lists .swiper-slide a:hover em {background:#2780c7;color:#FFF}
.product_box .lists .swiper-slide a:hover {box-shadow:0 .13rem .48rem rgba(0,0,0,.12);}
.product_box .lists .slide-pagination{margin:.6rem 0 0;text-align:center}
.product_box .lists .slide-pagination span {opacity:1;outline:none;width:.12rem;height:.12rem;background:#D8D8D8;margin:0 .08rem;}
.product_box .lists .slide-pagination span.swiper-pagination-bullet-active{background:#2780c7}


.contact_box .infos .title{padding:.85rem 0 .7rem}
.contact_box .infos .title h1{font-size:.55rem;color:#000000;margin:0 0 .35rem}
.contact_box .infos .title p{font-size:.14rem;color:#969696;}
.contact_box .infos .box{display:flex;justify-content: space-between;}
.contact_box .infos .box .map{width:59.9%}
.contact_box .infos .box .map #container{height:7.2rem}
.contact_box .infos .box .txt{width:40.1%;padding:1.9rem .7rem 0 1.5rem;background:#000000}
.contact_box .infos .box .txt .com {padding:0 0 .25rem;border-bottom:3px solid #2780c7}
.contact_box .infos .box .txt .com h1{font-size:.18rem;color:white;font-weight:bold}
.contact_box .infos .box .txt .com  p{font-size:.36rem;color:white;font-weight:bold}
.contact_box .infos .box .txt  .add {padding:.3rem 0 .3rem .5rem;position:relative }
.contact_box .infos .box .txt  .add:after{content:"";position:absolute;background:url(/public/common/images/6.png) 0 0 no-repeat;width:.42rem;height:.42rem;background-size:100%;left:0;top:.3rem}
.contact_box .infos .box .txt  .add h1{font-size:.16rem;color:white;margin:0 0 .05rem;font-weight:bold}
.contact_box .infos .box .txt  .add  p{font-size:.14rem;color:white;font-weight:bold}
.contact_box .infos .box .txt  ul{display:grid;grid-template-columns:1fr 1fr;padding:.3rem 0 ;border-top:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6}
.contact_box .infos .box .txt  ul li{position:relative}
.contact_box .infos .box .txt  ul li:first-child{padding-left:.5rem;}
.contact_box .infos .box .txt  ul li:first-child:after{content:"";position:absolute;background:url(/public/common/images/7.png) 0 0 no-repeat;width:.42rem;height:.41rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .infos .box .txt  ul li:first-child:before{content:"";position:absolute;width:2px;background:#e0e0e0;height:100%;right:-1px;top:50%;transform:translateY(-50%);transition:.3s}
.contact_box .infos .box .txt  ul li:last-child{margin-left:.25rem;padding-left:.5rem;}
.contact_box .infos .box .txt  ul li:last-child:after{content:"";position:absolute;background:url(/public/common/images/8.png) 0 0 no-repeat;width:.42rem;height:.41rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box .infos .box .txt  ul li h1{font-size:.16rem;color:white;font-weight:bold}
.contact_box .infos .box .txt  ul li  p{font-size:.14rem;color:white;font-weight:bold}
.contact_box .message{background:#f7f7f7;display:flex;justify-content: space-between;align-items: center;}
.contact_box .message .left{width:40.1%}
.contact_box .message .title{padding:0 0 .45rem}
.contact_box .message .title h1{font-size:.55rem;color:#000000;margin:0 0 .15rem}
.contact_box .message .title p{font-size:.14rem;color:#969696;}
.contact_box .message .form{width:53.5%;padding-right:.95rem}
.contact_box .message .form form{}
.contact_box .message .form form ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.1rem}
.contact_box .message .form form ul li input{width:100%;height:.57rem;line-height:.57rem;padding:0 .3rem;border:0;background:white;font-size:.16rem;color:black}
.contact_box .message .form form textarea{height:1.5rem;width:100%;padding:.15rem .3rem;;border:0;background:white;font-size:.16rem;color:black;margin:.1rem 0 0 }
.contact_box .message .form form button{margin:.09rem 0 0;width:2.22rem;height:.58rem;border:0;background:#2780c7 url(/public/common/images/9.png) right.3rem center no-repeat;;text-align:left;padding:0 .28rem;color:white;font-size:.16rem}


.product .top{}
.product .top>div{display:flex;justify-content: space-between;border-bottom:2px solid #e2e2e2;padding:1.15rem 0 .3rem;}
.product .top .title{width:50%;padding:0 0 .15rem}
.product .top .title h1{font-size:.55rem;color:black;line-height:.6rem;margin:0 0 .45rem}
.product .top .title p{font-size:.14rem;color:#858585;line-height:.14rem}
.product .top ul{width:45%;display:flex;align-items: flex-end;justify-content: space-between;}
.product .top ul li a{font-size:.18rem;color:black}
.product .top ul li{margin-left:.9rem}
.product .top ul li.active a,.product .top ul li a:hover{color:#2780c7}
.product .top ul li:first-child{margin:0}

.product .pro_nav{padding:.7rem 0 .88rem;display:flex}
.product .pro_nav .box{display:flex}
.product .pro_nav .box>div{width:20.35%;} 
.product .pro_nav .box>div.on{width:38.95%;} 
.product .pro_nav .box>div a{display:flex}
.product .pro_nav .box>div:nth-child(2n){background:#f1f1f1} 
.product .pro_nav .box>div:nth-child(2n-1){background:#f7f7f7}
.product .pro_nav .box>div .txt{width:100%;padding:1rem .2rem .95rem .64rem;position:relative}
.product .pro_nav .box>div .txt:after{content:"";position:absolute;background:url(/public/common/images/14.png) 0 0 no-repeat;width:.48rem;height:.48rem;background-size:100%;left:.64rem;bottom:.5rem;transition:.3s}

.product .pro_nav .box>div .txt>h1{font-size:.24rem;color:black;position:relative;padding:.6rem 0 0}
.product .pro_nav .box>div .txt>p{font-size:.14rem;color:#858585} 
.product .pro_nav .box>div .item{height:.8rem;margin:.3rem 0 0;opacity:0;overflow:hidden}
.product .pro_nav .box>div .item p{line-height:.16rem;font-size:.14rem;color:white}
.product .pro_nav .box>div .bg{width:0%;background-size:cover;background-repeat:no-repeat}
.product .pro_nav .box>div:nth-child(1) .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/10.png) 0 0 no-repeat;width:.62rem;height:.35rem;background-size:100%;left:0;top:0;transition:.3s}
.product .pro_nav .box>div:nth-child(2) .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/11.png) 0 0 no-repeat;width:.58rem;height:.35rem;background-size:100%;left:0;top:0;transition:.3s}
.product .pro_nav .box>div:nth-child(3) .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/12.png) 0 0 no-repeat;width:.51rem;height:.36rem;background-size:100%;left:0;top:0;transition:.3s}
.product .pro_nav .box>div:nth-child(4) .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/13.png) 0 0 no-repeat;width:.45rem;height:.36rem;background-size:100%;left:0;top:0;transition:.3s}

.product .pro_nav .box>div.on .txt{width:50%;padding:1rem .2rem .95rem .4rem;}
.product .pro_nav .box>div.on .bg{width:50%}
.product .pro_nav .box>div.on a {background:#2780c7}
.product .pro_nav .box>div.on a .txt>h1{color:white;transform:translateY(-.45rem)}
.product .pro_nav .box>div.on a .txt>p{color:white;transform:translateY(-.45rem)}
.product .pro_nav .box>div:nth-child(1).on .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/10-1.png) 0 0 no-repeat;width:.62rem;height:.35rem;background-size:100%;left:0;top:0;transition:.3s}
.product .pro_nav .box>div:nth-child(2).on .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/11-1.png) 0 0 no-repeat;width:.58rem;height:.35rem;background-size:100%;left:0;top:0;transition:.3s}
.product .pro_nav .box>div:nth-child(3).on .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/12-1.png) 0 0 no-repeat;width:.51rem;height:.36rem;background-size:100%;left:0;top:0;transition:.3s}
.product .pro_nav .box>div:nth-child(4).on .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/13-1.png) 0 0 no-repeat;width:.45rem;height:.36rem;background-size:100%;left:0;top:0;transition:.3s}
.product .pro_nav .box>div.on a .item{transform:translateY(-.45rem);opacity:1}
.product .pro_nav .box>div.on .txt:after{content:"";position:absolute;background:url(/public/common/images/14-1.png) 0 0 no-repeat;width:.48rem;height:.48rem;background-size:100%;left:.4rem;bottom:.5rem;transition:.3s}


.product .pro_lists{background:#f5f5f5;padding:.7rem 0 0}
.product .pro_lists .left_nav{padding:0 0 .65rem}
.product .pro_lists .left_nav dl{margin:0;position:relative;display:inline-block}
.product .pro_lists .left_nav dl  dt{padding:0 0 .15rem;border-bottom:1px solid #bfbfbf}
.product .pro_lists .left_nav dl  dt a{font-size:.33rem;padding-right:1.5rem;position:relative;color:#000000}
.product .pro_lists .left_nav dl  dt a:after{content:"\f078";position:absolute;right:0;top:50%;transform:translateY(-50%);font: normal normal normal 14px/1 FontAwesome;transition:.3s;font-size:.2rem;color:#2780c7}
.product .pro_lists .left_nav dl  dt a.xss:after{transform:translateY(-50%)rotate(180deg) ;transition:.3s}
.product .pro_lists .left_nav dl dd {position:absolute;width:100%;left:0;top:100%;transition:0s;background:white;box-shadow:0 0 12px rgba(0,0,0,0.2);display:none;z-index:10}
.product .pro_lists .left_nav dl dd  a{display:block;font-size:.2rem;color:#000000;padding:.1rem}
.product .pro_lists .left_nav dl dd  a:hover{color:#2180be;transition:.3s}
.product .pro_lists .lists ul {display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem .7rem;}
.product .pro_lists .lists li a{display:block;position:relative;background:#FFF;padding:.34rem;}
.product .pro_lists .lists  li .imgs{height:3.45rem;line-height:3.45rem;text-align:center;}
.product .pro_lists .lists  li .imgs img {max-height:30.5rem;}
.product .pro_lists .lists  li .txt{padding:.15rem 0 0;border-top:1px solid #bfbfbf;}
.product .pro_lists .lists  li .txt h4 {font-size:.25rem;color:#2780c7;font-weight:bold;margin:0 0 .1rem;}
.product .pro_lists .lists  li .txt p{font-size:.16rem;color:#969696;line-height:.2rem;height:.4rem;overflow:hidden;margin:0 0 .4rem;}
.product .pro_lists .lists  li .txt em{display:block;position:relative;font-size:.14rem;color:#FFF;font-weight:bold;line-height:.5rem;background:#2780c7;padding:0 .3rem}
.product .pro_lists .lists  li .txt em i{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-size:.16rem;color:#FFF}
.product .pro_lists .lists  li:hover img{transform:scale(1.06)}

.product .pro_lists .lists .page{padding:.95rem 0 .84rem}
.product .pro_lists .lists .page a{display:inline-block;margin:0 .05rem;width:.45rem;height:.45rem;line-height:.45rem;font-size:.14rem;color:#6d6e72;border:1px solid #b6b6b6;border-radius:100%}
.product .pro_lists .lists .page a i{font-size:.18rem}
.product .pro_lists .lists .page a.page-num{border:0;font-weight:bold}
.product .pro_lists .lists .page a.page-num:hover,.product .pro_lists .lists .page a.page-num-current{background:#2780c7;color:#FFF;}
.product .pro_lists .lists .page a.page-item:hover {background:#2780c7;color:#FFF;border:1px solid #2780c7}
.product_lists{background:#F9F9F9;padding:1.71rem 0 .8rem;}
.product_lists>div{font-size:0}
.product_lists>div>div{display:inline-block;vertical-align:top;width:17%}
.product_lists .column {background:#F0F0F0;padding:.21rem .21rem .26rem;}
.product_lists .column h6{font-size:.2rem;font-weight:bold;color:#333333;padding:0 0 0 .25rem;margin:0 0 .22rem;background:url(../images/jt13.png) 0 center no-repeat;background-size:.16rem .16rem;line-height:.18rem;}
.product_lists .column .col_m{border-top:1px solid #B2B2B2}
.product_lists .column .col_item{border-bottom:1px solid #D8D8D8;padding:.22rem 0}
.product_lists .column .col_item>a{font-size:.18rem;color:#333333;display:block;position:relative;padding:0 .25rem 0 .15rem;}
.product_lists .column .col_item>a:after{content:'';width:13px;height:6px;background:url(../images/jt12.png) 0 no-repeat;background-size:13px 6px;position:absolute;right:.1rem;top:50%;transform:translateY(-50%);transition:all .4s linear}
.product_lists .column .col_item.opens>a:after{transform:translateY(-50%) rotate(180deg);}
.product_lists .column .col_item>dl{margin:0;padding:.15rem 0 0;transition:none;display:none;}
.product_lists .column .col_item>dl>dd {margin:0 0 .13rem .2rem;padding:.05rem  0;border-bottom:1px solid #D8D8D8;}
.product_lists .column .col_item>dl>dd:last-child{margin:0 0 0 .2rem;padding:0;border-bottom:0}
.product_lists .column .col_item>dl>dd>a{display:block;position:relative;font-size:.16rem;color:#333333;padding:0 .25rem 0 0}
.product_lists .column .col_item>dl>dd>a.link2:before,.product_lists .column .col_item>dl>dd>a.link2:after{content:'';width:.13rem;height:2px;background:#666;position:absolute;right:.1rem;top:50%;transform:translateY(-50%);transition:all .4s linear}
.product_lists .column .col_item>dl>dd>a.link2:after{transform:translateY(-50%) rotate(90deg)}
.product_lists .column .col_item>dl>dd>p{margin:0;transition:none;display:none;padding:.2rem 0 0}
.product_lists .column .col_item>dl>dd.opens2>a.link2:after{transform:translateY(-50%)}
.product_lists .column .col_item>dl>dd>p>em{display:block;padding:0 0 0 .2rem;}
.product_lists .column .col_item>dl>dd>p>em>a{display:block;position:relative;font-size:.14rem;color:#333333;padding:0 .25rem 0 0;line-height:.32rem;}
.product_lists .column .col_item>dl>dd>p>em>a:after{content:'';width:.15rem;height:.12rem;background:url(../images/icon14-2.png) 0 0 no-repeat;background-size:.15rem .12rem;position:absolute;right:.25rem;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .3s  linear}
.product_lists .column .col_item>dl>dd>p>em>a:hover:after,.product_lists .column .col_item>dl>dd>p>em.on>a:after{opacity:1;visibility:visible;right:.1rem;}
.product_lists .column .col_item>dl>dd>p>em.on>a,.product_lists .column .col_item>dl>dd>p>em>a:hover {color:#1238C6}
.product_lists .lists{width:83%;padding:0 0 0 .45rem;}
.product_lists .lists h5{font-size:.28rem;color:#333333;font-weight:bold;margin:0 0 .36rem;padding-left:.2rem;}
.product_lists .lists li {padding:0 0 0 .2rem;margin:0 0 .2rem;}
.product_lists .lists li a{display:block;position:relative;background:#FFF;padding:.34rem .23rem .15rem;}
.product_lists .lists li .imgs{overflow:hidden;margin:0 0 .35rem}

.product_lists .lists li .imgs span{background:none !important;}
.product_lists .lists li  h3{font-size:.22rem;color:#959595;font-weight:bold;margin:0 0 .2rem}
.product_lists .lists li .text {padding:.15rem 0 0;border-top:1px solid #d6d6d6}
.product_lists .lists li .text h6{font-size:.205rem;color:#227dce;margin:0 0 .2rem;font-weight:bold}
.product_lists .lists li .info{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_lists .lists li .info p{font-size:.12rem;color:#888888;margin:0 0 .12rem;width:49.5%}
.product_lists .lists li a>span{position:absolute;top:60%;left:50%;line-height:.48rem;background:#2780c7;color:#FFF;opacity:0;visibility:hidden;font-size:.16rem;z-index:4;transform:translate(-50%,-50%);border-radius:5px;width:53%;text-align:center;}

.product_lists .lists li a:hover>span {top:50%;opacity:1;visibility:visible;}
.product_lists .lists li img{-webkit-animation-fill-mode:none;animation-fill-mode:none;}
.product_lists .lists li a:hover img {transform:scale(1.08)}

.product_lists .lists li a:hover{box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.09);}
.page{padding:.4rem 0 0;text-align:center}
.page a{display:inline-block;vertical-align:middle;margin:0 5px;width:.35rem;height:.35rem;border:1px solid #D8D8D8;line-height:.35rem;font-size:.16rem;color:#888888;}
.page a:hover,.page a.page-num-current{background:#2780c7;color:#FFF;border-color:#2780c7}
.case_word{margin:0 0 .68rem}
.case_word>div{padding:1rem 1.5rem .75rem;position:relative}
.case_word .bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;}
.case_word .bg>div{background-size:cover;height:100%;position:absolute;width:100%;background-repeat:no-repeat;display:none}
.case_word .bg>div:first-child{display:block}
.case_word .bg1 .postition-1{right:45%;bottom:47%;position:absolute}
.case_word .bg1 .postition-1 .show-regin{color:white}
.case_word .bg  .show-regin{top:50%;transform:translateY(-50%);left:.25rem}
.case_word .bg1 .postition-1 .dot{background:white;}
.case_word .bg1 .postition-1 .pulse{border:.1rem solid white;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;}
.case_word .bg1 .postition-2{right:57.5%;bottom:40%;position:absolute}
.case_word .bg1 .postition-3{right:48.5%;bottom:30%;position:absolute}

.case_word .bg2 .postition-1{right:46%;bottom:58%;position:absolute}
.case_word .bg2 .postition-2{right:45%;bottom:60%;position:absolute}

.case_word .bg3 .postition-1{right:56%;bottom:52%;position:absolute}
.case_word .bg3 .postition-2{right:49%;bottom:43%;position:absolute}
.show-regin{position:absolute;-o-transition:all .5s ease-in-out;color:#a2a2a4; font-weight:bold;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;font-size:.14rem;min-width: 100px;}
.case_word .infos{display:flex;justify-content: space-between;align-items: center;}
.case_word .infos .left{width:68.5%}
.case_word .infos .left .title{}
.case_word .infos .right{width:23%}
.case_word .infos .right .items{display:none;background:white}
.case_word .infos .right .items:first-child{display:block}
.case_word .infos .right .items .con{padding:.45rem .3rem .6rem}
.case_word .infos .right .items:nth-child(1) h2{font-size:.32rem;color:#000000;margin:0 0 .4rem;font-weight:bold}
.case_word .infos .right .items:nth-child(1) h1{font-size:.18rem;color:#000000;margin:0 0 .2rem;font-weight:bold}
.case_word .infos .right .items:nth-child(1) ul li:first-child h3{font-size:.14rem;color:black;padding-left:.14rem;margin:0 0 .06rem;font-weight:bold;position:relative} 
.case_word .infos .right .items:nth-child(1) ul li:first-child h3:after{content:"";position:absolute;background:url(/public/common/images/15.png) 0 0 no-repeat;width:.11rem;height:.15rem;left:-.05rem;top:50%;transform:translateY(-50%);background-size:100%}
.case_word .infos .right .items:nth-child(1) ul li{margin:0 0 .2rem}
.case_word .infos .right .items:nth-child(1) ul li .zn{margin:0 0 .25rem}
.case_word .infos .right .items:nth-child(1) ul li .zn p{padding-left:.14rem;color:#999999}
.case_word .infos .right .items:nth-child(1) ul li h3{font-size:.14rem;color:black;font-weight:bold;position:relative}
.case_word .infos .right .items:nth-child(1) ul li:not(:first-child) h3:after{position:absolute;content:"+";border-radius:100%;width:.22rem;height:.22rem;border:1px solid #9b9b9b;text-align:center;line-height:.18rem;top:50%;transform:translateY(-50%);right:0;color:#9b9b9b;font-weight:bold}

.case_word .infos .right .items:nth-child(2) h2,.case_word .infos .right .items:nth-child(3) h2{font-size:.32rem;color:#000000;margin:0 0 .4rem;font-weight:bold}
.case_word .infos .right .items:nth-child(2) h1,.case_word .infos .right .items:nth-child(3) h1{font-size:.18rem;color:#000000;margin:0 0 .2rem;font-weight:bold}
.case_word .infos .right .items:nth-child(2) ul li:first-child h3,.case_word .infos .right .items:nth-child(3) ul li:first-child h3{font-size:.14rem;color:black;padding-left:.14rem;margin:0 0 .06rem;font-weight:bold;position:relative} 
.case_word .infos .right .items:nth-child(2) ul li:first-child h3:after,.case_word .infos .right .items:nth-child(3) ul li:first-child h3:after{content:"";position:absolute;background:url(/public/common/images/15.png) 0 0 no-repeat;width:.11rem;height:.15rem;left:-.05rem;top:50%;transform:translateY(-50%);background-size:100%}
.case_word .infos .right .items:nth-child(2) ul li h3,.case_word .infos .right .items:nth-child(3) ul li h3{font-size:.14rem;color:black;font-weight:bold;position:relative}
.case_word .infos .right .items:nth-child(2) ul li:not(:first-child) h3:after,.case_word .infos .right .items:nth-child(3) ul li:not(:first-child) h3:after{position:absolute;content:"+";border-radius:100%;width:.22rem;height:.22rem;border:1px solid #9b9b9b;text-align:center;line-height:.18rem;top:50%;transform:translateY(-50%);right:0;color:#9b9b9b;font-weight:bold}
.case_word .infos .right .items:nth-child(2) ul li:not(:first-child),.case_word .infos .right .items:nth-child(3) ul li:not(:first-child){margin:.45rem 0 0}
.case_word .infos .left {padding:0 0 3.6rem;position:relative}
.case_word .infos .left .title h1{font-size:.55rem;color:black;line-height:.6rem;margin:0 0 .45rem;}
.case_word .infos .left .title h2{font-size:.14rem;color:#858585;line-height:.14rem;margin:0 0 .5rem}
.case_word .infos .left .title  p{font-size:.18rem;color:#a2a2a4;width:55%;line-height:.25rem;height:.75rem;overflow:hidden}
.case_word .infos .left ul {position:absolute;bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.1rem;width:100%;align-items: end;}
.case_word .infos .left ul li a{padding:0 .45rem 0 .4rem;background:#eeeeee;display:block;overflow:hidden}
.case_word .infos .left ul li.cnts a{padding:0 .45rem 1.15rem .4rem;background:rgba(39,128,199,.9)}
.case_word .infos .left ul .tit{padding:.45rem 0 .45rem 0;position:relative}
.case_word .infos .left ul .tit em{font-size:.6rem;color:#999999;position:absolute;right:0;top:50%;transform:translateY(-50%);font-weight:bold}
.case_word .infos .left ul .tit h1{font-size:.24rem;color:#000000;margin:0 0 .08rem}
.case_word .infos .left ul .tit  p{font-size:.14rem;color:#a2a2a4}
.case_word .infos .left ul .xx{position:absolute;height:1rem;bottom:-1rem;opacity:0;}
.case_word .infos .left ul .xx p{font-size:.18rem;color:white;left:0;line-height:.25rem}
.case_word .infos .left ul li.cnts .xx{opacity:1;bottom:.15rem}
.case_word .infos .left ul li.cnts .tit h1,.case_word .infos .left ul li.cnts .tit p,.case_word .infos .left ul li.cnts .tit em{color:white}

.region-list{position:absolute;}

@-webkit-keyframes warn{
0%{-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%)  scale(0);opacity:1}
100%{-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%)  scale(0);opacity:1}
100%{-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%)  scale(0);opacity:1}
100%{-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%)  scale(0);opacity:1}
100%{-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:0}
}
.area-box{width:.15rem;height:.15rem;position:relative;}
.area-box .dot{position:absolute;top:50%;;left:50%;transform:translate(-50%,-50%);width:.15rem;height:.15rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#0079c0;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:.66rem;width:.66rem;border:.1rem solid #0079c0;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #0079c0,0 0 10px #0079c0 inset;-moz-box-shadow:0 0 4px #0079c0,0 0 10px #0079c0 inset;box-shadow:0 0 4px #0079c0,0 0 10px #0079c0 inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0;}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}

.news_box  .page{padding:0 0 .85rem}
.news_box  .page a{display:inline-block;margin:0 .05rem;width:.45rem;height:.45rem;line-height:.45rem;font-size:.14rem;color:#6d6e72;border:1px solid #b6b6b6;border-radius:100%}
.news_box  .page a i{font-size:.18rem}
.news_box .page a.page-num{border:0;font-weight:bold}
.news_box  .page a.page-num:hover,.news_box  .page a.page-num-current{background:#2780c7;color:#FFF;}
.news_box  .page a.page-item:hover {background:#2780c7;color:#FFF;border:1px solid #2780c7}

.parnter{padding:.5rem 0 .57rem}
.parnter ul{display:grid;grid-template-columns:repeat(6,1fr);grid-gap: .25rem}
.parnter ul li{text-align:center;border:1px solid #e0e3e5}
.tem_banner.index{margin:.88rem  0 0}
.tem_banner.index .label_text{position:absolute;left:2.08rem;top:50%;transform:translateY(-50%);z-index:2;text-align:left}
.tem_banner.index .label_text h1{font-size:.53rem;color:white;font-weight:bold;line-height:.55rem;transform:translateY(.6rem);opacity:0;transition:all .5s}
.tem_banner.index .label_text p{font-size:.36rem;color:white;margin:.05rem 0 .4rem;transform:translateY(.6rem);opacity:0;transition:all .5s}
.tem_banner.index  .swiper-slide-active .label_text h1{transform:none;opacity:1;transition-delay:.6s}
.tem_banner.index  .swiper-slide-active .label_text p{transform:none;opacity:1;transition-delay:.8s}

.tem_banner.index .label_text a{font-size:.16rem;color:white;display:inline-block;padding-left:.5rem;position:relative;transform:translateY(.6rem);opacity:0;transition:all .5s}
.tem_banner.index  .swiper-slide-active .label_text a{transform:none;opacity:1;transition-delay:1s}


.tem_banner.index .label_text a:after{content:'';position:absolute;width:.25rem;height:.25rem;border-radius:100%;border:1px solid white;left:.12rem;top:50%;transform:translateY(-50%);transition:.3s}
.tem_banner.index .label_text a:before{content:"";position:absolute;background:url(/public/common/images/16.png) 0 0 no-repeat;width:.25rem;height:.07rem;left:0rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.tem_banner.index .label_text a:hover:before{left:.2rem}
.tem_banner.index .label_text a:hover:after{}
.tem_banner.index .slide-pagination{position:absolute;display:flex;flex-direction: column;right:.6rem;top:38%;z-index:2}
.tem_banner.index .slide-pagination span{opacity:1;background:white;margin:.24rem 0 ;position:relative}
.tem_banner.index .slide-pagination span:after{content:"";position:absolute;width:.44rem;height:.44rem;border:1px solid white;border-radius:100%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:.3s}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background:#2780c7}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active:after{opacity:1;transition:.3s}
.index_about{background:url(/public/common/images/21.jpg) 0 0 no-repeat;background-size:cover}
.index_about>div{display:flex;padding:1.05rem 0 1.2rem;}
.index_about .left{width:70%}
.index_about .left .title{padding:0 0 .15rem}
.index_about .left .title h1{font-size:.55rem;color:black;line-height:.6rem;margin:0 0 .4rem;}
.index_about .left .title p{font-size:.14rem;color:#858585;line-height:.14rem;margin:0 0 .65rem}
.index_about .left .infos{padding:0 0 .4rem}
.index_about .left .infos h2{font-size:.18rem;color:#676767;margin:0 0 .2rem;line-height:.2rem}
.index_about .left .infos p{font-size:.14rem;color:#858585;line-height:.14rem;}
.index_about .left .imgs{width:50%}
.index_about  .right{padding:.8rem 0 0;display:flex;width:35%;flex-direction: column;justify-content: space-between;align-items: flex-end;}
.index_about  .right .more{display:flex;justify-content: flex-end;}
.index_about  .right .more a{padding-left:.2rem;font-size:.14rem;color:black;font-weight:bold;position:relative;z-index:1}
.index_about  .right .more a:after{content:"";position:absolute;width:.54rem;height:.54rem;border-radius:100%;background:#2780c7;left:0;top:50%;transform:translateY(-50%);transition:.3s;z-index:-1}
.index_about  .right .more a:hover:after{width:1.2rem;height:1.2rem;}
.index_about  .right .more a:hover{color:white}
.index_about  .right  ul{display:flex;width:94%;justify-content: space-between;}
.index_about  .right  ul li{text-align:center}
.index_about  .right  ul li h1{font-size:.14rem;color:#858587;padding:.6rem 0 0;position:relative}
.index_about  .right  ul li:nth-child(1) h1:after{content:"";position:absolute;background:url(/public/common/images/17.png) 0 0 no-repeat;width:.53rem;height:.46rem;left:50%;top:0;transform:translateX(-50%);background-size:100%;transition:.6s}
.index_about  .right  ul li:nth-child(2) h1:after{content:"";position:absolute;background:url(/public/common/images/18.png) 0 0 no-repeat;width:.53rem;height:.53rem;left:50%;top:0;transform:translateX(-50%);background-size:100%;transition:.6s}
.index_about  .right  ul li:nth-child(3) h1:after{content:"";position:absolute;background:url(/public/common/images/19.png) 0 0 no-repeat;width:.53rem;height:.52rem;left:50%;top:0;transform:translateX(-50%);background-size:100%;transition:.6s}
.index_about  .right  ul li:nth-child(4) h1:after{content:"";position:absolute;background:url(/public/common/images/20.png) 0 0 no-repeat;width:.53rem;height:.53rem;left:50%;top:0;transform:translateX(-50%);background-size:100%;transition:.6s}
.index_about  .right  ul li:hover h1:after{transform:translateX(-50%) rotateY(360deg)}
.index_about  .right  ul li p{font-size:.14rem;color:#858587;margin:.05rem 0 0}


.index_product{background:url(/public/common/images/22.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 1.5rem;background-attachment:fixed}
.index_product .top{display:flex;justify-content: space-between;padding:1rem 0;align-items: center;}
.index_product .top .title{width:50%;}
.index_product .top .title h1{font-size:.55rem;color:white;line-height:.6rem;margin:0 0 .45rem}
.index_product .top .title p{font-size:.14rem;color:#c8c8c8;line-height:.14rem}
.index_product .top  a{padding-left:.2rem;font-size:.14rem;color:white;font-weight:bold;position:relative;z-index:1}
.index_product .top  a:after{content:"";position:absolute;width:.54rem;height:.54rem;border-radius:100%;background:#2780c7;left:0;top:50%;transform:translateY(-50%);transition:.3s;z-index:-1}
.index_product .top  a:hover:after{width:1.2rem;height:1.2rem;}
.index_product .pro_nav .box{display:flex}
.index_product .pro_nav .box>div{width:30%;} 
.index_product .pro_nav .box>div.on{width:40%;} 
.index_product .pro_nav .box>div a{display:flex}
.index_product .pro_nav .box>div:nth-child(2n){background:#f1f1f1} 
.index_product .pro_nav .box>div:nth-child(2n-1){background:#f7f7f7}
.index_product .pro_nav .box>div .txt{width:100%;padding:1rem .2rem .95rem .64rem;position:relative;}
.index_product .pro_nav .box>div .txt:after{content:"";position:absolute;background:url(/public/common/images/14.png) 0 0 no-repeat;width:.48rem;height:.48rem;background-size:100%;left:.64rem;bottom:.5rem;transition:.3s}

.index_product .pro_nav .box>div .txt>h1{font-size:.24rem;color:black;position:relative;padding:.6rem 0 0}
.index_product .pro_nav .box>div .txt>p{font-size:.14rem;color:#858585} 
.index_product .pro_nav .box>div .item{height:.8rem;margin:.3rem 0 0;opacity:0;overflow:hidden}
.index_product .pro_nav .box>div .item p{line-height:.16rem;font-size:.14rem;color:white}
.index_product .pro_nav .box>div .bg{width:0%;background-size:cover;background-repeat:no-repeat}
.index_product .pro_nav .box>div:nth-child(1) .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/10.png) 0 0 no-repeat;width:.62rem;height:.35rem;background-size:100%;left:0;top:0;transition:.3s}
.index_product .pro_nav .box>div:nth-child(2) .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/11.png) 0 0 no-repeat;width:.58rem;height:.35rem;background-size:100%;left:0;top:0;transition:.3s}
.index_product .pro_nav .box>div:nth-child(3) .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/12.png) 0 0 no-repeat;width:.51rem;height:.36rem;background-size:100%;left:0;top:0;transition:.3s}
.index_product .pro_nav .box>div:nth-child(4) .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/13.png) 0 0 no-repeat;width:.45rem;height:.36rem;background-size:100%;left:0;top:0;transition:.3s}

.index_product .pro_nav .box>div.on .txt{width:50%;padding:1rem .2rem .95rem .4rem;}
.index_product .pro_nav .box>div.on .bg{width:50%}
.index_product .pro_nav .box>div.on a {background:#2780c7}
.index_product .pro_nav .box>div.on a .txt>h1{color:white;transform:translateY(-.45rem)}
.index_product .pro_nav .box>div.on a .txt>p{color:white;transform:translateY(-.45rem)}
.index_product .pro_nav .box>div:nth-child(1).on .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/10-1.png) 0 0 no-repeat;width:.62rem;height:.35rem;background-size:100%;left:0;top:0;transition:.3s}
.index_product .pro_nav .box>div:nth-child(2).on .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/11-1.png) 0 0 no-repeat;width:.58rem;height:.35rem;background-size:100%;left:0;top:0;transition:.3s}
.index_product .pro_nav .box>div:nth-child(3).on .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/12-1.png) 0 0 no-repeat;width:.51rem;height:.36rem;background-size:100%;left:0;top:0;transition:.3s}
.index_product .pro_nav .box>div:nth-child(4).on .txt>h1:after{content:"";position:absolute;background:url(/public/common/images/13-1.png) 0 0 no-repeat;width:.45rem;height:.36rem;background-size:100%;left:0;top:0;transition:.3s}
.index_product .pro_nav .box>div.on a .item{transform:translateY(-.45rem);opacity:1}
.index_product .pro_nav .box>div.on .txt:after{content:"";position:absolute;background:url(/public/common/images/14-1.png) 0 0 no-repeat;width:.48rem;height:.48rem;background-size:100%;left:.4rem;bottom:.5rem;transition:.3s}


.index_news {padding:0 0 .75rem}
.index_news  .top{display:flex;justify-content: space-between;padding:1.05rem 0 .8rem;}
.index_news  .top .title{width:50%;}
.index_news  .top .title h1{font-size:.55rem;color:#000000;line-height:.6rem;margin:0 0 .4rem}
.index_news  .top .title p{font-size:.14rem;color:#858585;line-height:.14rem}
.index_news  .top .right{padding:.8rem 0 0;display:flex;flex-direction: column;justify-content: space-between;}
.index_news  .top .right .more {display:flex;justify-content: flex-end;}
.index_news  .top .right .more a{padding-left:.2rem;font-size:.14rem;color:#000000;font-weight:bold;position:relative;z-index:1}
.index_news  .top .right .more a:after{content:"";position:absolute;width:.54rem;height:.54rem;border-radius:100%;background:#2780c7;left:0;top:50%;transform:translateY(-50%);transition:.3s;z-index:-1}
.index_news  .top .right .more a:hover:after{width:1.2rem;height:1.2rem;}
.index_news  .top .right .more a:hover{color:white}
.index_news  .top .right ul{display:flex}
.index_news  .top .right ul li{padding:0 .35rem;position:relative}
.index_news  .top .right ul li a{font-size:.16rem;color:#969698;}
.index_news  .top .right ul li:last-child{padding-right:0}
.index_news  .top .right ul li:after{content:"";position:absolute;width:2px;background:#969698;height:70%;right:-1px;top:50%;transform:translateY(-50%)}
.index_news  .top .right ul li:last-child:after{display:none}
.index_news  .top .right ul li a:hover,.news_box .top ul li.active a{color:#1f8bc9}
.index_news  .lists  a{position:relative}
.index_news  .lists  a .img img{width:100%}
.index_news  .lists  a .text{padding:.3rem 0 .22rem}
.index_news  .lists  a .text .time{display:flex;}
.index_news  .lists  a .text .time p{font-size:.14rem;color:#808080;}
.index_news  .lists  a .text .time p:first-child{padding-right:.24rem;position:relative}
.index_news  .lists  a .text .time p:first-child:after{content:"";position:absolute;width:2px;background:#808080;height:60%;right:-1px;top:50%;transform:translateY(-50%);transition:.3s}
.index_news  .lists  a .text .time p:last-child{padding-left:.23rem}
.index_news  .lists  a .text  h1{font-size:.21rem;color:#4d4f54;font-weight:bold;line-height:.23rem;height:.69rem;margin:0 0 .45rem}

.index_news  .lists  a:hover img{transform:scale(1.1)}
.index_news  .lists  a:before{position:absolute;content:"";width:100%;height:2px;left:50%;bottom:0;transform:translateX(-50%);background:#585a5f}
.index_news  .lists  a:after{position:absolute;content:"";width:0;height:2px;left:50%;bottom:0;transform:translateX(-50%);background:#2780c7;transition:.5s}
.index_news  .lists  a:hover:after{width:100%}
.index_tech {padding:0 0 .78rem;background-size:cover;background-repeat:no-repeat}
.index_tech .title{padding:.8rem 0 .5rem;text-align:center}
.index_tech .title h1{font-size:.55rem;color:#ffffff}
.index_tech .title p{font-size:.14rem;color:#858585;margin:.1rem 0 0}
.index_tech  ul{display:flex;padding: 0 3.5rem}
.index_tech  ul li{width:50%;}
.index_tech  ul li a{border:2px solid #8c9199;margin-left:-1px;padding:.84rem 0 1.02rem;text-align:center;height:100%}
.index_tech  ul li a h1{font-size:.18rem;color:white;position:relative;padding-top:.7rem}
.index_tech  ul li:first-child a h1:after{content:"";position:absolute;background:url(/public/common/images/23.png) 0 0 no-repeat;width:.63rem;height:.58rem;background-size:100%;left:50%;transform:translateX(-50%);top:0;transition:.5s}
.index_tech  ul li:last-child a h1:after{content:"";position:absolute;background:url(/public/common/images/24.png) 0 0 no-repeat;width:.64rem;height:.59rem;background-size:100%;left:50%;transform:translateX(-50%);top:0;transition:.5s}
.index_tech  ul li a:hover h1:after{transform:translateX(-50%) rotateY(360deg)}
.index_tech  ul li a p{font-size:.16rem;color:#2780c7;margin:.1rem 0 0 }

.index_world{background:url(/public/common/images/24.jpg) 0 0 no-repeat;background-size:cover;position:relative}
.index_world>div{height:100vh}
.index_world .mobile_phone{display:none}
.index_world .top {display:flex;padding:1.05rem 0 .3rem;align-items: center;justify-content: space-between;}

.index_world .top .more {display:flex;justify-content: flex-end;}
.index_world .top .more a{padding-left:.2rem;font-size:.14rem;color:#000000;font-weight:bold;position:relative;z-index:1}
.index_world .top .more a:after{content:"";position:absolute;width:.54rem;height:.54rem;border-radius:100%;background:#2780c7;left:0;top:50%;transform:translateY(-50%);transition:.3s;z-index:-1}
.index_world .top .more a:hover:after{width:1.2rem;height:1.2rem;}
.index_world .top .more a:hover{color:white}
.index_world .top .title h1{font-size:.55rem;color:#000000;margin:0 0 .3rem}
.index_world .top .title p{font-size:.14rem;color:#858585}
.index_world  ul li{margin:0 0 .15rem;font-size:0}
.index_world  ul li:last-child{margin:0}
.index_world  ul li p{font-size:.16rem;color:#000000;font-weight:bold;padding-left:.2rem;position:relative;display:inline-block}
.index_world  ul li p:after{content:"";position:absolute;width:.16rem;height:2px;background:#303030;left:0;top:50%;transform:translateY(-50%)}
.index_world .items1{position:absolute;left:19%;top:41%}
.index_world .items1 .area-box{left:-.3rem;top:.05rem;position:absolute;}
.index_world .items1 .text{width:2.7rem;background:white;padding:.15rem .15rem .1rem;border-radius:10px}
.index_world .items1 .text h1{font-size:.16rem;color:#353539;padding:0 0 .1rem;position:relative;margin:0 0 .1rem;font-weight:bold}
.index_world .items1 .text h1:after{content:"";position:absolute;width:.45rem;height:2px;background:#3195af;left:0;bottom:0;transition:.3s}
.index_world .items1 .text p{font-size:.14rem;color:#6a6a6a}

.index_world .items2{position:absolute;left:53.5%;top:32.5%}
.index_world .items2 .area-box{left:0rem;top:-.3rem;position:absolute;}
.index_world .items2 .text{width:2.7rem;background:white;padding:.15rem .15rem .1rem;border-radius:10px}
.index_world .items2 .text h1{font-size:.16rem;color:#353539;padding:0 0 .1rem;position:relative;margin:0 0 .1rem;font-weight:bold}
.index_world .items2 .text h1:after{content:"";position:absolute;width:.45rem;height:2px;background:#3195af;left:0;bottom:0;transition:.3s}
.index_world .items2 .text p{font-size:.14rem;color:#6a6a6a}

.index_world .items3{position:absolute;left:74.8%;top:17.2%;}
.index_world .items3 .cen{display:flex;flex-direction: column;align-items: center;}
.index_world .items3 .cen>div:first-child{margin:0 0 .2rem}
.index_world .items3 .text{width:2.7rem;background:white;padding:.15rem .15rem .1rem;border-radius:10px;margin:0 0 .13rem}
.index_world .items3 .text h1{font-size:.16rem;color:#353539;padding:0 0 .1rem;position:relative;margin:0 0 .1rem;font-weight:bold}
.index_world .items3 .text h1:after{content:"";position:absolute;width:.45rem;height:2px;background:#3195af;left:0;bottom:0;transition:.3s}
.index_world .items3 .text p{font-size:.14rem;color:#6a6a6a}


.index_world .items4 {background:#2780c7;position:absolute;width:2.7rem;border-radius:10px;padding:.25rem .1rem .2rem;position:absolute;left:74.8%;top:50.2%;}
.index_world .items4:after{position:absolute;content:"";background:url(/public/common/images/25.png) 0 0 no-repeat;width:.35rem;height:.35rem;left:50%;transform:translateX(-50%);top:-.4rem;background-size:100%}
.index_world .items4 .tops{display:flex;justify-content: space-between;align-items: center;margin:0 0 .2rem}
.index_world .items4 .tops h1{font-size:.18rem;color:white}
.index_world .items4 .tops  p{font-size:.1rem;color:white;line-height:.11rem}
.index_world .items4 h2{font-size:.14rem;color:white;margin:0 0 .1rem}
.index_world .items4 .info p{font-size:.1rem;color:white;padding-left:.15rem;margin:0 0 .03rem;position:relative}
.index_world .items4 .info p:nth-child(1):after{content:"";position:absolute;background:url(/public/common/images/26.png) 0 0 no-repeat;width:11px;height:12px;background-size:100%;top:50%;transform:translateY(-50%);left:0;transition:.5s}
.index_world .items4 .info p:nth-child(2):after{content:"";position:absolute;background:url(/public/common/images/27.png) 0 0 no-repeat;width:11px;height:11px;background-size:100%;top:50%;transform:translateY(-50%);left:0;transition:.5s}
.index_world .items4 .info p:nth-child(3):after{content:"";position:absolute;background:url(/public/common/images/28.png) 0 0 no-repeat;width:11px;height:7px;background-size:100%;top:50%;transform:translateY(-50%);left:0;transition:.5s}


.index_world .items .area-box{position:absolute;}
.index_world .items .area-box1{left:23.8%;bottom:15%}
.index_world .items .area-box2{left:29%;bottom:25%}
.index_world .items .area-box3{left:20.2%;bottom:48.8%}
.index_world .items .area-box4{left:55.8%;bottom:56.4%}
.index_world .items .area-box5{right:16.1%;bottom:51%}
.index_world .items .area-box6{right:16.1%;bottom:51%}
.index_world .items .area-box7{right:21.6%;bottom:49.4%;display:none}
.index_world .items .area-box8{right:28.3%;bottom:45.5%}
.index_world .items .area-box9{left:44.6%;bottom:64%}
.index_world .items .area-box9 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box9  .pulse{width:.4rem;height:.4rem}
.index_world .items .area-box10{left:46.4%;bottom:64.2%}
.index_world .items .area-box10 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box10  .pulse{width:.4rem;height:.4rem}
.index_world .items .area-box11{left:46.1%;bottom:61.5%}
.index_world .items .area-box11 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box11  .pulse{width:.4rem;height:.4rem}
.index_world .items .area-box12{left:46.15%;bottom:59.4%}
.index_world .items .area-box12 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box12  .pulse{width:.4rem;height:.4rem}
.index_world .items .area-box13{left:45.8%;bottom:57%}
.index_world .items .area-box13 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box13  .pulse{width:.4rem;height:.4rem}
.index_world .items .area-box14{left:44.4%;bottom:56.3%}
.index_world .items .area-box14 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box14  .pulse{width:.4rem;height:.4rem}
.index_world .items .area-box15{left:49.3%;bottom:57%}
.index_world .items .area-box15 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box15  .pulse{width:.4rem;height:.4rem}
.index_world .items .area-box16{left:49%;bottom:62%}
.index_world .items .area-box16 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box16  .pulse{width:.4rem;height:.4rem}
.index_world .items .area-box17{left:47.8%;bottom:62%}
.index_world .items .area-box17 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box17  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box18{left:32%;bottom:28%}
.index_world .items .area-box19{left:58%;bottom:48%}
.index_world .items .area-box20{left:72%;bottom:59%}

.index_world .items .area-box21{right:18.5%;bottom:53%}
.index_world .items .area-box21 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box21  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box22{right:19.6%;bottom:50%}
.index_world .items .area-box22 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box22  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box23{right:17.5%;bottom:48%}
.index_world .items .area-box23 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box23  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box24{right:18.5%;bottom:46%}
.index_world .items .area-box24 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box24  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box25{right:18.5%;bottom:43%}
.index_world .items .area-box25 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box25  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box26{right:20%;bottom:42%}
.index_world .items .area-box26 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box26  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box27{right:20%;bottom:44.8%}
.index_world .items .area-box27 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box27  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box28{right:22%;bottom:44.2%}
.index_world .items .area-box28 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box28  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box29{right:21.5%;bottom:48.2%}
.index_world .items .area-box29 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box29  .pulse{width:.4rem;height:.4rem}

.index_world .items .area-box30{left:78.5%;bottom:35%}




.index_world .text:hover{background:#2780c7}
.index_world .text:hover h1{color:white;transition:.3s}
.index_world .text:hover h1:after{background:white;transition:.3s}
.index_world .text:hover p{color:white;transition:.3s}
.index_world  .area{position:absolute;width:90.5%;left:50%;transform:translateX(-50%);bottom:1rem}

.technical_nav{padding:2rem 0 0rem;background:#f8f8f8}
.technical_nav ul{display:grid;grid-template-columns:1fr 1fr}
.technical_nav ul li{display:grid;grid-template-columns:1fr 1fr}
.technical_nav ul li:nth-child(1) .left a{height:100%;background:#161f2e}
.technical_nav ul li:nth-child(2) .left a{height:100%;background:#2780c7}
.technical_nav ul li .left a{padding:.7rem  .55rem 0 1rem}
.technical_nav ul li .left a .title{margin:0 0 .35rem;position:relative}
.technical_nav ul li:nth-child(1) .left a .title:after{content:"";position:absolute;background:url(/public/common/images/xz5.png) 0 0 no-repeat;width:.4rem;height:.41rem;background-size:100%;top:50%;transform:translateY(-50%);left:-.6rem}
.technical_nav ul li:nth-child(2) .left a .title:after{content:"";position:absolute;background:url(/public/common/images/xz6.png) 0 0 no-repeat;width:.48rem;height:.37rem;background-size:100%;top:50%;transform:translateY(-50%);left:-.6rem}
.technical_nav ul li .left a span{margin:.4rem 0 0;display:inline-block;width:1.7rem;height:.4rem;font-size:.13rem;color:white;border:1px solid white;line-height:.4rem;padding:0 .1rem;background:url(/public/common/images/xz7.png) 90% center  no-repeat;background-size:.16rem .06rem}
.technical_nav ul li .left a .title h1{font-size:.16rem;color:white}
.technical_nav ul li .left a .title p{font-size:.23rem;color:white;font-weight:bold}
.technical_nav ul li .left a  h2{font-size:.33rem;color:white;line-height:.4rem;height:1.2rem;}
.technical_nav ul li .left a:hover span{color:black;background:white url(/public/common/images/xz7-7.png) 95% center  no-repeat;background-size:.16rem .06rem}
/********<=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} 
 
    .index_world>div{height:8.1rem}
   .index_world .area{bottom:.3rem;width:95%}
   .index_world .items3{top:12%;left:73%}
   .index_world .items4{left:73%}
   .index_tech ul{padding:0 2rem}
   .footer>div{padding:0 1.6rem}
   .tem_banner.indise .flash .txt{left:1rem}
   .about_honor .lists>div{padding: 0 1rem}
   .case_word>div{padding:.5rem 1rem .4rem}
   .case_word .infos .left{padding:0 0 3rem}
   .contact_box .infos .box .txt{padding:1.9rem .7rem 0 .5rem}
   .contact_box .message .title h1{font-size:.45rem}
   .contact_box .message .title{padding:0 0 .3rem}
   .contact_box .message .form form ul li input{height:.5rem;line-height:.5rem}
   .technical_nav ul li .left a{padding:.3rem  .55rem 0 1rem}
   .technical_nav ul li .left a h2{font-size:.26rem;line-height:.32rem}
   .index_world .items .area-box1{left:24.8%;bottom:17%}
.index_world .items .area-box2{left:30%;bottom:27%}
.index_world .items .area-box3{left:21.6%;bottom:49.8%}
.index_world .items .area-box4{left:55.5%;bottom:56.8%}
.index_world .items .area-box5{right:1.1%;bottom:51%;display:none}
.index_world .items .area-box6{right:17.5%;bottom:52%}
.index_world .items .area-box7{right:22.6%;bottom:50.5%}
.index_world .items .area-box8{right:29.3%;bottom:46.5%}
.index_world .items .area-box9{left:44.8%;bottom:64.5%}

.index_world .items .area-box10{left:46.4%;bottom:65%}

.index_world .items .area-box11{left:46.1%;bottom:62.5%}

.index_world .items .area-box12{left:46.15%;bottom:59.8%}

.index_world .items .area-box13{left:45.8%;bottom:58%}

.index_world .items .area-box14{left:44.4%;bottom:57%}

.index_world .items .area-box15{left:49.3%;bottom:58%}

.index_world .items .area-box16{left:49%;bottom:63%}

.index_world .items .area-box17{left:47.8%;bottom:63%}
.index_world .items .area-box17 .dot{width:.1rem;height:.1rem}
.index_world .items .area-box17  .pulse{width:.4rem;height:.4rem}

}
@media(max-width:1440px){
   .case_word .infos .left ul li.cnts a{padding:0 .45rem 1rem .4rem} 
   .index_world>div{height:8.1rem}
}
@media(max-width:1300px){
       .index_world>div{height:8.3rem}
 .case_word>div{padding:.5rem 1rem 0rem}
  .case_word .infos .left{padding:0 0 3.4rem}
     .index_world .items .area-box1{left:26%;bottom:16.8%}
.index_world .items .area-box2{left:31%;bottom:26.5%}
.index_world .items .area-box3{left:22.8%;bottom:49.8%}
.index_world .items .area-box4{left:55.5%;bottom:56.8%}
.index_world .items .area-box5{right:1.1%;bottom:51%;display:none}
.index_world .items .area-box6{right:19.2%;bottom:52%}
.index_world .items .area-box7{right:24.3%;bottom:50.5%}
.index_world .items .area-box8{right:30%;bottom:46.5%}
}


@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;}
	.tem_banner.index{margin:0}
	
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner.index .label_text{left:.2rem}
    .tem_banner.index .label_text h1{font-size:.36rem;line-height:.35rem}
    .tem_banner.index .label_text p{font-size:.3rem}
    .index_about>div{display:inherit}
    .index_about .left{width:100%}
    .index_about .left .title h1{font-size:.3rem;line-height:.3rem}
    .index_about .left .title p{line-height:.25rem}
    .index_about .left .infos h2{line-height:.3rem}
    .index_about .left .infos p{line-height:.25rem}
    .index_about .left .imgs{width:100%}
    .index_about .right{width:100%;align-items:flex-start}
    .index_about .right ul{width:100%}
    .index_about .right .more{display:flex;justify-content: flex-start;margin:0 0 .5rem;position:absolute;top:9%;right:5%}
.index_about  .right .more a:hover:after{width:1.6rem;height:1.6rem;}
.index_product .top .title h1{font-size:.3rem;line-height:.3rem}
.index_product .top .title p{line-height:.25rem}
.index_product .top .title{width:70%}
.index_product .pro_nav .box{display:flex;flex-wrap: wrap;}
.index_product .pro_nav .box>div{width:100%}
.index_product .pro_nav .box>div.on{width:100%}
.index_product .pro_nav .box>div.on .txt{width:50%;padding:1rem .2rem .95rem .2rem;}
.index_product .pro_nav .box>div .item{height:.75rem}
.index_product .pro_nav .box>div .item p{line-height:.25rem;}
.index_world .items1,.index_world .items2,.index_world .items3,.index_world .items4{position:inherit;left:0;top:0;padding:0 .2rem}
.index_world .items1 .text,.index_world .items2 .text,.index_world .items3 .text{width:100%;margin:0 0 .1rem}
.index_world .items1 .area-box{top:.2rem;left:0rem}
.index_world .items2 .area-box{top:.2rem;left:0rem}
.index_world .w1600{height:4rem;padding:0 0 .2rem}
.index_world .items3 {position:relative}
.index_world .items3 .cen{position:absolute;top:50%;transform:translateY(-50%);left:0}
.index_world .items3 .cen>div{margin:.7rem 0 }
.index_world .items4{width:100%;padding:.2rem;margin:.2rem 0 0 }
.index_world .items4:after{display:none}
.index_world .items4 .tops p{line-height:.2rem}
.index_world .items4 .info p{padding-left:.3rem}
.index_world .top {padding:.5rem 0 .5rem;}
.index_world .items{display:none}
.index_world .area{display:none}
.index_world ul{display:none}
.index_world .mobile_phone{position:absolute;left:0;top:0;z-index:-1;display:block}
.index_world .top .title h1{font-size:.3rem}
.index_world{background:none}
.index_news .top{display:inherit;position:relative}
.index_news .top .title{width:100%}
.index_news .top .title p{line-height:.22rem}
.index_news .top .right .more{position:absolute;right:0;top:32%}
.index_news .top .right{padding:.5rem 0 0}
.index_tech ul{padding:0}
.footer .fot_navs ul li{display:none}
.footer .fot_navs ul li:last-child{display:block;width:100%}
.footer .fot_navs{padding:.2rem 0}
.footer .logos{width:40%}
.footer>div{padding:0 0.1rem}
.tem_banner.indise .flash .txt{left:.2rem}
.tem_banner.indise .flash .txt p{margin:0}
.tem_banner.indise .flash .txt h1{font-size:.3rem}
.about_company .top>div{display:inherit}
.about_company .top .img{width:100%}
.about_company .top .infos{width:100%}
.about_company .bot>div{display:inherit}
.about_company .bot>div .left{width:100%}
.about_company .bot>div .img{width:100%}
.about_company .bot>div .left .box li h1:after{border:2px solid white}
.about_workshop .lists .swiper-slide{grid-gap:.5rem}
.about_honor .lists{padding:1rem  .2rem .7rem}
.about_honor .lists>div{padding:0 .5rem}
.about_partner ul{grid-template-columns:repeat(3,1fr)}
.parnter ul{grid-template-columns:repeat(3,1fr)}
 .case_word>div{padding:.5rem .2rem 0rem}
 .case_word .infos{display:inherit}
 .case_word .infos .left{width:100%}
 .case_word .infos .right{width:100%;margin:.2rem 0 0 }
 .case_word .infos .left .title h2{line-height:.25rem}
 .case_word .infos .left{padding:0 0 4rem}
.case_word .bg1 .postition-1{right:auto;left:.2rem;bottom:70%;position:absolute}
.case_word .bg1 .postition-1 .show-regin{color:#2780c7}
.case_word .bg  .show-regin{top:50%;transform:translateY(-50%);left:.25rem}
.case_word .bg1 .postition-1 .dot{background:#2780c7;}
.case_word .bg1 .postition-1 .pulse{border:.1rem solid #2780c7;-webkit-box-shadow:0 0 4px white,0 0 10px white inset;-moz-box-shadow:0 0 4px white,0 0 10px white inset;box-shadow:0 0 4px white,0 0 10px white inset;}
.case_word .bg1 .postition-2{right:auto;left:1.5rem;bottom:70%;position:absolute}
.case_word .bg1 .postition-3{right:auto;left:3rem;bottom:70%;position:absolute}

.case_word .bg2 .postition-1{right:auto;left:1.5rem;bottom:65%;position:absolute;display:none}
.case_word .bg2 .postition-2{right:auto;left:.1rem;bottom:65%;position:absolute}

.case_word .bg3 .postition-1{right:auto;left:1.7rem;bottom:65%;position:absolute}
.case_word .bg3 .postition-2{right:auto;left:.1rem;bottom:65%;position:absolute}
.product .top>div{display:inherit}
.product .top .title{width:100%}
.product .top .title p{line-height:.22rem}
.product .top ul{width:100%;margin:.5rem 0 0}
.product .top ul li{margin:0 !important}

.product .pro_nav .box{display:flex;flex-wrap: wrap;}
.product .pro_nav .box>div{width:50%}
.product .pro_nav .box>div.on{width:50%}
.product .pro_nav .box>div.on .txt{width:50%;padding:1rem .2rem .95rem .2rem;}
.product .pro_nav .box>div .item{height:.75rem}
.product .pro_nav .box>div .item p{line-height:.25rem;}
.product .pro_lists .lists ul{grid-template-columns:1fr 1fr}
.product .pro_lists .lists li .imgs{height:auto}
.technical .items>div{display:inherit}
.technical .items .img{width:100%}
.technical .items .text{width:100%;margin:.3rem 0 }
.news_box .top{display:inherit}
.news_box .top ul{width:100%;margin:.2rem 0 0}
.news_box .lists ul{grid-template-columns:repeat(2,1fr);grid-gap:.75rem .25rem}
.contact_box .infos .box{display:inherit}
.contact_box .infos .box .map{width:100%}
.contact_box .infos .box .txt{width:100%;padding:1.5rem .7rem 1.5rem .5rem}
.contact_box .infos .box .txt ul li:last-child{margin-left:0}
.contact_box .infos .box .txt ul{grid-template-columns:1fr}
.contact_box .infos .box .txt ul li:first-child:before{display:none}
.contact_box .infos .box .txt ul li{padding:.2rem 0 }
.contact_box .infos .title h1{font-size:.48rem}
.contact_box .message .form {margin:.3rem 0 0;padding:.2rem;width:100%}
.contact_box .message{display:inherit}
.contact_box .message .left{width:100%}
.contact_box .message .form form{width:100%}
.gongneng ul{display:inherit}
.gongneng ul li{width:100%}
.technical_nav ul{display:grid;grid-template-columns:1fr}
.technical_nav ul li{display:grid;grid-template-columns:1fr}
.technical_nav ul li .left a {padding:.3rem  .55rem .3rem 1rem}

.technical_nav ul li .left a span{width:3rem}
}