.header{position: fixed;width: 100%;z-index: 1000;top:0;background:#f8f8f8;padding:.25rem;}
.header:after{content:"";position:absolute;background:#f5ac0a;width:100%;left:0;height:0;top:0;z-index:-1;transition:.4s ease-in-out}
.header.is_header{box-shadow:0 0 12px rgba(0,0,0,0.2);}
/* .header.is_header:after{height:100%;top:0}
.header.is_header .navs{border:1px solid white;transition:.3s}
.header.is_header .navs li a{color:white;transition:.3s}
.header.is_header .navs ul li.active a{color:#333333}
.header.is_header .navs ul li a:hover{color:#333333;transition:.3s}
.header.is_header .right>div a{border:1px solid white;;transition:.3s}
.header.is_header .right>div.phone a{background:url(../images/1-1.png) center center no-repeat;background-size:.52rem .52rem;transition:.3s}
.header.is_header .right>div.email a{background:url(../images/2-2.png) center center no-repeat;background-size:.52rem .52rem;transition:.3s}
.header.is_header .right>div.phone a:hover{background:white url(../images/1.png) center center no-repeat;background-size:.52rem .52rem;transition:.3s}
.header.is_header .right>div.email a:hover{background:white url(../images/2.png) center center no-repeat;background-size:.52rem .52rem;transition:.3s}
.header.is_header .logo a .img2{opacity:1} */


.header>div{display:flex;justify-content: space-between;}
.header .logo{width:16.0238%;position:relative}
.header .logo a{display:inline-block}
.header .logo a .img2{position:absolute;left:0;opacity:0}
.header .navs{width:72.884%;border:1px solid #000000;border-radius:5px;display:flex;flex-direction: column;justify-content: center;}
.header .navs ul{display:flex;justify-content: center;}
.header .navs ul li{margin:0 .5rem}
.header .navs ul li a{font-size:.21rem;color:#333333}
.header .navs ul li a:hover{color:#f5ac0a;transition:.3s}
.header .navs ul li.active a{color:#f5ac0a}
.header .right{width:9%;display:flex;justify-content: space-between;}
.header .right>div{width:44.66%;}
.header .right>div a{height:100%;border:1px solid #000000;border-radius:5px;transition:.3s}
.header .right>div.phone a{background:url(../images/1.png) center center no-repeat;background-size:.52rem .52rem}
.header .right>div.phone a:hover{background:#f5ac0a url(../images/1-1.png) center center no-repeat;background-size:.52rem .52rem;border:1px solid #f5ac0a;}
.header .right>div.email a{background:url(../images/2.png) center center no-repeat;background-size:.52rem .52rem}
.header .right>div.email a:hover{background:#f5ac0a url(../images/2-2.png) center center no-repeat;background-size:.52rem .52rem;border:1px solid #f5ac0a;}



.tem_banner.indise{padding:1.25rem .25rem 0}
.tem_banner.indise .flash{position:relative}
.tem_banner.indise .txt{position:absolute;left:1.68rem;bottom:1.3rem;}
.tem_banner.indise .txt h2{font-size:.36rem;color:white;position:relative;z-index:2}
.tem_banner.indise .txt h2:after{content:'';position:absolute;background:url(../images/3.png) 0 0  no-repeat;background-size:100%;width:3.01rem;height:1.16rem;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}
.about .company{background:url(../images/10.png) bottom center  no-repeat;background-size:contain}
.about .company>div{}
.about .company .top{padding:1.08rem 0 3rem;position:relative}
.about .company .top .text{position:absolute;left:.45rem;top:2.15rem;width:79%}
.about .company .top .text h2{font-size:.36rem;color:white;padding:0 0 .05rem .37rem}
.about .company .top .text .info{background:rgba(0,0,0,.5);padding:.4rem}
.about .company .top .text .info p{font-size:.16rem;color:white;line-height:.26rem}
.about .company .top .num{position:absolute;width:100%;bottom:-1.95rem}
.about .company .top .num ul{display:flex;justify-content: flex-end;}
.about .company .top .num ul li{width:24.5%;height:1.95rem;background:#fff7e6;border:1px solid black;margin-left:-1px;margin-top:-1px;padding:.6rem .3rem 0}
.about .company .top .num ul:nth-child(2){padding-right:1.75rem}
.about .company .top .num ul:nth-child(2) li{width:27.7%}
.about .company .top .num ul li h1{font-size:.6rem;color:#f5ac0a;height:.44rem;line-height:.44rem;transform:translateY(.18rem);z-index:0}
.about .company .top .num ul li  p{font-size:.18rem;color:#333333;z-index:2;position:relative}

.about .company .middle>div>p{font-size:.18rem;color:#333333;margin:0 0 .35rem}
.about .company .middle .content{display:grid;grid-template-columns:41.65% 54.4%;justify-content: space-between;}
.about .company .middle .content .left .imgs1{margin:0 0 .3rem}
.about .company .middle .content .left .box {position:relative}
.about .company .middle .content .left .box:after{position:absolute;content:"";background:url(../images/5.png) 0 0 no-repeat;width:1.4rem;height:.92rem;top:.04rem;right:-.1rem;background-size:100%}
.about .company .middle .content .left .box .imgs2{width:71%}
.about .company .middle .content ul{display:flex;flex-direction: column;justify-content: space-between;padding:.1rem 0 0}
.about .company .middle .content ul li p{font-size:.16rem;color:#333333;padding:.7rem 0 .33rem;border-bottom:1px dashed #f5ac0a;position:relative}
.about .company .middle .content ul li:last-child  p{border:none;padding:.7rem 0 0 }
.about .company .middle .content ul li:nth-child(1) p:after{position:absolute;content:"";background:url(../images/6.png) 0 0 no-repeat;width:2.93rem;height:.47rem;top:.04rem;left:0;background-size:100%}
.about .company .middle .content ul li:nth-child(2) p:after{position:absolute;content:"";background:url(../images/7.png) 0 0 no-repeat;width:2.93rem;height:.40rem;top:.04rem;left:0;background-size:100%}
.about .company .middle .content ul li:nth-child(3) p:after{position:absolute;content:"";background:url(../images/8.png) 0 0 no-repeat;width:2.93rem;height:.38rem;top:.04rem;left:0;background-size:100%}
.about .company .middle .content ul li:nth-child(4) p:after{position:absolute;content:"";background:url(../images/9.png) 0 0 no-repeat;width:2.94rem;height:.41rem;top:.04rem;left:0;background-size:100%}
.about .company .bot{padding:1.55rem 0 2.3rem;text-align:center}
.about .company .bot>div{padding:0 .9rem}
.about .company .bot h2{font-size:.36rem;color:#333333;margin:0 0 .3rem}
.about .company .bot p{font-size:.16rem;color:#333333;line-height:.26rem}
.about .company .bot p em{font-size:.24rem;color:#f5ac0a}


.about .application .title{text-align:center;padding:1.25rem 0 .35rem}
.about .application .title h1{font-size:.36rem;color:#333333;}
.about .application  .box{position:relative}
.about .application  .img_list .text{position:absolute;bottom:10%;z-index:2;width:36.5%;left:.65rem;bottom:.3rem}
.about .application  .img_list .text h2{font-size:.36rem;color:#f5ac0a;margin:0 0 .15rem;transform:translateY(3vw);opacity:0;transition:all .6s ;}
.about .application  .img_list .text p{font-size:.16rem;color:white;line-height:.26rem;transform:translateY(3vw);opacity:0;transition:all .6s ;}
.about .application  .img_list .swiper-slide-active .text h2{transform:none;opacity:1;transition-delay:200ms}
.about .application  .img_list .swiper-slide-active .text p{transform:none;opacity:1;transition-delay:400ms}
.about .application  .box .bigimg{position:absolute;width:49%;right:.32rem;bottom:.32rem;}
.about .application  .box .bigimg  .img{border-radius:10px;border:2px solid transparent;cursor:pointer}
.about .application  .box .bigimg  .swiper-slide-thumb-active .img{border:2px solid #f5ac0a}

.about .factory{padding:1.25rem 0 1rem}
.about .factory .title{text-align:center;padding:0 0 .15rem}
.about .factory .title h1{font-size:.36rem;color:#333333;}
.about .factory .lists{padding:0 .1rem}
.about .factory .lists a{overflow:hidden}
.about .factory .lists a:hover img{transform:scale(1.1)}


.footer {padding:.55rem 0 0;position:relative}
.footer:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:100%;height:1px;top:0;left:0;background-size:100%}
.footer .logo{width:18.8%;padding:0 0 .45rem}
.footer .top {padding:0 0 .5rem;position:relative;display:flex;justify-content: space-between;}
.footer .top:after{content:"";position:absolute;background:url(../images/11.png) 0 0 no-repeat;width:100%;height:1px;bottom:0;left:0;background-size:100%}
.footer .top .left{width:50%}
.footer .top .left>p{font-size:.16rem;color:#333333;line-height:.27rem}
.footer .top .left ul{margin:.4rem 0}
.footer .top .left ul li:nth-child(1) a{font-size:.3rem;color:#333333;display:inline-block;padding-left:.5rem;position:relative}
.footer .top .left ul li:nth-child(1) a:after{content:"";position:absolute;background:url(../images/12.png) 0 0 no-repeat;width:.4rem;height:.4rem;top:50%;transform:translateY(-50%);left:0;background-size:100%}
.footer .top .left ul li:nth-child(1) a:hover{color:#f5ac0a}
.footer .top .left ul li:nth-child(2) p{font-size:.16rem;color:#333333;}
.footer .top .left ul li:nth-child(2) a{font-size:.24rem;color:#333333;display:inline-block}
.footer .top .right{width:29%}
.footer .top .right h2{font-size:.16rem;color:#333333;line-height:.27rem;margin:0 0 .05rem}
.footer .top .right ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:.1rem 0}
.footer .top .right ul li a{font-size:.16rem;color:#333333;display:inline-block}
.footer .top .right ul li a:hover{color:#f5ac0a}
.footer .bot{display:flex;height:1rem;align-items: center;justify-content: space-between;}
.footer .bot .txt p{font-size:.15rem;color:#333333}
.footer .bot .txt p a{display:inline-block;font-size:.15rem;color:#333333}
.footer .bot .txt p a:hover{color:#f5ac0a}
.footer .bot .return a{width:.42rem;height:.42rem;background:#f5ac0a url(../images/13.png) center center no-repeat;border-radius:5px;;background-size:.16rem .21rem;}

.product_box .title {padding:.95rem 0 .5rem;text-align:center}
.product_box .title h2{font-size:.36rem;color:#333333;}
.product_box .pro_nav{border-radius:15px;background:url(../images/14.png) 0 0  no-repeat;background-size:cover;padding:.4rem .2rem .5rem}
.product_box .pro_nav .search {display:flex;justify-content: center;}
.product_box .pro_nav .search form{width:39.9%;position:relative}
.product_box .pro_nav .search form input{font-size:.21rem;color:white;background:none;border:0;border-bottom:1px solid #ffffff;width:100%;height:.6rem;padding:0 .5rem;-webkit-text-fill-color:white}
.product_box .pro_nav .search form button{position:absolute;width:.3rem;height:.3rem;border:0;background: url(../images/15.png) 0 0  no-repeat;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.product_box .pro_nav  ul{display:flex;justify-content: center;margin:.7rem 0 0}
.product_box .pro_nav ul li  a{font-size:.18rem;color:white}
.product_box .pro_nav ul li  {padding:0 .15rem;position:relative}
.product_box .pro_nav ul li:after{content:'';position:absolute;background:#ffffff;height:.17rem;width:2px;left:-1px;top:50%;transform:translateY(-50%)}
.product_box .pro_nav ul li:first-child:after{display:none}
.product_box .pro_nav ul li.active a{color:#f5ac0a}
.product_box .pro_nav ul li  a:hover{color:#f5ac0a}
.product_box .lists{padding:.88rem 0 .35rem}
.product_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:.45rem .3rem}
.product_box .lists ul li a {background:white;padding:.4rem 0 .45rem;border-radius:40px}
.product_box .lists ul li h2{font-size:.21rem;color:#333333;text-align:center;margin:.2rem 0 0}
.product_box .lists ul li a .imgs{text-align:center}
.product_box .lists ul li a .imgs span{background-color:#ffffff !important;display:inline-block}
.product_box .lists ul li a .imgs img{max-height:3.25rem}
.product_box .lists ul li  a:hover img{transform:scale(1.05)}
.product_box .lists ul li a:hover{transform: translateY(-5px);box-shadow: 5px 5px 10px rgba(0,0,0,.2);}
.product_box   .page {display:flex;margin:.3rem 0 .5rem;justify-content: center;}
.product_box .page a{border:1px solid #d9d9d9;width:.31rem;height:.31rem;font-size:.14rem;color:#333;margin:0 .02rem;text-align:center;line-height:.31rem;border-radius:3px;}
.product_box .page a.page-num-current{background:#fdbd30;color:white;border-color:#fdbd30} 
.product_box .page a i{color:#333;font-size:.16rem;font-weight:bold}
.product_box .page a.page-link-first{width:.5rem}
.product_box .page a.page-link-last{width:.5rem}
.product_box .page a:hover{background:#fdbd30;color:white;border-color:#fdbd30}
.product_box .page a:hover i{color:white}
.fot_message{padding:0 0 1.55rem}
.fot_message>div{display:flex;justify-content: space-between;position:relative;background:url(../images/18.png) 0 0 no-repeat;background-size:cover}
.fot_message .imgs1{position:absolute;width:19.8%;bottom:-.58rem;left:35.5%}
.fot_message>div .left{width:44.5%;padding:.58rem 0 0}
.fot_message>div .left .title{text-align:center;height:1.17rem;background:#fdbd30;}
.fot_message>div .left .title h2{line-height:1.17rem;font-size:.36rem;color:#333333;position:relative}
.fot_message>div .left .title h2:after{content:"";position:absolute;background:url(../images/16.png) 0 0 no-repeat;width:1.13rem;height:1.13rem;top:50%;transform:translateY(-50%);left:.45rem;background-size:100%}
.fot_message>div .left .info{padding:1.1rem .8rem 0 .65rem}
.fot_message>div .left .info h2{font-size:.26rem;color:#333333;width:70%;margin:0 0 .25rem;line-height:.3rem;position:relative;z-index:2}
.fot_message>div .left .info h2:after{content:"";position:absolute;background:url(../images/17.png) 0 0 no-repeat;width:.88rem;height:.57rem;top:-.4rem;left:-.1rem;background-size:100%;z-index:-1}
.fot_message>div .left .info p{font-size:.16rem;color:#666666;line-height:.26rem}
.fot_message>div .right{width:44.5%;padding:1.85rem .6rem 1.25rem 0;font-size:0}
.fot_message>div .right h3{font-size:.26rem;color:#333333;position:relative;width:95%;line-height:.37rem;margin:0 0 .25rem}
.fot_message>div .right .top {display:grid;grid-template-columns:1fr 1fr ;grid-gap:.15rem .25rem;margin:0 0 .35rem}
.fot_message>div .right .top .input input{width:100%;height:.5rem;font-size:.16rem;color:black !important;border:0;border-bottom:1px solid #fad88b;background:none;}
.fot_message>div .right .bot textarea{width:100%;height:.8rem;font-size:.16rem;color:black !important;border:0;border-bottom:1px solid #fad88b;background:none;}
.fot_message>div .right  .sub{margin:.28rem 0 0}
.fot_message>div .right  .sub button{height:.4rem;width:1.75rem;background:#f5ac0a;border:0;font-size:.16rem;color:white}
.fot_message>div .right  .sub button:hover{background:black}

.product{margin:0 0 1rem;background:url(../images/28.png) bottom center no-repeat;background-size:contain}
.product .top{display:grid;grid-template-columns:53.5% 41.5%;justify-content:space-between;padding:1.28rem 0 0}
.product .top .left{display:flex;justify-content: space-between;}
.product .top .left .img_list{width:21.6%}
.product .top .left .img_list .swiper-container{height:6.35rem}

.product .top .left .img_list  .img {height:1.85rem;line-height:1.85rem;background:white;border-radius:30px;border:2px solid transparent;cursor:pointer}
.product .top .left .img_list  .swiper-slide-thumb-active .img{border:2px solid #f5ac0a}
.product .top .left .img_list  .img img{max-height:1.4rem}
.product .top .left .bigimg{width:74.3%;}
.product .top .left .bigimg .img{height:6.35rem;line-height:6.35rem;background:white;border-radius:50px}
.product .top .left .bigimg .img img{max-height:5rem}
.product .top .content h2{font-size:.36rem;color:#333333;margin:0 0 .3rem;position:relative;padding:0 0 .3rem}
.product .top .content h2:after{content:"";position:absolute;background:url(../images/20.png) 0 0 no-repeat;width:.36rem;height:4px;bottom:0;left:0;background-size:100%}
.product .top .content .text{font-size:.16rem;color:#666666;line-height:.26rem}
.product .top .content .contacts{margin:1rem 0 0}
.product .top .content .contacts a{width:1.77rem;height:.4rem;background:#f5ac0a;text-align:center;line-height:.4rem}
.product .top .content .contacts a em{font-size:.16rem;color:white;display:inline-block;padding-left:.32rem;position:relative}
.product .top .content .contacts a em:after{content:"";position:absolute;background:url(../images/21.png) 0 0 no-repeat;width:.23rem;height:.23rem;top:50%;transform:translateY(-50%);left:0rem;background-size:100%}
.product .top .content .contacts a:hover{background:#333333}

.product .middle{padding:1.3rem 0 .3rem}
.product .middle>h2{font-size:.36rem;color:#333333;position:relative;margin:0 0 .4rem}
.product .middle>h2:after{content:"";position:absolute;background:url(../images/22.png) 0 0 no-repeat;width:.59rem;height:.59rem;top:-.33rem;left:-.04rem;background-size:100%;z-index:-1}
.product .middle .editor{font-size:.16rem;color:#666666;line-height:.26rem}
.product .bot{padding:0 0 .9rem}
.product .bot h2{font-size:.36rem;color:#333333;height:1rem;line-height:1rem;border-top:1px solid #888888;border-bottom:1px solid #888888}
.product .bot h3{font-size:.26rem;color:#333333;margin:.45rem 0 .8rem}
.product .bot ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap: 1.2rem;position:relative;}
.product .bot ul>.img{position:absolute;right:0;bottom:-.2rem;width:56%}
.product .bot ul li{display:flex;align-items: center;}
.product .bot ul li:nth-child(4){ grid-column-end: span 2;width:58%}
.product .bot ul li:nth-child(4) .imgs{width:14%}
.product .bot ul li:nth-child(4) .txt{width:86%}
.product .bot ul li .imgs{width:18.6%}
.product .bot ul li .txt{width:81.4%}
.product .bot ul li .txt p{font-size:.18rem;color:#333333}
.news_box {padding:0 0 .8rem}
.news_box .title{text-align:center;padding:.95rem 0 .46rem}
.news_box .title h2{font-size:.36rem;color:#333333;}
.news_box .lists ul li{padding:.6rem 0;border-bottom:1px dashed #c9c9c9}
.news_box .lists ul li:last-child{border:0}
.news_box .lists ul li a{display:flex;justify-content: space-between;position:relative;overflow:hidden}
.news_box .lists ul li a .img{position:absolute;right:-3rem;top:0;opacity:0;width:18%;transition:all .5s}
.news_box .lists ul li a .time{width:6.5%;text-align:right}
.news_box .lists ul li a .time {font-size:.18rem;color:#333333;}
.news_box .lists ul li a .time p{font-size:.36rem;color:#333333;height:.25rem;line-height:.25rem}
.news_box .lists ul li a .time h2{font-size:.18rem;color:#333333;}
.news_box .lists ul li a .text{width:89.5%}
.news_box .lists ul li a .text h1{font-size:.24rem;color:#333333;margin:0 0 .2rem}
.news_box .lists ul li a .text p{font-size:.16rem;color:#666666;line-height:.25rem;height:.75rem}
.news_box .lists ul li a .text em{margin:.4rem 0 0;font-size:.16rem;color:#333333;display:inline-block}
.news_box .lists ul li a:hover .text{padding-right:3.5rem}
.news_box .lists ul li a:hover .img{right:0;opacity:1;transition-delay:200ms}
.news_box .lists ul li a:hover  .text em{color:#f5ac0a}

.qulity{padding:1rem 0 .95rem}
.qulity>div{background:url(../images/30.png) right top no-repeat;background-size:auto}
.qulity  .items1{padding:1.25rem 0 1rem}
.qulity  .items1 p{font-size:.16rem;color:#666666;line-height:.25rem}
.qulity  .items2 h2{font-size:.3rem;color:#333333;margin:0 0 .1rem}
.qulity  .items2 ul li p{font-size:.16rem;color:#666666;line-height:.3rem;padding-left:.15rem;position:relative}
.qulity  .items2 ul li p:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:#f5ac0a;width:4px;height:4px;border-radius:100%}
.qulity  .items2 h3{font-size:.16rem;color:#666666;margin:.3rem 0 .5rem;line-height:.25rem}
.qulity  .items3 {padding:0 0 .9rem}
.qulity  .items3 h2{font-size:.24rem;color:#666666;margin:0 0 .1rem;position:relative}
.qulity  .items3 h2:after{content:"";position:absolute;background:url(../images/29.png) 0 0 no-repeat;width:2.93rem;height:.08rem;bottom:0rem;left:0rem;background-size:100%;z-index:-1}

.qulity  .items3 ul li p{font-size:.16rem;color:#666666;line-height:.3rem;padding-left:.15rem;position:relative}
.qulity  .items3 ul li p:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:#f5ac0a;width:4px;height:4px;border-radius:100%}
.qulity  .items4 ul{display:flex;justify-content: flex-end;padding-right:1.45rem;position:relative}
.qulity  .items4 ul li:first-child{width:35.85%}
.qulity  .items4 ul li:last-child{width:34.4%;margin-left:.6rem}
.qulity  .items4 ul li a{box-shadow:0 0 15px rgba(0,0,0,0.3)}
.qulity  .items4 ul li a:hover{transform: translateY(-10px);box-shadow: 5px 5px 10px rgba(0,0,0,.35);}
.qulity  .items4 ul:after{position:absolute;content:"";background:url(../images/5.png) 0 0 no-repeat;width:1.4rem;height:.92rem;bottom:.45rem;left:1.76rem;background-size:100%}


.tem_banner.indise .contact_banner_txt{position:absolute;left:1.3rem;bottom:0;padding:.75rem 0 .5rem .75rem;width:43%;background: linear-gradient(to right, rgba(0,0,0,.4), rgba(0,0,0,.0));}
.tem_banner.indise .contact_banner_txt h2{font-size:.36rem;color:white;padding:0 0 .3rem;margin:0 0 .3rem;position:relative;width:77%}
.tem_banner.indise .contact_banner_txt h2:after{position:absolute;content:"";background:url(../images/33.png) 0 0 no-repeat;width:100%;height:1px;bottom:0rem;left:0;background-size:100%}

.tem_banner.indise .contact_banner_txt ul li:nth-child(1) a{font-size:.3rem;color:white;display:inline-block;padding-left:.5rem;position:relative}
.tem_banner.indise .contact_banner_txt ul li:nth-child(1) a:after{content:"";position:absolute;background:url(../images/32.png) 0 0 no-repeat;width:.4rem;height:.4rem;top:50%;transform:translateY(-50%);left:0;background-size:100%}
.tem_banner.indise .contact_banner_txt ul li:nth-child(1) a:hover{color:#f5ac0a}
.tem_banner.indise .contact_banner_txt ul li:nth-child(2) p{font-size:.16rem;color:white;}
.tem_banner.indise .contact_banner_txt ul li:nth-child(2) a{font-size:.24rem;color:white;display:inline-block}
.tem_banner.indise .contact_banner_txt .item1{margin:.25rem 0 .3rem}
.tem_banner.indise .contact_banner_txt .item1 p{font-sise:.16rem;color:white;line-height:.27rem}
.tem_banner.indise .contact_banner_txt .item2 p{font-sise:.16rem;color:white;line-height:.27rem}
.contact_box .infos {padding:0 0 .55rem}
.contact_box .infos .title{text-align:center;padding:1.5rem 0 .55rem}
.contact_box .infos .title h1{font-size:.3rem;color:#333333;margin:0 0 .3rem;position:relative}
.contact_box .infos .title h1:after{content:"";position:absolute;background:url(../images/17.png) 0 0 no-repeat;width:.88rem;height:.57rem;top:-.37rem;left:50%;transform:translateX(-50%);background-size:100%;z-index:-1}
.contact_box .infos .title p{font-size:.16rem;color:#666666;padding:0 .8rem;line-height:.25rem}
.contact_box .infos .more{display:flex;justify-content: center;}
.contact_box .infos .more a{margin:0 .15rem}
.contact_box .infos .more a:first-child{width:2.2rem;height:.6rem;border:1px solid #f5b11b;text-align:center}
.contact_box .infos .more a em{font-size:.2rem;color:#f5ac0a;line-height:.6rem;position:relative;transition:.3s}
.contact_box .infos .more a:first-child em{padding-left:.35rem}
.contact_box .infos .more a:first-child em:after{content:"";position:absolute;background:url(../images/34.png) 0 0 no-repeat;width:.24rem;height:.32rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.contact_box .infos .more a:first-child:hover em:after{content:"";position:absolute;background:url(../images/34-1.png) 0 0 no-repeat;width:.24rem;height:.32rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.contact_box .infos .more a:hover{background:#f5ac0a;box-shadow:0 0 15px rgba(0,0,0,0.2)}
.contact_box .infos .more a:hover em{color:white}
.contact_box .infos .more a:last-child{width:2.35rem;height:.6rem;border:1px solid #f5b11b;text-align:center}
.contact_box .infos .more a:last-child em{padding-left:.4rem}
.contact_box .infos .more a:last-child em:after{content:"";position:absolute;background:url(../images/35.png) 0 0 no-repeat;width:.29rem;height:.22rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.contact_box .infos .more a:last-child:hover em:after{content:"";position:absolute;background:url(../images/35-1.png) 0 0 no-repeat;width:.29rem;height:.22rem;left:0;top:50%;transform:translateY(-50%);background-size:100%;transition:.3s}
.contact_box  .message{padding:0 0 1.05rem}
.contact_box  .message>div{display:flex}
.contact_box  .message .left{width:60.5%;padding:1.3rem .65rem 1.25rem 1.3rem;font-size:0;background:url(../images/36.png) 0 0 no-repeat;background-size:cover}
.contact_box  .message .left h3{font-size:.26rem;color:#333333;position:relative;line-height:.37rem;margin:0 0 .25rem}
.contact_box  .message .left .top {display:grid;grid-template-columns:1fr 1fr ;grid-gap:.15rem .25rem;margin:0 0 .35rem}
.contact_box  .message .left .top .input input{width:100%;height:.5rem;font-size:.16rem;color:black !important;border:0;border-bottom:1px solid #fad88b;background:none;}
.contact_box  .message .left .bot textarea{width:100%;height:.8rem;font-size:.16rem;color:black !important;border:0;border-bottom:1px solid #fad88b;background:none;}
.contact_box  .message .left  .sub{margin:.28rem 0 0}
.contact_box  .message .left  .sub button{height:.4rem;width:1.75rem;background:#f5ac0a;border:0;font-size:.16rem;color:white}
.contact_box  .message .left .sub button:hover{background:black}
.contact_box  .message .maps{width:39.5%}
.contact_box  .message .maps iframe{width:100%}
.tem_banner.index{padding:1.25rem .28rem 0;background:#f8f8f8}
.tem_banner.index .bg{position:relative}
.tem_banner.index .text{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%)}
.tem_banner.index .text>div{display:flex;justify-content: space-between;}
.tem_banner.index .text .left{width:58.5%;padding:2.2rem 1.9rem 0 2.2rem;position:relative;text-align:left}
.tem_banner.index .text .left h2{font-size:.48rem;color:#4e40ce;z-index:2;padding:.65rem 0 0;font-weight:bold;margin:0 0 .3rem;position:relative; }
.tem_banner.index .text .left h2:after{content:"";position:absolute;background:url(../images/39.png) 0 0 no-repeat;width:.53rem;height:.34rem;left:0;top:0;background-size:100%}


.tem_banner.index .text .left p{font-size:.18rem;color:#4e40ce;line-height:.3rem}
.tem_banner.index   .swiper-slide-active .text .left  h2{transform:none;opacity:1;transition-delay:200ms}
.tem_banner.index   .swiper-slide-active .text .left  p{transform:none;opacity:1;transition-delay:300ms}

.tem_banner.index .text .left svg{position:absolute;;left:.4rem;z-index:-1;top:-.6rem}
.tem_banner.index .text .rights{width:41.5%;position:relative}
.tem_banner.index .text .rights .swiper-page{display:flex;gap:0 .2rem;position:absolute;right:0;top:100%}
.tem_banner.index .text .rights .swiper-page>div{width:.5rem;height:.5rem;background:#f5ac0a;border-radius:100%;text-align:center;font-size:.3rem;line-height:.5rem;color:white;}
.tem_banner.index .slide-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:.25rem;z-index:2;opacity:1} 
.tem_banner.index .slide-pagination span{opacity:1;margin:0 .05rem;background:white;width:8px;height:8px}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{width:.28rem;border-radius:50px}


.index_about{background: #f8f8f8 url(../images/42.png) bottom center no-repeat;background-size:contain}
.index_about .top{padding:1.45rem 0 .75rem;display:flex;justify-content: space-between;align-items: center;}
.index_about .top .img{width:50%}
.index_about .top .right{width:42.5%}
.index_about .top .right h2{font-size:.48rem;color:#333333;width:80%;height:1.5rem;line-height:.5rem;transform:translateX(-1.9rem);position:relative;margin:0 0 .65rem}
.index_about .top .right h2:after{content:"";position:absolute;background:url(../images/41.png) 0 0 no-repeat;width:3.12rem;height:1.67rem;left:-.8rem;top:50%;transform:translateY(-50%);background-size:100%;z-index:-1;}
.index_about .top .right p{font-size:.16rem;color:#333333;line-height:.26rem}
.index_about .bot{padding:0 0 .9rem}
.index_about .bot h2{font-size:.36rem;color:#333333;height:1rem;line-height:1rem;border-top:1px solid #888888;border-bottom:1px solid #888888}
.index_about .bot h3{font-size:.26rem;color:#333333;margin:.45rem 0 .8rem}
.index_about .bot ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap: 1.2rem;position:relative;}
.index_about .bot ul>.img{position:absolute;right:0;bottom:-.2rem;width:56%}
.index_about .bot ul li{display:flex;align-items: center;}
.index_about  .bot ul li:nth-child(4){ grid-column-end: span 2;width:58%}
.index_about .bot ul li:nth-child(4) .imgs{width:14%}
.index_about .bot ul li:nth-child(4) .txt{width:86%}
.index_about .bot ul li .imgs{width:18.6%}
.index_about .bot ul li .txt{width:81.4%}
.index_about .bot ul li .txt p{font-size:.18rem;color:#333333}


.index_product .title{padding:1.05rem 0 .4rem;text-align:center}
.index_product .title h2{font-size:.36rem;color:#333333}
.index_product .pro_nav{padding:0 0 .9rem;display:none}
.index_product .pro_nav  ul{display:flex;justify-content: center;}
.index_product  .pro_nav ul li  a{font-size:.18rem;color:#333333}
.index_product .pro_nav ul li  {padding:0 .3rem;position:relative}
.index_product  .pro_nav ul li:after{content:'';position:absolute;background:#333333;height:.17rem;width:2px;left:-1px;top:50%;transform:translateY(-50%)}
.index_product .pro_nav ul li:first-child:after{display:none}
.index_product .pro_nav ul li  a:hover{color:#f5ac0a}
.index_product  .item{padding-left:1.58rem}
.index_product  .item>div{display:flex;justify-content: space-between;align-items: flex-end;}
.index_product  .item  .imgs{width:12.15%;padding:0 0 .16rem}
.index_product  .item  .imgs span{background:none !important }
.index_product  .item .text{width:83.6%;position:relative;z-index:1}
.index_product  .item .text:after{content:"";position:absolute;background:url(../images/44.jpg) 0 0 no-repeat;width:100%;height:3.83rem;left:0;bottom:3px;background-size:100%;z-index:-1}

.index_product  .item .text a{display:flex;padding-right:2.3rem}
.index_product  .item .text a:hover img{transform:scale(1.05)}
.index_product  .item .text a  .img span{background:none !important }
.index_product  .item .text a  .txt{width:63.9%;padding:1.7rem 1rem 0 .7rem}
.index_product  .item .text a  .txt h1{font-size:.3rem;color:#333333}
.index_product  .item .text a  .txt h2{font-size:.16rem;color:#666666;margin:.3rem 0 .15rem}
.index_product  .item .text a  .txt p{font-size:.16rem;color:#666666}
.index_product  .item .text a  .img{width:36.1%;overflow:inherit}
.index_product  .lists {padding:.4rem 0 1rem}
.index_product  .lists>div{display:grid;grid-template-columns:1fr 1fr 1fr ;grid-gap:0 .36rem}
.index_product  .lists  a {padding:.1rem .35rem .45rem;position:relative}
.index_product  .lists  a:after{content:'';position:absolute;background:#fff7e6;height:2.65rem;width:100%;bottom:0;left:0;z-index:-1;transition:.5s}
.index_product  .lists  a .img{height:2.77rem;line-height:2.77rem;overflow:inherit}
.index_product  .lists  a .img img{max-height:2.77rem;}
.index_product  .lists  a  .text {text-align:center}
.index_product  .lists  a  .text h1{font-size:.3rem;color:#333333;margin:.2rem 0 .2rem;transition:.4s}
.index_product  .lists  a  .text p{font-size:.16rem;color:#666666;height:.6rem;line-height:.2rem;transition:.4s}
.index_product  .lists  a:hover img{transform:scale(1.05)}
/* .index_product  .lists  a:hover:after{background:#f5ac0a;height:100%}
.index_product  .lists  a:hover .text h1{color:white}
.index_product  .lists  a:hover .text p{color:white} */
.index_product  .pro_list{padding:0 0 .95rem}
.index_product  .pro_list .tit{text-align:center;padding:0 0 .5rem}
.index_product  .pro_list .tit h3{font-size:.36rem;color:#333333}
.index_product  .pro_list .list {position:relative}
.index_product  .pro_list .list .swiper-slide .box{text-align:center}
.index_product  .pro_list .list .swiper-slide .items{transform:scale(.55);}
.index_product  .pro_list .list .swiper-slide .items a{opacity:.6}
.index_product  .pro_list .list  .swiper-slide-next .items,.index_product  .pro_list .list  .swiper-slide-prev .items{transform:scale(.7);opacity:.8}
.index_product  .pro_list .list  .swiper-slide-next .items a,.index_product  .pro_list .list  .swiper-slide-prev .items a{opacity:.8}

.index_product  .pro_list .list  .swiper-slide-active .items{transform:scale(1)}
.index_product  .pro_list .list  .swiper-slide-active .items a{opacity:1}
.index_product  .pro_list .list .items{}
.index_product  .pro_list .list .items a{}
.index_product  .pro_list .list .swiper-page>div{position:absolute;left:-.34rem;top:50%;transform:translateY(-50%);width:.34rem;height:.34rem;background:url(../images/45.png) center center no-repeat;background-size:.2rem .16rem;border:2px solid black;border-radius:100%;transition:.5s;z-index:2}
.index_product  .pro_list .list .swiper-page .slide-button-next{left:auto;right:-.34rem;transform:translateY(-50%) rotate(180deg)}
.index_product  .pro_list .list .swiper-page>div:hover{border-color:#f5ac0a;background:#f5ac0a url(../images/46.png) center center no-repeat;background-size:.2rem .16rem;transition:.5s;}
.index_product  .pro_list .list .items a:hover{opacity:1}
.index_product  .pro_list .list .items a:hover{transform:scale(1.05)}
.index_product  .pro_list .list .items a .img{padding:.2rem 0}


.index_application .title{text-align:center;padding:0rem 0 .35rem}
.index_application .title h1{font-size:.36rem;color:#333333;}
.index_application  .box{position:relative}
.index_application  .img_list .text{position:absolute;bottom:10%;z-index:2;width:36.5%;left:.65rem;bottom:.3rem}
.index_application  .img_list .text h2{font-size:.36rem;color:#f5ac0a;margin:0 0 .15rem;transform:translateY(3vw);opacity:0;transition:all .6s ;}
.index_application  .img_list .text p{font-size:.16rem;color:white;line-height:.26rem;transform:translateY(3vw);opacity:0;transition:all .6s ;}
.index_application  .img_list .swiper-slide-active .text h2{transform:none;opacity:1;transition-delay:200ms}
.index_application  .img_list .swiper-slide-active .text p{transform:none;opacity:1;transition-delay:400ms}
.index_application  .box .bigimg{position:absolute;width:49%;right:.32rem;bottom:.32rem;}
.index_application  .box .bigimg  .img{border-radius:10px;border:2px solid transparent;cursor:pointer}
.index_application  .box .bigimg  .swiper-slide-thumb-active .img{border:2px solid #f5ac0a}



.index_case{padding:1.38rem .12rem 0}
.index_case .top {position:relative;padding:0}
.index_case .top:after{content:"";position:absolute;background:url(../images/48.png) 0 0 no-repeat;width:100%;height:100%;left:0;background-size:100%;top:0;z-index:0}
.index_case .top .bg{height:8.44rem;transition:none;z-index:2}
.index_case .top .items{position:absolute;transition:none;z-index:88}
.index_case .top .items1{left:9%;top:30.5%}
.index_case .top .items2{left:32.5%;top:69%}
.index_case .top .items3{left:68%;top:23.6%}
.index_case .top .items1 .info{top:-1.5rem;left:100%}
.index_case .top .items2 .info{left:50%;transform:translateX(-50%) ;bottom:100%}
.index_case .top .items3 .info {left:50%;transform:translateX(-50%) ;top:100%;}
.index_case .top .items .circle{cursor:pointer;position:relative;width:.5rem;height:.5rem;line-height:.52rem;text-align:center;font-size:.3rem;color:white;z-index:2}
.index_case .top .items .circle:after{content:"";position:absolute;width:100%;height:100%;border-radius:100%;background:#523ed2;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_case .top .items .circle:before{content:"";position:absolute;width:120%;height:120%;border-radius:100%;background:#523ed2;opacity:.4;z-index:-2;left:50%;top:50%;transform:translate(-50%,-50%)}
.index_case .top .items:hover .circle:after{ animation: scalepulse 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
.index_case .top .items:hover .circle:before{ animation: scalepulse 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);}
@keyframes scalepulse {
    20% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
        transform: translate3d(-50%, -50%, 0) scale(1.15);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }

    50% {
        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
        transform: translate3d(-50%, -50%, 0) scale(1);
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease
    }
}
.index_case .top .items1 .info{padding-left:.2rem}
.index_case .top .items2 .info{padding-bottom:.15rem}
.index_case .top .items3 .info{padding-top:.15rem}

.index_case .top .items.hovered .info{display:block}

.index_case .top .items .info{position:absolute;;transition:none;display:none }
.index_case .top .items .info .boxs{background:white;width:3rem;border-radius:5px;padding:.26rem .22rem;position:relative}
.index_case .top .items .info .boxs:after{content:"";position:absolute;background:#523ed2;;height:7px;width:100%;left:0;top:0;border-radius:5px 5px 0 0}
.index_case .top .items .info .txt{padding:.2rem 0 0}
.index_case .top .items .info .txt p{font-size:.16rem;color:#333333}
.index_case .bot{padding:.38rem 0 1.35rem}
.index_case .bot ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 1.4rem}
.index_case .bot ul li{padding:1.1rem 0 0;position:relative}
.index_case .bot ul li p{font-size:.16rem;color:#333333;margin:0 0 .2rem;padding-left:.24rem;position:relative}
.index_case .bot ul li p:last-child{margin:0}
.index_case .bot ul li:nth-child(1):after{content:"";position:absolute;background:url(../images/53.png) 0 0 no-repeat;width:.87rem;height:.87rem;left:.22rem;top:0;background-size:100%;}
.index_case .bot ul li:nth-child(2):after{content:"";position:absolute;background:url(../images/54.png) 0 0 no-repeat;width:.87rem;height:.87rem;left:.22rem;top:0;background-size:100%;}
.index_case .bot ul li p:after{content:"";position:absolute;background:url(../images/55.png) 0 0 no-repeat;width:.13rem;height:.09rem;left:0;top:6px;background-size:100%;}

.index_news {padding:0 0 1.32rem}
.index_news .title{text-align:center;}
.index_news .title h2{font-size:.36rem;color:#333333;margin:0 0 .6rem}
.index_news .box{display:flex;justify-content: space-between;}
.index_news .box .left{width:46%}
.index_news .box .left a .txt h2{font-size:.48rem;color:#999999;height:.35rem;line-height:.35rem}
.index_news .box .left a .txt em{font-size:.26rem;color:#333333;margin:.15rem 0;display:inline-block;height:.23rem;line-height:.23rem}
.index_news .box .left a .txt h3{font-size:.26rem;color:#333333;margin:0 0 .3rem}
.index_news .box .left a:hover img{transform:scale(1.1)}
.index_news .box .left a:hover  h3{color:#f5ac0a}
.index_news .box .right{width:49.5%;display:flex;flex-direction: column;justify-content: space-between;}
.index_news .box .right a{display:flex;justify-content: space-between;position:relative}
.index_news .box .right a .txt{width:53.5%;position:relative}
.index_news .box .right a .txt h3{font-size:.26rem;color:#333333;margin:0 0 .25rem}
.index_news .box .right a .txt p{font-size:.16rem;color:#666666;height:.69rem;line-height:.23rem}
.index_news .box .right a .txt span{font-size:.48rem;color:#999999;height:.35rem;line-height:.35rem;position:absolute;right:0;bottom:0}
.index_news .box .right a .txt em{display:inline-block;margin:1rem 0 0;font-size:.16rem;color:#999999;padding-left:.38rem;position:relative;transition:.6s}
.index_news .box .right a .txt em:after{content:"";position:absolute;background:#f5ac0a;height:2px;width:.24rem;left:0;top:50%;transform:translateY(-50%);transition:.6s}
.index_news .box .right a .img{width:43%;}
.index_news .box .right a .img img{object-fit:cover;height:2.44rem}
.index_news .box .right a:hover img{transform:scale(1.1)}
.index_news .box .right a:hover  h3{color:#f5ac0a}
.index_news .box .right a:hover  p{color:#f5ac0a}
.index_news .box .right a:hover em{padding-left:.58rem}
.index_news .box .right a:hover em:after{width:.45rem}
/********<=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 .text .left{padding:1.8rem 1.9rem 0 2.2rem;position:relative;text-align:left}
    .tem_banner.index .text .left svg{width:90%;top:-.9rem}
    .tem_banner.index .text .left h2{font-size:.36rem}
    .index_about .top .right h2{width:100%}
    .index_product  .item .text a  .txt{padding:1rem .5rem 0 .7rem}
    .index_product .item .text a{padding-right:1rem}
   
    .index_product .item .text:after{background-size:cover}
    .index_case .top .bg{height:7rem}
    .index_news .box .right a .img img{height:2rem;object-fit:cover;}
    .index_news .box .right a .txt em{margin:.55rem 0 0}
    .fot_message>div .left .title h2:after{left:.2rem}
    .fot_message>div .left .info{padding:.8rem .5rem 0 .65rem}
    .about .company .top .text{top:1rem}
    .about .company .top .num ul li{margin-top:-1px;padding:.4rem .2rem 0}
    .about .company .middle .content ul li p{padding:.55rem 0 .2rem;}
    .tem_banner.indise .txt{position:absolute;left:1.2rem;}
    .qulity  .items4 ul:after{left:1.16rem;background-size:100%}
    .tem_banner.indise .contact_banner_txt{left:1rem;bottom:0;padding:.45rem 0 .4rem .25rem;width:48%;background: linear-gradient(to right, rgba(0,0,0,.4), rgba(0,0,0,.0));}
.about .company .bot{padding:1.55rem 0 1.5rem;}
.contact_box  .message .left{width:60.5%;padding:1rem .65rem 1.25rem 1rem;}



}
@media(max-width:1440px){
     .tem_banner.index .text .left svg{width:95%;top:-1.2rem}
}
@media(max-width:1300px){
    .tem_banner.index .text .left svg{width:85%;top:-1.6rem}
    .index_product .item{padding-left: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:60px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	
}
/********mobile*********/
@media(max-width:767px){
     .tem_banner.index .text .left{padding:.5rem  .3rem .3rem .8rem}
     .tem_banner.index .text .left svg{height:190px!important;width:120%;left:-.3rem;top:-.4rem}
     .tem_banner.index .slide-pagination{bottom:0}
     .tem_banner.index .text .left h2{font-size:.2rem;margin:0 0 .1rem}
     .tem_banner.index .text .left p{display: block;word-break: break-all;display: -webkit-box!important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 3}
        .index_about .top{display:inherit}
        .index_about .top .img{width:100%}
        .index_about .top .right{width:100%;margin:.3rem 0 0}
        .index_about .top .right h2{transform:none;z-index:2}
        .index_about .top .right h2:after{z-index:-1;left:0}
        .index_about .bot ul{grid-template-columns:1fr;grid-gap:.3rem 0}
        .index_about .bot ul li:nth-child(4){grid-column-end:span 1}
        .index_about .bot ul li .imgs{width:10%}
        .index_about .bot ul li{justify-content:space-between}
        .index_about .bot ul li .txt{width:85%}
        .index_about .bot ul li:nth-child(4){width:100%}
        .index_about .bot ul li:nth-child(4) .imgs{width:10%}
        .index_about .bot ul li:nth-child(4) .txt{width:85%}
        .index_about .bot ul>.img{position:inherit;bottom:0;width:100%}
        .index_product .pro_nav ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
         .index_product .pro_nav ul li{padding:0;width:50%;text-align:center}
          .index_product .pro_nav ul li:nth-child(2n-1):after{display:none}
         
           .index_product .pro_nav{padding:0 0 .2rem}
           .index_product .item{padding:0}
.index_product .item .text a{display:inherit}
.index_product .item .text a .txt{width:100%}
.index_product .item .text a{padding:0}
.index_product .item .text:after{height:100%}
.index_product .item .imgs{position:absolute}
.index_product .item .text{width:100%}
.index_product .item .text a .txt{padding:.4rem}
.index_product .item>div{padding:0 .5rem}
.index_product .item .text a .img{width:100%;text-align:right}
.index_product .item .text a .img img{width:50%}
.index_product .item .imgs{z-index:2;width:22%}
.index_product  .lists  a {padding:.1rem .1rem .45rem;position:relative}
.index_product  .pro_list .list .swiper-page>div{left:-.14rem;top:50%;transform:translateY(-50%);width:.34rem;height:.34rem;background:url(../images/45.png) center center no-repeat;background-size:.2rem .16rem;border:2px solid black;border-radius:100%;transition:.5s;z-index:2}
.index_product  .pro_list .list .swiper-page .slide-button-next{left:auto;right:-.14rem;transform:translateY(-50%) rotate(180deg)}
.index_application .box .bigimg{position:inherit;left:0;bottom:0;margin:.3rem 0 0;width:100%}
.index_application .img_list .text{width:100%;left:0;padding:  0 .2rem}
.index_case{padding:.5rem .12rem 0}
 .index_case .top .bg{height:6rem;background-position:0 0!important}
 .index_case .top:after{background-size:cover}
 .index_case .bot ul{grid-template-columns:1fr;grid-gap:.2rem 0}
 .index_news .box{display:initial}
 .index_news .box .left{width:100%;margin:0 0 .3rem}
 .index_news .box .right{width:100%}
 .index_news .box .right a{margin:0 0 .3rem}
 .fot_message>div{display:inherit}
 .fot_message>div .left{width:100%}
 .fot_message>div .right{width:100%}
 .fot_message>div .right{padding:.2rem;font-size:0}
   .fot_message>div .left .info{padding:.5rem .2rem 0}
   .fot_message>div{background:rgba(255,247,230)}
   .fot_message .imgs1{width:35%;bottom:-2rem;right:0;left:auto}
   .fot_message{padding:0 0 2rem}
   .footer .top .right{display:none}
   .footer .top .left{width:100%}
   .footer .logo{width:45%}
   .footer .bot .txt{width:80%}
   .tem_banner.indise .txt{bottom:.4rem;left:1rem}
   .tem_banner.indise .txt h2{font-size:.3rem}
   .about .company .top .text{position:inherit;width:100%;left:0;top:0}
   .about .company .top .text{background:rgba(0,0,0,.5);padding:.4rem}
   .about .company .top .text .info{background:none;padding:0;}
   .about .company .top .text h2{padding:0}
   .about .company .top .num{position:inherit;bottom:0}
   .about .company .top .num ul li{width:50%}
   .about .company .top .num ul:nth-child(2){display:flex;flex-wrap: wrap;justify-content: flex-start}
   .about .company .top .num ul:nth-child(2) li{width:50%;}
   .about .company .top .num ul li{padding:0 .2rem 0}
   .about .company .top .num ul:nth-child(2){padding:0}
   .about .company .top{padding:1rem 0}
   .about .company .middle .content{grid-template-columns:1fr}
   
   .about .application .box .bigimg{position:inherit;left:0;bottom:0;margin:.3rem 0 0;width:100%}
   .about .application .img_list .text{width:100%;left:0;padding:  0 .2rem}

     .product_box .pro_nav  ul{display:flex;flex-wrap: wrap;justify-content: flex-start;}
     .product_box .pro_nav  ul li{padding:0;width:50%;text-align:center}
     .product_box .pro_nav  ul li:nth-child(2n-1):after{display:none}
     .product_box .pro_nav .search form{width:80%}
     .product_box .lists ul{grid-template-columns:1fr 1fr}
     .product_box .lists ul li a{border-radius:10px}
     .product .top{grid-template-columns:100%}
     .product .top .left{width:100%}
     .product .top .left .img_list{width:20%;margin:0 0 .3rem}
     .product .top .left .bigimg{width:78%}
     .product .top .left .bigimg .img{}
     .product .top .left .img_list .img{border-radius:10px}
     .product .top .left .bigimg .img{border-radius:10px}
     .product .bot  ul{grid-template-columns:1fr;grid-gap:.3rem 0}
     .product .bot  ul li:nth-child(4){grid-column-end:span 1}
    .product .bot  ul li .imgs{width:10%}
        .product .bot  ul li{justify-content:space-between}
        .product .bot  ul li .txt{width:85%}
       .product .bot  ul li:nth-child(4){width:100%}
        .product .bot  ul li:nth-child(4) .imgs{width:10%}
        .product .bot  ul li:nth-child(4) .txt{width:85%}
        .product .bot  ul>.img{position:inherit;bottom:0;width:100%}
        .qulity .items4 ul{padding:0}
        .contact_box .infos .title p{padding:0}

.qulity .items4 ul:after{left:0}
.tem_banner.indise .contact_banner_txt{position:inherit;width:100%;left:0;bottom:0}
.contact_box  .message .left{width:60.5%;padding:.3rem .8rem;}
.contact_box .message>div{display:inherit}
.contact_box .message .left{width:100%}
.contact_box .message .maps{width:100%}
.news_box .lists ul li a .time{width:12%;text-align:right}
.news_box .lists ul li a .text{width:82%}
.news_box .lists ul li a:hover .text{padding-right:2rem}
.news_box .lists ul li a .img{width:28%;top:.2rem}

}