.header{position: fixed;width: 100%;z-index: 1000;top:0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.3);}
.header>div{display:flex;height:1.1rem;line-height:1.1rem;justify-content: space-between;align-items: center;}
.header .logo a{display:inline-block;position:relative}
.header .logo .logo2{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:1}
.header .logo .logo1{opacity:0}

.header .navs{width:58.5%}
.header .navs ul{display:flex;justify-content: flex-end;}
.header .navs ul li{margin-left:.85rem}
/* .header .navs ul li a{font-size:.16rem;color:#606060;position:relative} */
.header .navs ul li a{font-size:.16rem;color:white;position:relative}
.header .navs ul li a:after{content:"";position:absolute;background:#de1b22;height:3px;width:0;left:50%;transform:translateX(-50%);bottom:20%;transition:.4s}
.header .navs ul li.active a:after,.header .navs ul li a:hover:after{width:.3rem}
/* .header .langs{display:flex;font-size:.16rem;color:#606060}
.header .langs em{margin:0 .18rem;font-size:.16rem;color:#606060}
.header .langs a{font-size:.16rem;color:#606060} */
.header .langs{display:flex;font-size:.16rem;color:white}
.header .langs em{margin:0 .18rem;font-size:.16rem;color:white}
.header .langs a{font-size:.16rem;color:white} 

.header.is_header,.header.insides{box-shadow:0 0 12px rgba(0,0,0,0.2);background:white}
.header.is_header .navs ul li a,.header.insides .navs ul li a{color:#606060}
.header.is_header .langs,.header.insides .langs{color:#606060}
.header.is_header .langs em,.header.insides .langs em{color:#606060}
.header.is_header .langs a,.header.insides .langs a {color:#606060}
.header.is_header .logo1,.header.insides .logo1{opacity:1}
.header.is_header .logo2,.header.insides .logo2{opacity:0}
.tem_banner.indise{padding:1.1rem 0 0}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash .txt{position:absolute;left:0;bottom:1.95rem;width:100%;padding:0 2.55rem}

.tem_banner.indise .flash .txt h1{font-size:.55rem;color:#ffffff;padding:0 0 .25rem;position:relative}
.tem_banner.indise .flash .txt h1:after{content:"";position:absolute;background:white;height:2px;width:.7rem;background:white;left:0;bottom:0}
.tem_banner.indise .flash .txt p{font-size:.18rem;color:white;margin:.35rem 0 0;line-height:.25rem;width:45%}
.mbx{background:#f8f9fb}
.mbx>div{display:flex;justify-content: space-between;height:1rem;align-items: center;}
.mbx .left{display:flex;align-items: center;}
.mbx .left a{font-size:.16rem;color:#969696}
.mbx .left  i{font-size:.2rem;color:#969696;margin:0 .14rem}
.mbx .left a:last-child{color:black;font-weight:bold}
.mbx .left a:first-child{padding-left:.35rem;position:relative}
.mbx .left a:first-child:after{content:"\f015";position:absolute;left:0;top:50%;transform:translateY(-50%);font: normal normal normal 14px/1 FontAwesome;color:#234c9c;font-size:.2rem;}
.mbx .right ul{display:flex}
.mbx .right ul li{margin-left:.4rem}
.mbx .right ul li:first-child a,.mbx .right ul li a:hover,.mbx .right ul li.active a{color:#234c9c}
.mbx .right ul li:first-child a:after,.mbx .right ul li a:hover:after,.mbx .right ul li.active a:after{opacity:1}

.mbx .right ul li a{font-size:.16rem;color:black;font-weight:bold;padding-left:.1rem;position:relative}
.mbx .right ul li a:after{content:"";position:absolute;background:#234c9c;width:4px;height:4px;border-radius:100%;;left:0;top:50%;transform:translateY(-50%);opacity:0;transition:.3s}

.about_company>div{display:flex;padding:1.3rem 0 1.05rem;justify-content: space-between;}
.about_company>div .left{width:47%;display:flex;flex-direction: column;justify-content: space-between;}
.about_company>div .left .info h2{font-size:.36rem;color:#234c9c;margin:0 0 .4rem}
.about_company>div .left .info p{font-size:.18rem;color:#969696;line-height:.3rem}
.about_company>div .left ul{display:flex}
.about_company>div .left ul li{position:relative;width:25%;height:1.3rem;background:#f8f9fb;text-align:center;display:flex;flex-direction: column;justify-content: center;border-right:1px solid #ececec;z-index:1}
.about_company>div .left ul li:last-child{border:0}
.about_company>div .left ul li h1{font-size:.16rem;color:#234c9c}
.about_company>div .left ul li h1 em{font-size:.46rem;font-weight:bold}
.about_company>div .left ul li  p{font-size:.15rem;color:#c0c0c0}
.about_company>div .left ul li:after{content:"";position:absolute;background:#234c9c;left:50%;transform:translateX(-50%);top:0;height:0;width:100%;z-index:-1;transition:.5s}
.about_company>div .left ul li:hover:after{height:100%}
.about_company>div .left ul li:hover h1,.about_company>div .left ul li:hover h1 em,.about_company>div .left ul li:hover p{color:white}
.about_company>div .img{width:42.7%}
.about_history {background:url(../images/2.jpg)center center no-repeat;background-size:cover;background-attachment:fixed;padding:0 0 2.9rem}
.about_history  .title{text-align:center;padding:.7rem 0 1.4rem;}
.about_history  .title h1{font-size:.14rem;color:white;padding:0 0 .3rem;position:relative}
.about_history  .title h1:after{position:absolute;content:"";background:#de1b22;height:.25rem;width:7px;;left:50%;transform:translateX(-50%)rotate(45deg);bottom:0}
.about_history  .title p{font-size:.4rem;color:white}
.about_history  .lists{padding:0 .8rem;position:relative}
.about_history  .lists .swiper-container{position:relative}
.about_history  .lists .swiper-container:after{content:"";position:absolute;background:url(../images/1.png)0 0 no-repeat;width:100%;height:.1rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.5s}
.about_history  .lists .item{height:2rem;display:flex;flex-direction: column;}
.about_history  .lists .item>*{height:50%;text-align:center;position:relative}
.about_history  .lists .item:after{content:"";position:absolute;left:50%;height:.14rem;width:3px;background:white;opacity:.3;top:50%;;transform:translate(-50%,-50%)}
.about_history  .lists .item h2{font-size:.24rem;color:white;opacity:.3;position:relative;padding:.07rem 0 0}
.about_history  .lists .item p{font-size:.18rem;color:white;opacity:.3;padding:.15rem 0 0;overflow:hidden }
.about_history  .lists .item:before{content:"";position:absolute;left:50%;height:.2rem;width:.2rem;background:#2a78f4;top:50%;;transform:translate(-50%,-50%);border-radius:100%;z-index:2;transition:.5s;opacity:0;border:3px solid rgba(10,49,110,.7)}
.about_history  .lists .swiper-slide-next .item:before{opacity:1}
.about_history  .lists .swiper-slide-next .item:after{opacity:0}
.about_history  .lists .swiper-slide-next  .item p{font-size:.21rem;color:white;opacity:1}
.about_history  .lists .swiper-slide-next  .item h2{font-size:.36rem;color:white;opacity:1}
.about_history  .lists .item h2:after{content:"";position:absolute;background:url(../images/3.png)0 0 no-repeat;width:1.11rem;height:.6rem;left:50%;transform:translateX(-50%);z-index:-1;top:0;background-size:100%;opacity:0;transition:.3s}
.about_history  .lists .swiper-slide-next h2:after{opacity:1}


.about_history   .lists .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);font-size:.48rem;color:#2a78f4;left:0}
.about_history   .lists .swiper-page>div.slide-button-next {left:auto;right:0rem;}

.about_hexin{padding:0 0 .75rem}
.about_hexin .title{text-align:center;padding:.9rem 0 .6rem;}
.about_hexin .title h1{font-size:.14rem;color:#888888;padding:0 0 .3rem;position:relative}
.about_hexin  .title h1:after{position:absolute;content:"";background:#de1b22;height:.25rem;width:7px;;left:50%;transform:translateX(-50%)rotate(45deg);bottom:0}
.about_hexin .title p{font-size:.4rem;color:#3a3a3b}
.about_hexin .lists{position:relative}
.about_hexin .lists ul{display:flex;}
.about_hexin .lists ul li{width:20%;height:5.68rem;position:relative;border-right:2px solid rgba(255,255,255,.3);text-align:center;display:flex;flex-direction: column;justify-content: center;padding:.8rem 0 0;z-index:1}
.about_hexin .lists ul li:last-child{border:0}
.about_hexin .lists ul li:after{content:"";position:absolute;background:rgba(0,0,0,.3);left:50%;transform:translateX(-50%);top:0;width:100%;height:0;z-index:-1;transition:.4s cubic-bezier(0.63, 0.3, 0.58, 1)}
.about_hexin .lists ul li .text{padding:.1rem 0 .55rem;}
.about_hexin .lists ul li .text h1{font-size:.18rem;color:white;margin:0 0 .08rem}
.about_hexin .lists ul li .text h2{font-size:.14rem;color:white}
.about_hexin .lists ul li p{font-size:.18rem;color:white;opacity:0;transform:translateY(.5rem)}
.about_hexin .lists ul li.acts{padding:0}
.about_hexin .lists ul li.acts:after{height:100%}
.about_hexin .lists ul li.acts p{opacity:1;transform:none}
.about_hexin .lists .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.about_hexin .lists .bg .box{position:absolute;left:0;top:0;width:100%;height:100%;display:none;background-repeat:no-repeat;background-size:cover;background-position:center center}
.about_hexin .lists .bg .box:first-child{display:block}

.footer{background:#f4f5f7;padding:.6rem 0 .7rem}
.footer .top{display:flex;justify-content: space-between;position:relative}
.footer .top:after{content:"";position:absolute;width:100%;height:2px;background:#d0d0d0;top:.4rem}
.footer .top .fot_navs{width:43%}
.footer .top .fot_navs ul{display:flex;justify-content: space-between;}
.footer .top .fot_navs ul li>a{font-size:.18rem;color:#4d4f54;margin:0 0 .6rem}
.footer .top .fot_navs ul li .item a{font-size:.16rem;color:#888888;margin:0 0 .15rem}
.footer .top .fot_navs ul li .item a:last-child{margin:0}
.footer .top .logo{width:8.5%;padding:.9rem 0 0;opacity:0}
.footer .bot{padding:1.55rem 0 0;display:flex;justify-content: space-between;align-items: flex-end;}
.footer .bot .txt{width:50%;padding-left:.7rem;position:relative}
.footer .bot .txt:after{content:"";position:absolute;background:url(../images/4.png)0 0 no-repeat;left:0;top:50%;transform:translateY(-50%);width:.47rem;height:.47rem;background-size:100%}
.footer .bot .txt p:first-child{margin:0 0 .1rem}
.footer .bot .txt p{font-size:.14rem;color:#888888}

.footer .bot  ul{display:flex}
.footer .bot  ul li{padding: 0 .3rem;border-right:2px solid #888888;height:.15rem;line-height:.15rem;}
.footer .bot  ul li:last-child{border:0;padding-right:0}
.footer .bot  ul li p{font-size:.14rem;color:#888888}


.shuzi{padding:1rem 0 1.1rem}
.shuzi .title{padding:0 0 .2rem;border-bottom:1px solid #dadada;margin:0 0 .37rem}
.shuzi .title h1{font-size:.3rem;color:#234c9c;padding-left:.32rem;position:relative}
.shuzi .title h1:after{content:"";position:absolute;background:#234c9c;width:8px;height:8px;border-radius:100%;;left:.12rem;top:50%;transform:translateY(-50%)}
.shuzi .top{position:relative}
.shuzi .top .text{position:absolute;top:.7rem;left:.93rem;width:32.5%;padding-left:.4rem;border-left:2px solid white}
.shuzi .top .text p{font-size:.2rem;color:white;line-height:.25rem}
.shuzi .top  ul{position:absolute;bottom:0;left:0;width:100%;display:flex}
.shuzi .top  ul li{width:33.33%;cursor:pointer;height:1.5rem;padding-left:.8rem;display:flex;flex-direction: column;justify-content: center;position:relative}
.shuzi .top  ul li:nth-child(1){background:rgba(7,36,79,.9)}
.shuzi .top  ul li:nth-child(2){background:rgba(40,82,157,.9)}
.shuzi .top  ul li:nth-child(3){background:rgba(24,109,196,.9)}
.shuzi .top  ul li h1{margin:0 0 .4rem;font-size:.24rem;color:white;;font-family:"alibblight"}
.shuzi .top  ul li h2{font-size:.18rem;color:white}
.shuzi .top  ul li:nth-child(1):after{content:"";position:absolute;background:url(../images/5.png)0 0 no-repeat;width:.87rem;height:.62rem;background-size:100%;right:15%;bottom:20%;transition:.5s}
.shuzi .top  ul li:nth-child(2):after{content:"";position:absolute;background:url(../images/6.png)0 0 no-repeat;width:.87rem;height:.47rem;background-size:100%;right:15%;bottom:20%;transition:.5s}
.shuzi .top  ul li:nth-child(3):after{content:"";position:absolute;background:url(../images/7.png)0 0 no-repeat;width:.61rem;height:.63rem;background-size:100%;right:15%;bottom:20%;transition:.5s}
.shuzi .top  ul li:hover{padding-left:.4rem}
.shuzi .top  ul li:hover:after{right:8%}
.shuzi .top  ul li:hover h1{margin:0 0 .2rem}
.shuzi .lists{padding:.7rem 0 0 }
.shuzi .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap: 1.1rem .25rem}
.shuzi .lists ul li a .text{padding:.35rem 0 0}
.shuzi .lists ul li a .text h1{font-size:.3rem;color:#000000;margin:0 0 .03rem}
.shuzi .lists ul li a .text  p{font-size:.21rem;color:#969696}
.shuzi .lists ul li a:hover img{transform:scale(1.05)}
.shuzi  .page{display:flex;justify-content: center;padding:1.1rem 0 0}
.shuzi  .page a{width:5px;height:5px;background:#c9c9c9;margin:0 .04rem}
.shuzi  .page a.page-num-current{background:#234c9c}

.product_box .pro_nav ul{display:flex;justify-content: flex-end;padding:.75rem 0}
.product_box .pro_nav ul li{margin-left:.15rem}
.product_box .pro_nav ul li a{height:.5rem;background:#ececec;padding:0 .48rem;display:flex;flex-direction: column;justify-content: center;border-radius:50px}
.product_box .pro_nav ul li a h2{font-size:.16rem;color:black;font-weight:bold;padding-left:.1rem;position:relative}
.product_box .pro_nav ul li a h2:after{content:"";position:absolute;background:#080808;width:4px;height:4px;border-radius:100%;;left:0;top:50%;transform:translateY(-50%);transition:.3s}
.product_box .pro_nav ul li.active a,.product_box .pro_nav ul li a:hover{background:#234c9c}
.product_box .pro_nav ul li.active a h2,.product_box .pro_nav ul li a:hover h2{color:white}
.product_box .pro_nav ul li.active a h2:after,.product_box .pro_nav ul li a:hover h2:after{background:white}
.product_box .top{display:flex}
.product_box .top:hover .img img{transform:scale(1.05)}
.product_box .top .img{width:38.5%}
.product_box .top .text{width:43%;background:#f4f5f7;display:flex;flex-direction: column;justify-content: center;padding:0rem 1.1rem 0 .75rem;border-right:1px solid #d9dada}
.product_box .top .text ul li{margin:0 0 .35rem}
.product_box .top .text ul {max-height:2.8rem;overflow-y:auto}
.product_box .top .text ul li:last-child{margin:0}
.product_box .top .text ul li h1{font-size:.18rem;color:#000000;font-weight:bold;margin:0 0 .05rem}
.product_box .top .text ul li p{font-size:.16rem;color:#969696}
.product_box .top .right{width:18.5%;display:flex;flex-direction: column;justify-content: center;align-items: center;background:#f4f5f7}
.product_box .top .right h1{font-size:.72rem;font-family:"alibblight";color:#969696;height:.55rem;line-height:.55rem}
.product_box .top .right  h2{margin:.2rem 0 .5rem;font-size:.3rem;color:#234c9c;font-weight:bold}
.product_box .top .right a{height:.3rem;width:1.55rem;background:#234c9c;border-radius:50px;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.product_box .top .right a em{font-size:.12rem;color:white;padding-right:.4rem;position:relative}
.product_box .top .right a em:after{content:"";position:absolute;background:url(../images/8.png)0 0 no-repeat;width:.21rem;height:.08rem;background-size:100%;right:0;top:50%;transform:translateY(-50%)}
.product_box .top .right a:hover em{padding-right:.6rem}

.product_box  .title{padding:1.1rem 0 .35rem;border-bottom:2px solid #dadada;margin:0 0 .48rem}
.product_box  .title h1{font-size:.3rem;color:#234c9c;padding-left:.32rem;position:relative}
.product_box  .title h1:after{content:"";position:absolute;background:#234c9c;width:8px;height:8px;border-radius:100%;;left:.12rem;top:50%;transform:translateY(-50%)}
.product_box  .lists{padding:0 0 1.4rem}
.product_box  .lists ul{display:grid;grid-template-columns:33.33% 33.33% 33.33%;grid-gap: .85rem .4rem}
.product_box  .lists ul li{width:100%}
.product_box  .lists ul li .list {position:relative}
.product_box  .lists ul li .list .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:.1rem;z-index:1}
.product_box  .lists ul li .list .slide-pagination  span{border-radius:0;width:.3rem;height:5px;margin:0 .03rem}
.product_box  .lists ul li .list .slide-pagination  span.swiper-pagination-bullet-active{background:#de1b22}
.product_box .lists ul li a .text{padding:.3rem 0 0}
.product_box .lists ul li a .text h1{font-size:.3rem;color:#000000;margin:0 0 .05rem}
.product_box .lists ul li a .text  p{font-size:.18rem;color:#969696;height:.75rem;line-height:.25rem}
.product_box .lists ul li a:hover img{transform:scale(1.05)}

.scientific .yanfa .items1{padding:1rem 0 1.1rem;}
.scientific .yanfa .items1>div{display:flex;justify-content: space-between;}
.scientific .yanfa .items1 .img{width:54.7%}
.scientific .yanfa .items1 .text{width:31%;padding:.45rem 0 0}
.scientific .yanfa .items1 .text .title{padding-left:.9rem;position:relative;margin:0 0 1rem}
.scientific .yanfa .items1 .text .title h1{font-size:.55rem;color:#000000}
.scientific .yanfa .items1 .text .title p{font-size:.14rem;color:#969696}
.scientific .yanfa .items1 .text .title:after{content:"";position:absolute;background:url(../images/9.png)0 0 no-repeat;width:.71rem;height:.79rem;background-size:100%;left:0;bottom:0}
.scientific .yanfa .items1 .text .info p{font-size:.21rem;color:#676767}

.scientific .yanfa .items2{padding:.85rem 0;background:#f8f9fb}
.scientific .yanfa .items2>div{display:flex;justify-content: space-between;}
.scientific .yanfa .items2 .img{width:54.5%;padding:.15rem 0 0}
.scientific .yanfa .items2 .text{width:33.5%;}
.scientific .yanfa .items2 .text .title{padding-left:1.1rem;position:relative;margin:0 0 1rem}
.scientific .yanfa .items2 .text .title h1{font-size:.55rem;color:#000000}
.scientific .yanfa .items2 .text .title p{font-size:.14rem;color:#969696}
.scientific .yanfa .items2 .text .title:after{content:"";position:absolute;background:url(../images/10.png)0 0 no-repeat;width:.83rem;height:.79rem;background-size:100%;left:0;bottom:0}
.scientific .yanfa .items2 .text .info{height:3rem;overflow-y:auto}
.scientific .yanfa .items2 .text .info p{font-size:.21rem;color:#676767}
.scientific .honor{padding:.65rem 0 1.4rem;background:url(../images/11.jpg)center center no-repeat;background-size:cover;background-attachment:fixed}

.scientific .honor .title{text-align:center;}
.scientific .honor .title h1{font-size:.14rem;color:white;position:relative;;padding:0 0 .3rem;}
.scientific .honor .title h1:after{position:absolute;content:"";background:#de1b22;height:.25rem;width:7px;;left:50%;transform:translateX(-50%)rotate(45deg);bottom:0}
.scientific .honor .title h2{font-size:.4rem;color:white;margin:.05rem  0 .2rem}
.scientific .honor .title p{font-size:.18rem;color:white;}
.scientific .honor ul{display:flex;justify-content: center;padding:.35rem 0 .85rem;}
.scientific .honor ul li{margin:0 .04rem}
.scientific .honor ul li a{height:.3rem;padding:0 .1rem;line-height:.3rem;border-radius:50px;border:1px solid white;font-size:.14rem;color:white}
.scientific .honor ul li#current a{background:#de1b22;border:1px solid #de1b22}
.scientific .honor ul li a:hover{background:#de1b22;border:1px solid #de1b22}
.scientific .honor .lists>div{padding:0 1rem;position:relative}
.scientific .honor .lists .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);font-size:.23rem;line-height:.45rem;color:white;left:0;width:.45rem;height:.45rem;border-radius:100%;border:1px solid white;text-align:center}
.scientific .honor .lists .swiper-page>div.slide-button-next {left:auto;right:0rem;}
.scientific .honor .lists .swiper-page>div:hover{background:white;color:black}
.scientific .honor .lists .items{padding:.1rem}
.scientific .honor .lists .items a:hover{transform: translateY(-8px);box-shadow: 5px 5px 10px rgba(0,0,0,.7);}

.contact_box{padding:0 0 .9rem}
.contact_box .infos {padding:.8rem 0 .9rem}

.contact_box .infos .box{display:flex;justify-content: space-between;}
.contact_box .infos .box .map{width:55%}
.contact_box .infos .box .map #container{height:6.1rem}
.contact_box .infos .box .txt{width:37.5%;padding:.7rem 0 0}
.contact_box .infos .box .txt .com {padding:0 0 .55rem;border-bottom:3px solid #000000}
.contact_box .infos .box .txt .com h1{font-size:.25rem;color:#234c9c;font-weight:bold}
.contact_box .infos .box .txt .com  p{font-size:.36rem;color:#234c9c;font-weight:bold}
.contact_box .infos .box .txt  .add {padding:.3rem 0 .15rem .5rem;position:relative }
.contact_box .infos .box .txt  .add:after{content:"";position:absolute;background:url(/public/common/images/12.png) 0 0 no-repeat;width:.41rem;height:.42rem;background-size:100%;left:0;top:.3rem}
.contact_box .infos .box .txt  .add h1{font-size:.16rem;color:#9e9e9e;margin:0 0 .05rem}
.contact_box .infos .box .txt  .add  p{font-size:.14rem;color:#000000;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/13.png) 0 0 no-repeat;width:.41rem;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:.35rem;}
/* .contact_box .infos .box .txt  ul li:last-child:after{content:"";position:absolute;background:url(/public/common/images/14.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:#9e9e9e;}
.contact_box .infos .box .txt  ul li  p{font-size:.14rem;color:#000000;font-weight:bold}
.contact_box .infos .box .txt  .eamil {padding:.3rem 0 0 .5rem;position:relative }
.contact_box .infos .box .txt  .eamil:after{content:"";position:absolute;background:url(/public/common/images/14.png) 0 0 no-repeat;width:.42rem;height:.41rem;background-size:100%;left:0;top:.3rem}
.contact_box .infos .box .txt  .eamil h1{font-size:.16rem;color:#9e9e9e;margin:0 0 .05rem}
.contact_box .infos .box .txt  .eamil  p{font-size:.14rem;color:#000000;font-weight:bold}
.contact_box .message{background:#edf2f9;padding:0 0 1.35rem}
.contact_box .message .title{padding:.85rem 0 0rem}
.contact_box .message .title h1{font-size:.55rem;color:#234c9c;margin:0 0 .35rem}
.contact_box .message .title p{font-size:.14rem;color:#969696;}
.contact_box .message .form{display:flex;justify-content: flex-end;}
.contact_box .message .form form{width:67.2%;font-size:0}
.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:1px solid #c2c4c8;background:white;font-size:.16rem;color:black}
.contact_box .message .form form textarea{border:1px solid #c2c4c8;height:1.5rem;width:100%;padding:.15rem .3rem;;background:white;font-size:.16rem;color:black;margin:.1rem 0 0 }
.contact_box .message .form form button{margin:.3rem 0 0;width:2.22rem;height:.58rem;border:0;background:#234c9c url(/public/common/images/11.png) right.3rem center no-repeat;;text-align:left;padding:0 .28rem;color:white;font-size:.16rem}


.tem_banner.index .banner_txt{position:absolute;left:2.45rem;top:34%;z-index:2;text-align:left}
.tem_banner.index .banner_txt h2{font-size:.55rem;color:white;line-height:.55rem;transform:translateY(.6rem);opacity:0;transition:all .5s}
.tem_banner.index .banner_txt p{font-size:.24rem;color:white;margin:.05rem 0 1rem;transform:translateY(.6rem);opacity:0;transition:all .5s}
.tem_banner.index .swiper-slide-active .banner_txt h2{transform:none;opacity:1;transition-delay:.6s}
.tem_banner.index .swiper-slide-active .banner_txt p{transform:none;opacity:1;transition-delay:.8s}

.tem_banner.index .banner_txt 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 .banner_txt a{transform:none;opacity:1;transition-delay:1s}
.tem_banner.index .banner_txt 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 .banner_txt a:before{content:"";position:absolute;background:url(/public/common/images/15.png) 0 0 no-repeat;width:.25rem;height:.07rem;left:0rem;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.tem_banner.index .banner_txt a:hover:before{left:.2rem}
.tem_banner.index .banner_txt 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:#ec1a22}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active:after{opacity:1;transition:.3s}

.index_product{padding:1.9rem 0;background:url(/public/common/images/17.png) 0 0 no-repeat;background-size:cover}
.index_product>div{padding-left:2.05rem;display:flex;justify-content: space-between;}
.index_product .left{width:23.5%;border-top:2px solid #3a3a3b;border-bottom:2px solid #cbcbcb;padding:.9rem 0 0}
.index_product .left .txt h1{font-size:.14rem;color:#888888;padding:0 0 .3rem;position:relative}

.index_product .left .txt h1:after{position:absolute;content:"";background:#de1b22;height:.25rem;width:7px;left:.12rem;transform:rotate(45deg);bottom:0}
.index_product .left .txt  h2{font-size:.4rem;color:#3a3a3b;margin:.05rem 0 .55rem}
.index_product .left .txt  p{font-size:.18rem;color:#888888;line-height:.26rem}
.index_product .left .txt  a{margin:.4rem 0 0;display:inline-block;height:.38rem;width:1.48rem;line-height:.38rem;text-align:center;border:1px solid black;border-radius:50px}
.index_product .left .txt  a em{font-size:.14rem;color:#888888;padding-right:.25rem;position:relative}
.index_product .left .txt  a em:after{content:"\f105";position:absolute;right:0;top:50%;transform:translateY(-50%);font: normal normal normal 14px/1 FontAwesome;color:#ec1f27;font-size:.2rem;transition:.3s}
.index_product .left .txt  a:hover{background:#234c9c;border-color:#234c9c;}
.index_product .left .txt  a:hover em{color:white;padding-right:.3rem}
.index_product .left .txt  a:hover em:after{color:white}
.index_product .left  .swiper-page{display:flex;padding:1.05rem 0 0;justify-content: space-between;align-items: flex-end;}
.index_product .left  .swiper-page .slide-button-prev{width:.35rem;height:.11rem;background:url(/public/common/images/16.png) 0 0 no-repeat;background-size:.35rem .11rem;transform:rotateY(180deg)}
.index_product .left  .swiper-page .slide-button-next{width:.35rem;height:.11rem;background:url(/public/common/images/16.png) 0 0 no-repeat;background-size:.35rem .11rem;}
.index_product .left  .swiper-page .swiper-scrollbar{width:70%;height:4px}
.index_product .left  .swiper-page .swiper-scrollbar .swiper-scrollbar-drag{background:#e02930}
.index_product .lists{width:69.5%}
.index_product .lists .items a{position:relative;overflow:hidden}
.index_product .lists .items a .title{position:absolute;top:.55rem;left:.45rem}
.index_product .lists .items a .title h1{font-size:.26rem;color:#ffffff;margin:0 0 .05rem;position:relative;padding-left:.1rem}
.index_product .lists .items a .title h1:after{content:"";position:absolute;background:white;width:5px;height:5px;border-radius:100%;;left:0;top:50%;transform:translateY(-50%);transition:.3s}

.index_product .lists .items a .title  h2{font-size:.16rem;color:white;padding-left:.1rem}
.index_product .lists .items a .info{position:absolute;width:100%;padding:0 .35rem;bottom:.6rem}
.index_product .lists .items a .info h3{text-align:right;font-size:.63rem;color:#ffffff;font-family:"alibblight";height:.45rem;line-height:.45rem;margin:0 0 .3rem}
.index_product .lists .items a .info  p{font-size:.16rem;color:#ffffff;line-height:.25rem;padding:.2rem 0 0;border-top:2px solid rgba(255,255,255,.5);opacity:0 }
.index_product .lists .items a .info{transform:translateY(1.1rem)}
.index_product .lists .items a:hover .info{transform:translateY(0)}
.index_product .lists .items a:hover .info p{opacity:1}
.index_product .lists .items a:hover img{transform:scale(1.1)}


.index_about{background:url(/public/common/images/18.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 1rem;background-attachment:fixed }
.index_about .title{text-align:center;padding:.6rem 0 .5rem}
.index_about .title h1{font-size:.14rem;color:white;position:relative;;padding:0 0 .3rem;}
.index_about .title h1:after{position:absolute;content:"";background:#de1b22;height:.25rem;width:7px;;left:50%;transform:translateX(-50%)rotate(45deg);bottom:0}
.index_about .title h2{font-size:.4rem;color:white;margin:.05rem  0 .1rem}
.index_about .title p{font-size:.18rem;color:white;}
.index_about .lists ul{display:flex;}
.index_about .lists ul li{width:25%;}
.index_about .lists ul li a{position:relative;z-index:2;height:6.1rem;border:2px solid rgba(255,255,255,.3);margin-left:-2px;padding:.45rem .4rem 0;display:flex;flex-direction: column;justify-content: center;overflow:hidden}
.index_about .lists ul li a .tit {text-align:center;margin:0 0 .55rem}
.index_about .lists ul li a .tit h1{font-size:.24rem;color:white;margin:0 0 .15rem;padding:.6rem 0 0;position:relative}
.index_about .lists ul li:nth-child(1) a .tit h1:after{content:"";position:absolute;background:url(/public/common/images/19.png) 0 0 no-repeat;width:.39rem;height:.38rem;top:0;left:50%;transform:translateX(-50%);background-size:100%;transition:.3s}
.index_about .lists ul li:nth-child(2) a .tit h1:after{content:"";position:absolute;background:url(/public/common/images/20.png) 0 0 no-repeat;width:.37rem;height:.36rem;top:0;left:50%;transform:translateX(-50%);background-size:100%;transition:.3s}
.index_about .lists ul li:nth-child(3) a .tit h1:after{content:"";position:absolute;background:url(/public/common/images/21.png) 0 0 no-repeat;width:.37rem;height:.36rem;top:0;left:50%;transform:translateX(-50%);background-size:100%;transition:.3s}
.index_about .lists ul li:nth-child(4) a .tit h1:after{content:"";position:absolute;background:url(/public/common/images/22.png) 0 0 no-repeat;width:.41rem;height:.38rem;top:0;left:50%;transform:translateX(-50%);background-size:100%;transition:.3s}

.index_about .lists ul li a .tit h2{font-size:.24rem;color:white}
.index_about .lists ul li a  p{font-size:.16rem;color:#e2e2e2;height:1.25rem;line-height:.25rem;text-align:center;opacity:0;transition:.5s}
.index_about .lists ul li  a h3{margin:.4rem 0 0;display:inline-block;height:.38rem;width:1.48rem;line-height:.38rem;text-align:center;;border-radius:50px;background:#ec1a22;opacity:0;transition:.5s}
.index_about .lists ul li  a h3 em{font-size:.14rem;color:white;padding-right:.25rem;position:relative}
.index_about .lists ul li  a h3 em:after{content:"\f105";position:absolute;right:0;top:50%;transform:translateY(-50%);font: normal normal normal 14px/1 FontAwesome;color:white;font-size:.2rem;transition:.3s}
.index_about .lists ul li a:after{content:"";position:absolute;background:rgba(0,0,0,.5);width:100%;left:50%;transform:translateX(-50%);top:0;height:0;transition:.8s;z-index:-1}
.index_about .lists ul li a:hover:after{height:100%}
.index_about .lists ul li a .box{transform:translateY(.95rem);text-align:center}
.index_about .lists ul li a:hover .box{transform:translateY(0)}
.index_about .lists ul li a:hover  p{opacity:1}
.index_about .lists ul li a:hover h3{opacity:1}




.index_producthot {background:url(/public/common/images/23.jpg) 0 0 no-repeat;background-size:cover;}
.index_producthot  .title{text-align:center;padding:.6rem 0 .95rem}
.index_producthot  .title h1{font-size:.14rem;color:#888888;position:relative;;padding:0 0 .3rem;}
.index_producthot  .title h1:after{position:absolute;content:"";background:#de1b22;height:.25rem;width:7px;;left:50%;transform:translateX(-50%)rotate(45deg);bottom:0}
.index_producthot  .title h2{font-size:.4rem;color:#3a3a3b;margin:.05rem  0 .1rem}
.index_producthot  .title p{font-size:.18rem;color:#888888;}
.index_producthot  .lists{padding:0 .85rem;position:relative}
.index_producthot  .lists .swiper-container{padding:.5rem 0 0}
.index_producthot  .lists .swiper-slide-active .imgs{transform:scale(1.4);transition:1s; box-shadow: 0 15px 10px -6px rgba(0, 0, 0, .45);}
.index_producthot  .lists .items{height:6.3rem}
.index_producthot  .lists .items .tit{text-align:center;padding:.2rem 0 0 }
.index_producthot  .lists .items .tit h1{font-size:.18rem;color:#323334;font-weight:bold;margin:0 0 .15rem;transition:1s;}
.index_producthot  .lists .items .tit p{font-size:.16rem;color:#888888;opacity:0;transform:translateY(1rem);transition:1s;}
.index_producthot  .lists .swiper-slide-active  .tit{padding:1rem 0 0 }
.index_producthot  .lists .swiper-slide-active  .tit h1{font-size:.24rem}
.index_producthot  .lists .swiper-slide-active  .tit p{transform:none;opacity:1}

.index_producthot  .lists .swiper-page>div{position:absolute;top:24%;font-size:.23rem;line-height:.45rem;color:#949494;left:0;width:.45rem;height:.45rem;border-radius:100%;border:1px solid #949494;text-align:center}
.index_producthot  .lists .swiper-page>div.slide-button-next {left:auto;right:0rem;}
.index_producthot  .lists .swiper-page>div:hover{background:#949494;color:white}


.index_yanfa {padding:0 0 1.55rem}
.index_yanfa  .title{text-align:center;padding:.8rem 0 .8rem}
.index_yanfa  .title h1{font-size:.14rem;color:#888888;position:relative;;padding:0 0 .3rem;}
.index_yanfa  .title h1:after{position:absolute;content:"";background:#de1b22;height:.25rem;width:7px;;left:50%;transform:translateX(-50%)rotate(45deg);bottom:0}
.index_yanfa  .title h2{font-size:.4rem;color:#3a3a3b;margin:.05rem  0 .1rem}
.index_yanfa .title p{font-size:.18rem;color:#888888;}
.index_yanfa .infos{display:flex;justify-content: space-between;}
.index_yanfa .infos .imgs{width:48.7%}
.index_yanfa .infos ul{width:49.5%;display:flex;justify-content: space-between;}
.index_yanfa .infos ul li{width:47.9%}
.index_yanfa .infos ul li a{position:relative}
.index_yanfa .infos ul li a .text{position:absolute;width:100%;bottom:.3rem;padding:0 .3rem}
.index_yanfa .infos ul li a .text h2{font-size:.2rem;color:white;text-align:right;padding:0 0 .2rem;border-bottom:2px solid rgba(255,255,255,.5)}
.index_yanfa .infos ul li a .text p{margin:.15rem 0 0;height:.4rem;line-height:.2rem;font-size:.14rem;color:white;width:80%}
.index_yanfa .infos ul li a:hover img{transform:scale(1.1)}
.index_yanfa .infos ul li a .text:after{content:"";position:absolute;background:url(/public/common/images/24.png) 0 0 no-repeat;width:.38rem;height:.11rem;bottom:.02rem;right:.3rem;background-size:100%;transition:.3s}
.index_yanfa .infos ul li a:hover .text:after{right:.1rem}
/********<=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 .banner_txt{left:1rem}
    .index_product>div{padding-left:1rem}
    .index_product .left .swiper-page{padding:.5rem 0 0}
    .footer .bot ul li{padding:0 .1rem}
    .tem_banner.indise .flash .txt{padding:0 1rem}
    .scientific .yanfa .items1 .text{width:40%}
    .scientific .yanfa .items2 .text{width:40%}
    .scientific .yanfa .items2 .text .title{margin:0 0 .5rem}
    .scientific .yanfa .items1 .text .title{margin:0 0 .5rem}
    .scientific .honor .lists>div{padding:0 .5rem}
    .product_box .top .text ul li{margin:0 0 .3rem}

}
/******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:40px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner.index .banner_txt{left:.5rem}
    .tem_banner.index .banner_txt h2{font-size:.3rem;line-height:.4rem}
    .tem_banner.index .banner_txt p{margin:.1rem 0 .5rem}
    .index_product>div{padding:0 .1rem;display:inherit}
    .index_product .left{width:100%;padding:.5rem .3rem;margin:0 0 .5rem}
    .index_product{padding:1rem 0}
    .index_product .left .txt a{width:3rem;height:.5rem;line-height:.5rem}
    .index_product .lists{width:100%}
    .index_product .lists .items a .info{bottom:.2rem}
    .index_product .lists .items a .title{left:.2rem}
    .index_about .lists ul{display:flex;flex-wrap: wrap;}
    .index_about .lists ul li{width:50%}
    .index_about .lists ul li a p{height:1.5rem;line-height:.3rem}
    .index_producthot .lists{padding:0 .5rem}
    .index_producthot .lists .swiper-slide-active .tit{padding:.5rem 0 0}
    .index_producthot .lists .items .tit p{-webkit-line-clamp: 4}
    .index_producthot .lists .items{height:4rem}
    .index_yanfa .infos{display:inherit}
     .index_yanfa .infos .imgs{width:100%}
     .index_yanfa .infos ul{width:100%;margin:.3rem 0 0}
     .index_yanfa .infos ul li a .text p{height:.6rem;line-height:.3rem}
     .footer .top:after{display:none}
     .footer .top .logo{display:none}
     .footer .top .fot_navs{width:100%}
     .footer .bot{padding:.5rem 0 0;display:inherit}
     .footer .bot .txt{width:100%}
     .footer .bot ul{display:inherit}
     .footer .bot ul li{border:0;height:auto;line-height:normal}
     .footer{padding:.3rem 0}
     .tem_banner.indise .flash .txt{bottom:.5rem;padding:0 .2rem}
     .tem_banner.indise .flash .txt p{width:100%}
     .tem_banner.indise .flash .txt h1{font-size:.4rem}
     .mbx>div{height:auto;display:inherit;padding:.2rem 0}
     .mbx .right{margin:.2rem 0 0}
     .mbx .right ul li{margin-left:0}
.mbx .right ul li{margin-right:.2rem}
.about_company>div{display:inherit}
.about_company>div .left{width:100%}
.about_company>div .left ul{display:flex;flex-wrap: wrap;}
.about_company>div .left ul li{width:50%}
.about_company>div .left ul{margin:.5rem 0 0}
.about_company>div .img{width:100%;margin:.2rem 0 0}
.about_hexin .lists ul{display:inherit}
.about_hexin .lists ul li{width:100%;border-right:0;border-bottom:1px solid rgba(255,255,255,.8)}
.about_hexin .lists ul li{height:3.5rem;}
.about_hexin .lists ul li .img img{max-width:30px}
.shuzi .top ul{position:inherit;display:inherit;bottom:0;left:0}
.shuzi .top ul li{width:100%}
.shuzi .top .text{width:90%;left:.3rem;top:.8rem}
.shuzi .lists ul{grid-template-columns:1fr 1fr;grid-gap:.5rem .25rem}
.product_box .pro_nav ul{display:flex;justify-content: center;}
.product_box .top{display:flex;flex-wrap: wrap;flex-direction:column-reverse}
.product_box .top .img{width:100%}
.product_box .top .text{width:100%;padding:.3rem}
.product_box .top .right{width:100%;padding:.3rem 0 .2rem;border-bottom:1px solid white}
.product_box .top .right a{width:2rem;height:.5rem}
.product_box .lists ul{grid-template-columns:1fr 1fr}
.scientific .yanfa .items1>div{display:inherit}
.scientific .yanfa .items1>div>div{width:100% !important}
.scientific .yanfa .items2>div{display:inherit}
.scientific .yanfa .items2>div>div{width:100% !important}
.scientific .honor ul{display:flex;flex-direction: column;align-items: center;padding:.35rem 0 .25rem}
.scientific .honor ul li {margin:0 0 .1rem}
.scientific .honor ul li a{height:.5rem;line-height:.5rem;padding:0 .2rem}
.contact_box .infos .box{display:inherit}
.contact_box .infos .box .map{width:100% !important}
.contact_box .infos .box .txt{width:100% !important}
.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:last-child{margin-left:.55rem;margin-top:.3rem}
.contact_box .message .title h1{font-size:.4rem}
.contact_box .message .form{margin:.5rem 0 0}
.contact_box .message .form form{width:100% !important}
}