.header{position: fixed;width: 100%;z-index: 1000;}
.header>div{margin:0 1.4rem;display:flex;height:.98rem;line-height:.98rem;justify-content: space-between;}
.header .logo{width:9.5%;background:url(../images/logo.png) center center no-repeat;background-size:100%}
.header .logo a{display:block;height:100%}
.header .navs{width:67.2%;padding:0 0  0 .4rem}
.header.is_header,.header:hover{background:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header.is_header .navs ul>li>a,.header:hover .navs ul>li>a{color:black}
.header.is_header  .logo,.header:hover  .logo{background:url(../images/logo1-1.png) center center no-repeat;background-size:100%}
.header.is_header .langs,.header:hover .langs {color:black}
.header.is_header .langs a,.header:hover .langs a{color:black}
.header.is_header .search a,.header:hover .search a{width:.19rem;height:.19rem;background:url(../images/icon1-1.png) 0 0 no-repeat;background-size:.19rem .19rem}
body:after{content:"";position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0;;opacity:0;z-index:-1}
body.xss:after{opacity:1;z-index:998}
.header .navs ul{display:flex;}
.header .navs ul>li{margin-right:.95rem}
.header .navs ul>li>a{font-size:.18rem;color:white;position:relative}
.header .navs ul>li>a:after{content:"";position:absolute;background:#32b7ab;left:50%;transform:translateX(-50%);width:0;height:5px;bottom:0;transition:.3s}
.header .navs ul>li.active>a:after,.header .navs ul>li>a:hover:after{width:100%;transition:.3s}
.header .navs ul>li:hover dl{display:block}
.header .navs ul>li dl{position:absolute;width:100%;top:100%;left:0;background:#eaeaea;transition:0s;display:none}

.header .navs ul>li dl .box{display:flex;padding:.35rem 4.3rem;}
.header .navs ul>li dl .box .items{width:16.6%;margin-right:.95rem}
.header .navs ul>li dl .box .items .tit{height:.65rem;display:flex;flex-direction: column;justify-content: center;padding:0 .15rem 0 0;position:relative;border-bottom:2px solid black }
.header .navs ul>li dl .box .items .tit:after{content:"\f105";position:absolute;font: normal normal normal 14px/1 FontAwesome;right:0;top:50%;transform:translateY(-50%);font-size:.2rem;color:black}
.header .navs ul>li dl .box .items .tit a{font-size:.18rem;color:#black}
.header .navs ul>li dl .box .items .info{line-height:normal;padding:.4rem  0 0}
.header .navs ul>li dl .box .items .info a{font-size:.16rem;color:black;margin:0 0 .1rem}
.header .navs ul>li dl .box .items .info a:last-child{margin:0}
.header .langs {color:white;font-size:.16rem;font-weight:bold;display:flex;align-items: center;line-height:normal}
.header .langs a{font-size:.18rem;color:white;font-weight:bold;margin:0 .05rem}
.header .search{display:flex;flex-direction: column;justify-content: center;}
.header .search a{width:.19rem;height:.19rem;background:url(../images/icon1.png) 0 0 no-repeat;background-size:.19rem .19rem}
.tem_banner.indise{position:relative}
.tem_banner.indise .txt{position:absolute;padding: 0 2.6rem;bottom:.95rem;width:100%}
.tem_banner.indise .txt h2{font-size:.48rem;color:white;font-weight:bold;padding:0 0 .33rem;position:relative;margin:0 0 .5rem}
.tem_banner.indise .txt h2:after{content:"";position:absolute;background:white;width:.48rem;height:4px;border-radius:50px;left:0;bottom:0}
.tem_banner.indise .txt ul{display:flex}
.tem_banner.indise .txt ul li:first-child{padding-left:0}
.tem_banner.indise .txt ul li{padding:0 .2rem;position:relative;}
.tem_banner.indise .txt ul li:after{content:"";position:absolute;background:white;width:3px;height:70%;right:-1.5px;top:50%;transform:translateY(-50%)}
.tem_banner.indise .txt ul li:last-child:after{display:none}
.tem_banner.indise .txt ul li a{font-size:.18rem;color:white;font-weight:bold}
.about_box .top_text{padding:1.35rem 0 1rem;text-align:center}
.about_box .top_text p{font-size:.24rem;color:#4b4b4b;line-height:.3rem;font-weight:bold}
.about_history .title{text-align:center;padding:.65rem  0 .6rem    }
.about_history .title h2{font-size:.36rem;color:#292828;padding:0 0 .2rem;font-weight:bold;border-bottom:3px solid  #000000;display:inline-block}
.about_history .items{display:flex;justify-content: space-between;align-items: center;}
.about_history .items:nth-child(2){padding-right:2.6rem;margin:0 0 .55rem}
.about_history .items:nth-child(3){padding-left:2.6rem}
.about_history .items .img{width:64%}
.about_history .items .text{width:30.8%}
.about_history .items .text h2{font-size:.36rem;color:#292828;font-weight:bold;margin:0 0 .6rem}
.about_history .items .text p{font-size:.16rem;color:#4b4b4b;line-height:.25rem}
.about_history{position:relative}
.about_history:after{content:"";position:absolute;background:#f2f2f2;width:100%;height:64.7%;left:0;top:0;z-index:-2}
.about_workshop {padding:0 0 2.6rem}
.about_workshop .title{text-align:center;padding:1.58rem  0 .85rem}
.about_workshop .title h2{font-size:.36rem;color:#292828;font-weight:bold}
.about_workshop .lists{position:relative}
.about_workshop .lists a{overflow:hidden}
.about_workshop .lists a:hover img{transform:scale(1.1)}
.about_workshop .lists  .swiper-page>div{position:absolute;;outline:none;z-index:2;top:50%;left:1.4rem;transform:translateY(-50%);width:.46rem;height:.26rem;background:url(../images/icon2.png) 0 0 no-repeat;background-size:.46rem .26rem}
.about_workshop .lists .swiper-page>div.slide-button-next {left:auto;right:1.4rem;background:url(../images/icon3.png) 0 0 no-repeat;background-size:.46rem .26rem}
.about_workshop .lists  .swiper-page>div:hover{background:url(../images/icon2-2.png) 0 0 no-repeat;background-size:.46rem .26rem}
.about_workshop .lists .swiper-page>div.slide-button-next:hover {background:url(../images/icon3-3.png) 0 0 no-repeat;background-size:.46rem .26rem}
.footer{border-top:1px solid #ececec;padding:.9rem 0 .75rem}
.footer>div{display:flex;justify-content: space-between;}
.footer .left{width:21%;padding:.1rem 0 0}
.footer .left h2{font-size:.24rem;color:#1f1e1e;font-weight:bold;margin:0 0 .35rem;position:relative}
.footer .left h2:after{content:"";position:absolute;background:url(../images/icon4.png) 0 0 no-repeat;width:.49rem;height:.49rem;background-size:100%;top:50%;right:0;transform:translateY(-50%);}
.footer .left ul li{margin:0 0 .3rem}
.footer .left ul li:last-child{margin:0}
.footer .left ul li p{font-size:.16rem;color:#7c7c7c}
.footer .middle{width:20%}
.footer .middle ul li{text-align:center;;margin:0 0 .35rem}
.footer .middle ul li:last-child{margin:0}
.footer .middle ul li a{display:inline-block;font-size:.18rem;color:#464646;}
.footer .right {width:38%}
.footer .right  .message form{display:flex;justify-content: space-between;align-items: flex-end;}
.footer .right  .message form .info{width:69.6%}
.footer .right  .message form .info input:last-child{margin:0}
.footer .right  .message form .info input{width:100%;height:.5rem;border:0;border-bottom:1px solid #5f5f5f;margin:0 0 .35rem;font-size:.16rem;color:black}
.footer .right  .message form .submint{width:23.5%}
.footer .right  .message form .submint button{width:100%;height:.8rem;border:1px solid #5f5f5f;font-size:.16rem;color:#343434;background:no-repeat}
.footer .right   .shares{margin:.4rem 0 .55rem;display:flex;align-items: center;}
.footer .right   .shares a{margin-right:.22rem}
.footer .right   .shares a i{color:#9b9b9b;font-size:.18rem}
.footer .right  p{font-size:.16rem;color:#7c7c7c;text-align:right}
/*.product_list  {padding:0 0 3.2rem}*/
.product_list  .top_text{padding:1.3rem 5.5rem 1.1rem;text-align:center}
.product_list  .top_text p{font-size:.24rem;color:#4b4b4b;line-height:.4rem;font-weight:bold}
.product_list .title{text-align:center;padding:.6rem  0 .6rem    }
.product_list .title h2{font-size:.36rem;color:#292828;padding:0 0 .2rem;font-weight:bold;border-bottom:3px solid  #000000;display:inline-block}
.product_list .text{display:flex;align-items: flex-end;}
.product_list .text .img{width:54.7%}
.product_list .text .txt{width:45.3%;display:flex;padding-right:2.6rem;padding-left:.75rem;height:5.25rem;background:url(../images/icon5.jpg)0 0 no-repeat;background-size:cover;flex-direction: column;justify-content: center;}
.product_list .text .txt p{font-size:.2rem;color:white;line-height:.3rem}
.product_list .infos{position:relative}
.product_list .infos:after{content:"";position:absolute;background:#f2f2f2;width:71.5%;height:5rem;right:0;top:0;z-index:-2}
.product_list .lists{display:flex;flex-wrap: wrap;justify-content: space-between;}
.product_list .lists .items{width:50%}
.product_list .lists .items:nth-child(1) a .txt,.product_list .lists .items:nth-child(3) a .txt,.product_list .lists .items:nth-child(5) a .txt{left:2.6rem}
.product_list .lists .items:nth-child(2) a .txt,.product_list .lists .items:nth-child(4) a .txt{left:.9rem}

.product_list .lists .items a{position:relative;;}
.product_list .lists .items:nth-child(5){width:100%}
.product_list .lists .items a .txt{position:absolute;bottom:.8rem;width:60%}
.product_list .lists .items a .txt h2{font-size:.3rem;color:white;margin:0 0 .35rem}
.product_list .lists .items a .txt .oss{font-size:.16rem;color:#ffffff;height:.75rem;overflow:hidden;line-height:.25rem}
.product_list .lists .items a em{margin:.25rem 0 0;font-size:.14rem;color:white;height:.44rem;width:1.9rem; display:inline-block;border:1px solid white;text-align:center;line-height:.44rem}
.product_list .lists .items a:hover em{background:white;color:black}
.product_list .lists .items a:hover img{transform:scale(1.1)}
.product_list .lists .items:nth-child(5) a .txt{width:35%;bottom:1.15rem}
.pro_head .header{background:black}
.pro_list{background:#f6f6f6;padding:2.1rem 0 0}
.pro_list .top {display:flex;justify-content: space-between;align-items: center;;padding:0 0 .33rem;border-bottom:2px solid #e3e3e3}
.pro_list .top .title h1{font-size:.4rem;color:#02336c;font-weight:bold;padding:0 0 .3rem}
.pro_list .top .title{width:80%;;}
.pro_list .top .title p{font-size:.16rem;color:#6d6d6d}
.pro_list .top a{padding-right:.4rem;color:#706f6f;font-size:.16rem;position:relative}
.pro_list .top a:after{content:"";position:absolute;background:url(../images/icon6.png) 0 0 no-repeat;width:.24rem;height:.13rem;background-size:.24rem .13rem;top:50%;transform:translateY(-50%);right:0}
.pro_list .lists{display:flex;flex-wrap: wrap;justify-content: space-between;padding:.55rem 0 2.6rem }
.pro_list .lists .items{width:30.75%;margin:0 0 .6rem}
.pro_list .lists:after{content:"";width:30.75%}
.pro_list .lists .items a{padding:.1rem;border-radius:5px;border:1px solid #e8e8e8}
.pro_list .lists .items h2{font-size:.18rem;color:#4e4d4d;text-align:center;margin:.35rem 0 0 }
.pro_list .lists .items a:hover img{transform:scale(1.1)}
.quality .title{text-align:center;padding:1.35rem 0 .8rem;background:#f2f2f2}
.quality .title h1{font-size:.36rem;color:#292828;font-weight:bold}
.quality .title p{font-size:.36rem;color:#292828;font-weight:bold;text-transform:uppercase;padding:.1rem 0 .3rem;position:relative }
.quality .title p:after{content:"";position:absolute;background:#000000;width:1.28rem;height:2px;left:50%;transform:translateX(-50%);bottom:0}
.quality .top{padding-right:2.6rem;display:flex;justify-content: flex-end;background:#f2f2f2;position:relative}
.quality .top .img{position:absolute;width:47.1%;left:0;top:0;box-shadow:0 0 15px 2px rgba(0,0,0,0.1)}
.quality .top .text{width:40.2%;padding:.85rem  0 0;font-size:.16rem;color:#6e6e6e;line-height:.3rem;height:5.4rem}
.quality .middle{display:flex;padding:2rem 0  1.45rem 2.6rem;justify-content: space-between;position:relative}
.quality .middle:after{content:"";position:absolute;background:#02336c;height:5.6rem;width:48.3%;border-radius:10px;right:0;z-index:-1;top:1.3rem}
.quality .middle .text{width:40%;padding:.77rem 0 0;font-size:.16rem;color:#6e6e6e;line-height:.3rem; }
.quality .middle .imgs2{width:51.5%}
.quality .third{padding-right:2.6rem;display:flex;justify-content: flex-end;background:#f2f2f2;position:relative}
.quality .third .img{position:absolute;width:47.1%;left:0;top:-.8rem;box-shadow:0 0 15px 2px rgba(0,0,0,0.1)}
.quality .third .text{width:40.2%;padding:1.25rem  0 0;font-size:.16rem;color:#6e6e6e;line-height:.3rem;height:6.6rem}
.environmental{padding:0 0 2.65rem}
.green_production .title{text-align:center;padding:1.35rem 0 .55rem;}
.green_production .title h2{font-size:.36rem;color:#292828;font-weight:bold;position:relative;padding:0 0 .35rem;display:inline-block}
.green_production .title h2:after{content:"";position:absolute;background:#000000;width:100%;height:3px;left:50%;transform:translateX(-50%);bottom:0}
.green_production ul{display:flex;padding:0 .24rem .3rem;justify-content: space-between;}
.green_production ul li{width:49.2%}
.green_production .content{height:5.4rem;text-align:center;padding:0 5.3rem;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.green_production .content p{font-size:.24rem;color:white;line-height:.35rem}
.green_process{position:relative;padding:0 0 .65rem}
.green_process:after{content:"";position:absolute;background:#f0f0f0;top:.8rem;height:7.6rem;width:66.3%;z-index:-1;right:0}
.green_process .title{text-align:center;padding:2.15rem 0 .85rem;}
.green_process .title h2{font-size:.36rem;color:#292828;font-weight:bold;position:relative;padding:0 0 .35rem;display:inline-block}
.green_process .title h2:after{content:"";position:absolute;background:#000000;width:100%;height:3px;left:50%;transform:translateX(-50%);bottom:0}
.green_process .lists .items{display:flex;justify-content: space-between;align-items: center;margin:0 0 .5rem}

.green_process .lists .items .img{width:58.7%}
.green_process .lists .items .text{width:36.5%}
.green_process .lists .items .text h1{font-size:.3rem;color:#373737;font-weight:bold;padding:1.38rem 0 .4rem;position:relative}
.green_process .lists .items:nth-child(1) .text h1:after{content:"";position:absolute;background:url(../images/icon7.png)0 0 no-repeat;width:.86rem;height:.91rem;background-size:100%;top:0;left:0}
.green_process .lists .items:nth-child(2) .text h1:after{content:"";position:absolute;background:url(../images/icon8.png)0 0 no-repeat;width:.98rem;height:.85rem;background-size:100%;top:0;left:0}
.green_process .lists .items:nth-child(3) .text h1:after{content:"";position:absolute;background:url(../images/icon9.png)0 0 no-repeat;width:1.14rem;height:.86rem;background-size:100%;top:0;left:0}
.green_process .lists .items:nth-child(4) .text h1:after{content:"";position:absolute;background:url(../images/icon10.png)0 0 no-repeat;width:.98rem;height:.91rem;background-size:100%;top:0;left:0}

.green_process .lists .items .text p{font-size:.16rem;color:#6e6e6e;line-height:.25rem}
.green_process .lists .items.lt{padding-right:2.6rem}
.green_process .lists .items.rlt{padding-left:2.6rem; flex-direction:row-reverse}
.production_process{background:url(../images/icon11.jpg) 0 0 no-repeat;background-size:cover;padding:0 0 1.3rem}
.production_process .title{text-align:center;padding:1.15rem 0 .9rem;}
.production_process .title h2{font-size:.36rem;color:white;font-weight:bold;position:relative;padding:0 0 .35rem;display:inline-block}
.production_process .title h2:after{content:"";position:absolute;background:white;width:100%;height:3px;left:50%;transform:translateX(-50%);bottom:0}
.production_process .infos{padding:0 1.8rem 0  2.6rem;position:relative}
.production_process .infos .swiper-slide{display:flex;justify-content: space-between;align-items: center;}
.production_process .infos .swiper-slide .left{width:53%;display:flex;justify-content: space-between;}
.production_process .infos .swiper-slide .left>h2{font-size:1.6rem;color:white;height:1.3rem;line-height:1.3rem}
.production_process .infos .swiper-slide .left .txt{width:71%}
.production_process .infos .swiper-slide .left .txt h1{font-size:.6rem;color:white;padding:.3rem  0 1.6rem}
.production_process .infos .swiper-slide .left .txt p{font-size:.16rem;color:white}

.production_process .infos .swiper-slide .img{width:37%}
.production_process .infos .swiper-page{position:absolute;left:2.6rem;bottom:10%;z-index:2}
.production_process .infos .swiper-page>div{width:.75rem;height:.75rem;border-radius:100%;border:1px solid white;text-align:center;color:white;font-size:.3rem;text-align:center;line-height:.8rem;margin:.}

.production_process .infos .swiper-page>div.slide-button-next{margin:.15rem 0 0;line-height:.6rem }
.contact_box{background:#f1f1f1}
.contact_box>div{padding:1.17rem 0 0}
.contact_box>div .top{display:flex;justify-content: space-between;position:relative;padding:0 0 .38rem;border-bottom:1px solid #d2d2d2}
.contact_box>div .top .left{width:40%}
.contact_box>div .top .left h1{font-size:.36rem;color:#2f2e2e;padding:0 0 .1rem;font-weight:bold}
.contact_box>div .top .left p{font-size:.16rem;color:#505050}
.contact_box>div .top .info{width:57%}
.contact_box>div .top .info h2{font-size:.16rem;color:#505050;padding:.15rem 0 .25rem}
.contact_box>div .top .info ul li{margin:0 0 .22rem}
.contact_box>div .top .info ul li:last-child{margin:0}
.contact_box>div .top .info ul li p{font-size:.14rem;color:#505050;padding-left:.3rem;position:relative}
.contact_box>div .top .info ul li:nth-child(1) p:after{content:'';position:absolute;background:url(../images/icon12.png)  0 0 no-repeat;width:.17rem;height:.24rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box>div .top .info ul li:nth-child(2) p:after{content:'';position:absolute;background:url(../images/icon13.png)  0 0 no-repeat;width:.15rem;height:.23rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.contact_box>div .top .info ul li:nth-child(3) p:after{content:'';position:absolute;background:url(../images/icon14.png)  0 0 no-repeat;width:.17rem;height:.17rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}

.contact_box>div .top>a{position:absolute;padding:.1rem .16rem;background:#02336c;border-radius:50px;font-size:.12rem;color:white;right:0;top:.64rem;}
.contact_box .fixed_box {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;transition:none;display:none;}
.contact_box .fixed_box .mains{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.3rem;}
.contact_box .fixed_box .mains.met_hidden{top:70%}
.contact_box .middle{display:flex;justify-content: space-between;padding:.55rem 0 .45rem ;border-bottom:1px solid #d2d2d2}
.contact_box .middle h2{width:40%;font-size:.24rem;color:#343434;font-weight:bold}

.contact_box .middle .right{width:57%}
.contact_box .middle .right p{font-size:.16rem;color:#4e4e4e;margin:0 0 .15rem}
.contact_box .middle .right p:last-child{margin:0}
.contact_box .message {padding:.9rem 0 2.15rem;display:flex;justify-content: space-between;}
.contact_box .message .left{width:40%; }
.contact_box .message .left h1{font-size:.24rem;color:#343434;padding:0 0 .1rem}
.contact_box .message .left p{font-size:.16rem;color:#505050}
.contact_box .message .right{width:57%;font-size:0}
.contact_box .message .right h2{font-size:.14rem;color:#868484;padding:0 0 .2rem}
.contact_box .message .right .box{display:flex;flex-wrap: wrap;justify-content: space-between;}
.contact_box .message .right .box .input{width:46.5%;margin:0 0 .3rem}
.contact_box .message .right .box .input p{font-size:.14rem;color:#5b5a5a;margin:0 0 .14rem}
.contact_box .message .right .box .input input{height:.53rem;width:100%;background:none;border:1px solid #d2d2d2;border-radius:5px;font-size:.16rem;color:black;padding:0 .1rem}

.contact_box .message .right  .second p{font-size:.14rem;color:#5b5a5a;margin:0 0 .14rem}
.contact_box .message .right  .second textarea{height:2rem;width:100%;background:none;border:1px solid #d2d2d2;border-radius:5px;font-size:.16rem;color:black;padding:.1rem}
.contact_box .message .right .submint{;margin:.6rem 0 0}
.contact_box .message .right .submint button{width:2.8rem;height:.55rem;background:#02336c;color:white;border-radius:5px;font-size:.16rem;color:white;border:0}
.tem_banner.index .label_text{position:absolute;left:50%;transform:translateX(-50%);width:50%;z-index:2;bottom:33%;text-align:center}
.tem_banner.index .label_text h1{color:white;font-size:.72rem;font-weight:bold}
.tem_banner.index .label_text p:nth-child(2){font-size:.24rem;color:#ffffff;padding:.25rem 0 .7rem}
.tem_banner.index .label_text a{height:.5rem;padding:0 .58rem;font-size:.16rem;color:white;border:2px solid #95989b;display:inline-block;line-height:.5rem}
.tem_banner.index  .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:1.1rem;z-index:2;}
.tem_banner.index  .slide-pagination span{width:.14rem;height:.14rem;background:white;margin:0 .13rem;opacity:1}
.tem_banner.index  .slide-pagination span.swiper-pagination-bullet-active{background:#ed1c24}
.index_about{display:flex;position:relative;align-items: flex-end;}
.index_about:after{content:"";position:absolute;background:#eaeaea;width:54%;height:100%;z-index:-1;top:0;bottom:0}
.index_about .left{width:50%;padding:1.2rem 1.3rem 0  2.6rem;height:7.2rem}
.index_about .left h2{font-size:.16rem;color:#02336c;margin:0 0 .85rem;font-weight:bold;padding-left:.35rem;position:relative}
.index_about .left h2:after{content:"";position:absolute;background:url(../images/icon15.png)0 0 no-repeat;width:.22rem;height:.21rem;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.index_about .left .txt p{font-size:.17rem;color:#4e4e4f;line-height:.3rem}
.index_about .right{width:50%;padding:.5rem 2.6rem 0 1.3rem;height:4.8rem;background:#02336c}
.index_about .right h2{font-size:.24rem;color:white;padding:0 0 .3rem;font-weight:bold;}
.index_about .right p{font-size:.16rem;color:white;font-weight:bold;line-height:.3rem}
.index_product ul{display:flex}
.index_product ul li{width:33.33%;height:5.65rem;position:relative}
.index_product ul li a{position:absolute;width:100%;height:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;top:0;z-index:2;transition:.2s}
.index_product ul li:nth-child(1) a{background:rgba(2,51,108,.76)}
.index_product ul li:nth-child(2) a{background:rgba(40,40,40,.76)}
.index_product ul li:nth-child(3) a{background:rgba(50,183,171,.76)}
.index_product ul li:hover a{height:2.5rem;top:100%;transition:.2s}
.index_product ul li:nth-child(1):hover  a{background:rgba(2,51,108,1)}
.index_product ul li:nth-child(2):hover  a{background:rgba(40,40,40,1)}
.index_product ul li:nth-child(3):hover  a{background:rgba(50,183,171,1)}
.index_product ul li:nth-child(1){background:url(../images/16.jpg)0 0 no-repeat;background-size:cover}
.index_product ul li:nth-child(2){background:url(../images/17.jpg)0 0 no-repeat;background-size:cover}
.index_product ul li:nth-child(3){background:url(../images/18.jpg)0 0 no-repeat;background-size:cover}
.index_product ul li a h1{font-size:.3rem;color:white;font-weight:bold;margin:0 0 .5rem}
.index_product ul li a em{display:inline-block;height:.5rem;line-height:.5rem;border:1px solid white;font-size:.16rem;color:white;width:1.7rem;text-align:center}

.index_product ul li a:hover em{background:white;color:black}
.index_partner{padding:0 0 1rem}
.index_partner .title{padding:.95rem 3.45rem 1rem;text-align:center; }
.index_partner .title h1{font-size:.48rem;color:#292a2a;font-weight:bold;padding:0 0 .35rem}
.index_partner .title p{font-size:.17rem;color:#4e4e4f;font-weight:bold;line-height:.3rem}
.index_pro .top{display:flex;position:relative;justify-content: flex-end;z-index:2}
.index_pro .top .img{position:absolute;left:0;width:59.7%;top:0}
.index_pro .top .text{width:40.3%;background:#32b7ab url(../images/icon19.png) center 90%  no-repeat;height:6.46rem;padding:1.7rem 2.6rem 0 .8rem;}
.index_pro .top .text h1{font-size:.48rem;color:white;margin:0 0 .4rem}
.index_pro .top .text  p{font-size:.16rem;color:white}
.index_pro .top .text  a{display:inline-block;height:.5rem;line-height:.5rem;border:1px solid white;font-size:.16rem;color:white;width:1.7rem;text-align:center;margin:1.1rem 0 0 }
.index_pro .top .text  a:hover{background:white;color:black}
.index_pro .bot{display:flex;position:relative;justify-content: flex-end;}
.index_pro .bot .imgs1{position:absolute;left:0;;bottom:0;width:42.7%}
.index_pro .bot .imgs2{width:59.55%}
.index_environmental{height:7.59rem;background-size:cover;background-repeat:no-repeat;display:flex;justify-content: flex-end;padding:2.18rem  0 0 }
.index_environmental .text{width:50%;background:white;height:4.27rem;padding:.5rem 2rem 0 1.05rem }
.index_environmental .text h2{font-size:.24rem;color:#413f3f;font-weight:bold;padding:0 0 .4rem}
.index_environmental .text  p{font-size:.16rem;color:#413f3f;line-height:.3rem;font-weight:bold}
.index_environmental .text  a{display:inline-block;height:.5rem;line-height:.5rem;border:1px solid black;font-size:.16rem;color:black;width:1.7rem;text-align:center;margin:.5rem 0 0 }
.index_environmental .text  a:hover{background:#02336c;color:white;border:1px solid #02336c}

.index_news{padding:0 0 2.1rem}
.index_news .title{text-align:center;padding:1.4rem 0 .55rem;}
.index_news .title h1{font-size:.48rem;color:#292a2a;font-weight:bold}
.index_news .lists a .text{padding:.35rem .25rem .4rem;background:#ececec}
.index_news .lists a .text span{font-size:.14rem;color:#7f7f7f;}
.index_news .lists a .text  h1{font-size:.2rem;color:#1f1f1f;margin:.25rem  0 .2rem;font-weight:bold;height:.5rem;line-height:.25rem}
.index_news .lists a .text  p{font-size:.16rem;color:#5c5b5b;height:.44rem;line-height:.22rem}
.index_news .lists a .text em{display:inline-block;margin:.8rem 0 0 ;font-size:.16rem;color:#02336c;font-weight:bold;border-bottom:1px solid #02336c }
.index_news .lists a:hover img{transform:scale(1.1)}
/********<=767 mobdisile 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){
    .header>div{margin:0 .8rem}
    .header .navs ul>li{margin-right:.8rem}
    .index_about .left{padding:1.2rem 1.3rem 0  1rem;}
.tem_banner.indise .txt{padding:0 1rem}
.index_about .right{padding:1.3rem 1rem 0 1.3rem;}
.index_pro .top .text{height:5.3rem;padding:.8rem 1rem 0 .8rem;}
.index_environmental .text{padding:1.35rem 1rem 0 1.05rem }
.about_history .items:nth-child(2){padding-right:1rem;}
.about_history .items:nth-child(3){padding-left:1rem}
.product_list .text .txt{padding-right:1.6rem}
.product_list .lists .items:nth-child(1) a .txt,.product_list .lists .items:nth-child(3) a .txt,.product_list .lists .items:nth-child(5) a .txt{left:1rem}
.product_list .lists .items:nth-child(2) a .txt,.product_list .lists .items:nth-child(4) a .txt{left:.9rem}
.quality .top{padding-right:1rem;display:flex;justify-content: flex-end;background:#f2f2f2;position:relative}
.quality .middle{display:flex;padding:2rem 0  1.45rem 1rem;}
.quality .top .text{height:4.4rem;padding:.3rem 0 0}
.quality .third{padding-right:1rem;}
.quality .middle:after{width:52%;}
.green_production .content{padding:0 2.3rem;}
.green_process .lists .items.lt{padding-right:1rem}
.green_process .lists .items.rlt{padding-left:1rem; flex-direction:row-reverse}
.product_list  .top_text{padding:1.3rem 3rem 1.1rem;}







}

@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
    .tem_banner.index .label_text{bottom:20%}
    .tem_banner.index .label_text p:nth-child(2){font-size:.24rem;color:#ffffff;padding:.25rem 0 .2rem}
    .tem_banner.index .slide-pagination{bottom:.2rem}
    .index_about{display:inherit}
    .index_about .left{width:100%;background:#eaeaea;padding:.3rem;}
    .index_about .right{width:100%;padding:1rem;height:auto}
   
    .index_about:after{display:none}
    .index_product ul{display:inherit}
    .index_product ul li{width:100%}
    .index_environmental{padding:.2rem 0 0 }
    .index_partner .title{padding:.95rem .2rem 1rem;text-align:center; }
.index_pro .top{display:inherit}

.index_pro .top .img{position:inherit;width:100%}
.index_pro .top .text{width:100%;height:auto;padding:.8rem 1rem 1rem .8rem}
.index_pro .bot .imgs1{width:100%;position:inherit}
.index_pro .bot{display:inherit}
.index_pro .bot .imgs2{width:100%}
.index_environmental {display:flex;flex-direction: column;justify-content: center;align-items: center;}
.index_environmental .text{width:80%;padding:.2rem;height:auto}
.footer>div{display:inherit}
.footer .left{width:100%}
.footer .middle{display:none}
.footer .right{width:100%}
.footer .left h2{width:50%}
.tem_banner.indise .txt h2{font-size:.2rem}
.tem_banner.indise .txt{bottom:.3rem;padding:0 .2rem}
.product_list  .top_text{padding:1.3rem .2rem 1.1rem;}
.about_history .items{display:inherit;padding:.2rem !important;}
.about_history .items>div{width:100% !important;margin:.2rem 0}
.about_history:after{display:none}

.product_list .text{display:inherit}
.product_list .text .img{width:100%}
.product_list .text .txt{width:100%}
.product_list .lists .items{width:100%}
.product_list .lists .items:nth-child(5) a .txt{bottom:.2rem;width:60%}
.quality .top .img{position:inherit;width:100%}
.quality .top{display:inherit;padding:.2rem}
.quality .top .text{width:100%;height:auto}
.quality .middle{display:inherit;padding:.2rem;}
.quality .middle .text{width:100%;margin:0 0 .2rem}
.quality .middle .imgs2{width:100%}
.quality .middle:after{display:none}
.quality .third{display:inherit;padding:.2rem;}
.quality .third>div{width:100% !important}
.quality .third .img{top:0;position:inherit}
.contact_box>div .top{display:inherit}
.contact_box>div .top .left{width:100%}
.contact_box>div .top .info{width:100%}
.contact_box .middle{display:inherit}
.contact_box .middle h2{width:100%}
.contact_box .middle .right{width:100%}
.contact_box .message{display:inherit}
.contact_box .message .left{width:100%}
.contact_box .message .right{width:100%;margin:.2rem 0 0}
.pro_list .top{display:flex;align-items: flex-start;}
.pro_list .lists .items{width:48%}
.green_production .content{padding:0 .2rem;}
.green_process .lists .items{display:inherit;padding:.2rem !important}
.green_process .lists .items.lt{padding-right:0}
.green_process .lists .items.rlt{padding-left:0 }
.green_process .lists .items .img{width:100%}
.green_process .lists .items .text{width:100%;margin:.2rem 0 0}
.green_process:after{display:none}
.production_process .infos{padding:0 .2rem;position:relative}
.production_process .infos .swiper-slide{display:initial}
.production_process .infos .swiper-slide .left{width:100%}
.production_process .infos .swiper-slide .img{width:100%;margin:.2rem 0 0 }
.production_process .infos .swiper-page{left:.2rem;bottom:60%}
.tem_banner.index .label_text h1{font-size:.48rem}

}