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

.header>div{display:flex;height:.98rem;align-items: center;justify-content: space-between;}
.header .logo{width:12%}
.header .logo a{position:relative}
.header .logo a .logo1{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0}
.header .navs{width:71%}
.header .navs ul{display:flex;justify-content: flex-end;gap:.35rem}
.header .navs ul li a{font-size:.16rem;color:white;}
.header .navs ul li a i{margin-left:8px;font-size:.18rem;color:white;}
.header .search img {filter:brightness(1) invert(1)}
.header.is_header{background:white;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.header.is_header  .search img {filter:brightness(1) invert(0)}
.header.is_header  .navs ul li a{color:black;}
.header.is_header .navs ul li a i{color:black;}
.header.is_header  .logo a .logo1{opacity:1}
.header.is_header  .logo a .logo2{opacity:0}
.header .search  .content{position: fixed;width:100%;height: 100%;top:0;left: 0;background: rgba(0, 0, 0, 0.45);z-index: 999;display: none;}
.header .search  .content .container{position: relative;height: 100%;}
.header .search .content .s-content{background: #fff;text-align: center;padding:6vh 20px;position: absolute;top:30%;width: 100%;left: 0;transform: translateY(20px);opacity: 0;transition: 0.5s;}
.header .search .content a.close{position: absolute;font-size:.32rem;top:.1rem;right: .2rem;}
.header .search .content .title{color:#242424;margin-bottom:.1rem;font-size:.2rem;line-height: 1.5;}
.header .search .content .input{font-size: 0;line-height: 1;max-width: 600px;margin: 0 auto;}
.header .search .content input{height:.6rem;outline: none;vertical-align: middle}
.header .search .content .inpt3{padding-left:.2rem;border:1px solid #d2d2d2;font-size: .16rem;width: calc(100% - 60px);color:#292929;}
.header .search .content .inpt3::-webkit-input-placeholder {color: #b6b6b6;}
.header .search .content .inpt3:-moz-placeholder {color: #b6b6b6;}
.header .search .content .inpt3::-moz-placeholder {color: #b6b6b6;}
.header .search .content .inpt3:-ms-input-placeholder {color: #b6b6b6;}
.header .search .content .inpt4{width:.6rem;background: #222;border:none;}
.header .search .content button{height:.6rem;outline: none;vertical-align: middle}
.header .search .content .inpt4 i {font-size: .24rem;color:#fff;}
.header .search .content.active .s-content{transform: none;opacity: 1;transition-delay: 0.36s;}


.about_box .company{background:url(../images/2.png) 0 0 no-repeat;background-size:cover}
.about_box .company .title{text-align:center;padding:1.2rem 0 1.4rem}
.about_box .company .title h3{font-size:.64rem;color:#000000}
.about_box .company .infos{padding-right:1.6rem;display:grid;grid-template-columns:48.2% 49%;justify-content:space-between}
.about_box .company .infos .right h2{font-size:.48rem;color:#000000;font-weight:bold}
.about_box .company .infos .right p {font-size:.2rem;color:#000000;line-height:.3rem}

.about_box .company .guimo>div {padding:2.5rem 0 2.3rem;border-bottom:2px  solid #e3dfdc;background:url(../images/3.png) center 75% no-repeat;background-size:revert}
.about_box  .company .guimo ul{display:flex;justify-content: space-between;}
.about_box  .company .guimo ul li{display:flex;gap:.42rem}
.about_box  .company .guimo ul li .img{margin:.1rem 0 0 }
.about_box  .company .guimo ul li h2{font-size:.64rem;color:#000000;font-weight:bold}
.about_box  .company .guimo ul li p{font-size:.16rem;color:#333333;margin:.25rem 0 0}
.about_box  .company .yuanjing{padding:.9rem 0 2.5rem;text-align:center;background:url(../images/4.png) center .8rem no-repeat;overflow:hidden}
.about_box  .company .yuanjing  .tit h2{font-size:.64rem;color:#000000;margin:0 0 .4rem}
.about_box  .company .yuanjing  .tit p{font-size:.64rem;color:#eb6100}


.about_box  .zhanlue{padding:1.6rem 0 1rem;background:url(../images/5.png) 0 0 no-repeat;background-size:cover}
.about_box  .zhanlue .title {padding:0 0 1.2rem}
.about_box  .zhanlue .title h2{font-size:.64rem;color:#000000}
.about_box  .zhanlue .infos{display:grid;grid-template-columns:22.5% 48%;justify-content:space-between}
.about_box  .zhanlue .infos ul li{margin:0 0 .2rem}
.about_box  .zhanlue .infos ul li.acts a{color:#eb6100;border-bottom:2px solid #eb6100}
.about_box  .zhanlue .infos ul li.acts a i{color:#eb6100}
.about_box  .zhanlue .infos ul li:last-child{margin:0}
.about_box  .zhanlue .infos ul li a{height:1.1rem;display:flex;align-items: center;font-size:.22rem;color:#666666;justify-content: space-between;border-bottom:2px solid #a9abad}
.about_box  .zhanlue .infos ul li a i{padding-left:.2rem;font-size:.3rem;color:#666666}
.about_box  .zhanlue .content{padding:.4rem 0 0 }
.about_box  .zhanlue .content .items{display:none}
.about_box  .zhanlue .content .items:first-child{display:block}
.about_box  .zhanlue .content .items h2{font-size:.3rem;color:#eb6100;font-weight:bold;margin:0 0 .5rem}
.about_box  .zhanlue .content .items p{font-size:.22rem;color:#333333;line-height:.3rem}




.about_box  .hexin{padding:.75rem 0 1.3rem}
.about_box  .hexin .title {padding:0 0 .35rem}
.about_box  .hexin  .title h2{font-size:.64rem;color:#000000}
.about_box  .hexin  .infos{display:grid;grid-template-columns:28% 29% 40%;justify-content:space-between}
.about_box  .hexin  .infos .txt{padding:.8rem 0 0}
.about_box  .hexin  .infos .txt h2{font-size:.36rem;color:#000000}
.about_box  .hexin  .infos .txt h3{font-size:.24rem;color:#000000;margin:.2rem 0 .3rem}
.about_box  .hexin  .infos .txt p{font-size:.16rem;color:#000000;}
.about_box  .hexin  .infos .right{padding:.7rem 0 0 }
.about_box  .hexin  .infos .right table{width:100%;color:#000}
.about_box  .hexin  .infos .right table tr{border-bottom:2px solid #ebebeb}
.about_box  .hexin  .infos .right table tr:first-child{border-top:2px solid #ebebeb}
.about_box  .hexin  .infos .right table tr td:first-child{width:18%;border-right:2px solid #ebebeb}
.about_box  .hexin  .infos .right table tr td:last-child{width:82%}
.about_box  .hexin  .infos .right table tr td{vertical-align:middle;padding:.13rem}


.about_box  .honor{padding:.9rem 0 .7rem;background-size:cover;background-repeat:no-repeat}
.about_box  .honor .lists{position:relative}
.about_box  .honor .lists  .swiper-page>div{position:absolute;background:#f3f5f5;width:.7rem;height:.7rem;border-radius:100%;;left:0;top:50%;transform:translateY(-50%);text-align:center;line-height:.7rem;font-size:.4rem;color:#525252;z-index:2}
.about_box  .honor .lists  .swiper-page>div.slide-button-next{left:auto;right:0rem}
.about_box  .honor .lists  .swiper-page>div:hover{background:#eb6100;color:white}
.about_box  .honor .lists a:hover img{transform:scale(.95)}


.about_box  .shengtai{padding:.9rem 0 1.2rem}
.about_box  .shengtai .title {padding:0 0 .85rem;text-align:center}
.about_box  .shengtai  .title h2{font-size:.64rem;color:#000000}


.tem_banner.indise .flash{position:relative}
.tem_banner.indise .flash .txt{position:absolute;bottom:1.7rem;width:100%;text-align:center}
.tem_banner.indise .flash .txt h2{font-size:.48rem;color:#ffffff}


.pro_nav{padding:.8rem 0 .75rem;}
.pro_nav ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:.4rem}
.pro_nav ul li a{border:1px solid #939393;line-height:.65rem;text-align:center;border-radius:15px;font-size:.2rem;color:#939393}
.pro_nav ul li a:hover{background:#eb6100;color:white;border-color:#eb6100}
.pro_nav ul li.active a{background:#eb6100;color:white;border-color:#eb6100}


.product_box .lists ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.45rem .3rem }
.product_box .lists ul li a{padding:.15rem;border-radius:10px;border:1px solid #d9d9d9 }
.product_box .lists ul li a .img{border-radius:10px}
.product_box .lists ul li a:hover {background:#fdf3eb}
.product_box .lists ul li a:hover img{transform:scale(1.1)}
.product_box .page{padding:.6rem 0 1.5rem;display:flex;justify-content: center;gap:10px}
.product_box .page a{width:.38rem;height:.38rem;border-radius:100%;background:#999999;line-height:.38rem;font-size:.2rem;color:white}
.product_box .page a i{font-size:.2rem}
.product_box .page a:hover{background:#eb6100;color:white}
.product_box .page a.page-num-current{background:#eb6100;color:white;}

.news_nav{padding:.8rem 0 .75rem;}
.news_nav ul{display:grid;grid-template-columns:23% 23%;grid-gap:.4rem;justify-content:center}
.news_nav ul li a{border:1px solid #939393;line-height:.65rem;text-align:center;border-radius:15px;font-size:.2rem;color:#939393}
.news_nav ul li a:hover{background:#eb6100;color:white;border-color:#eb6100}
.news_nav ul li.active a{background:#eb6100;color:white;border-color:#eb6100}


.news_box .lists ul li a{padding:.5rem 0 .55rem;display:grid;grid-template-columns:21.5% 74.5%;justify-content:space-between;align-items:center;border-bottom:2px solid #e6e6e6}
.news_box .lists ul li a .txt h2{font-size:.24rem;color:#141412;font-weight:bold; }
.news_box .lists ul li a .txt p{margin:.7rem 0 .5rem;font-size:.16rem;color:#000000;height:.5rem;line-height:.25rem}
.news_box .lists ul li a .txt span{font-size:.16rem;color:#505050}

.news_box .lists ul li a .img{border-radius:10px}

.news_box .lists ul li a:hover img{transform:scale(1.1)}


.news_box .page{padding:.6rem 0 1.5rem;display:flex;justify-content: center;gap:10px}
.news_box .page a{width:.38rem;height:.38rem;border-radius:100%;background:#999999;line-height:.38rem;font-size:.2rem;color:white}
.news_box .page a i{font-size:.2rem}
.news_box .page a:hover{background:#eb6100;color:white}
.news_box .page a.page-num-current{background:#eb6100;color:white;}


.advpro .xuqiu{padding:1.25rem 0 .85rem;}
.advpro .xuqiu .title{text-align:center;margin:0 0 1.2rem}
.advpro .xuqiu  .title h2{font-size:.64rem;color:#000000}
.advpro .xuqiu  .infos{display:grid;grid-template-columns:26.4% 25% 26.4%;justify-content:space-between;align-items:c}
.advpro .xuqiu  .infos ul li{text-align:center;margin:0 0 .2rem}
.advpro .xuqiu  .infos ul li:last-child{margin:0}
.advpro .xuqiu  .infos ul li h2{height:.83rem;border-radius:5px;background: linear-gradient(to right, #ffb077, #eb6303);display:flex;flex-direction: column;justify-content: center;font-size:.36rem;color:white}
.advpro .xuqiu  .infos ul li p{font-size:.24rem;color:#000;margin:.2rem 0 0;height:.5rem;line-height:.25rem }
.advpro .xuqiu  .infos .img{padding:.7rem 0 0 }
.advpro .keji{padding:0 0 .5rem;background-size:cover;background-repeat:no-repeat}
.advpro .keji  .title{text-align:center;padding:1.1rem 0 .5rem }
.advpro .keji  .title h2{font-size:.64rem;color:white;margin:0 0 .4rem}
.advpro .keji  .title p{font-size:.36rem;color:#ffe5d3}
.advpro .keji  .content{padding:0 1.4rem;display:grid;grid-template-columns:55.5% 30%;justify-content:space-between;align-items:center}
.advpro .keji  .content .txt{text-align:center}
.advpro .keji  .content .txt h2{font-size:.4rem;color:white}
.advpro .keji  .content .txt p{font-size:.32rem;color:#ffe5d3}

.advpro .zhiliang .title{padding:.9rem 0 1rem}
.advpro .zhiliang .title h2{font-size:.4rem;color:#000000;margin:0 0 .7rem}
.advpro .zhiliang .infos ul{display:grid;grid-template-columns:56% 42%;justify-content:space-between}
.advpro .zhiliang .infos ul li h2{margin:0 0 .65rem}
.advpro .zhiliang .infos ul li:first-child h2{height:.75rem;background:#f4f4f4;border-radius:20px;border:1px solid #eb6100;color:#eb6100;font-size:.32rem;font-weight:bold;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.advpro .zhiliang .infos ul li:last-child h2{height:.75rem;background:#eb6100;border-radius:20px;border:1px solid #eb6100;color:white;font-size:.32rem;font-weight:bold;display:flex;flex-direction: column;justify-content: center;align-items: center;}


.advpro .jishuduibi{padding:1rem  0 1.2rem;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}
.advpro .jishuduibi  .title{text-align:center;padding:0 0 .65rem}
.advpro .jishuduibi  .title h2{font-size:.64rem;color:white;margin:0 0 .5rem}
.advpro .jishuduibi  .title p{font-size:.36rem;color:white}
.advpro .jishuduibi  .infos{padding:0 2.4rem}

.advpro .jishuduibi  .infos  table{width:100%;    border-collapse: separate;border-spacing: 5px; }
.advpro .jishuduibi  .infos  tr td:first-child{width:18.5% !important}
.advpro .jishuduibi  .infos  tr td:last-child{width:81.5% !important}
.advpro .jishuduibi  .infos  tr td{background:rgba(0,0,0,0.3);border-radius:10px;height:.6rem;vertical-align:middle;text-align:center;color:white;font-size:.24rem}
.advpro .jishuduibi  .infos  .firstRow td{height:.85rem;font-size:.36rem}
.advpro .jishuduibi  .infos  tr:hover td{background:#eb6100}
.advpro .naikushi{background:#f6f6f6;padding:0 0 1.2rem}
.advpro .naikushi .title{padding:.9rem 0 .9rem;text-align:center}
.advpro .naikushi .title h2{font-size:.64rem;color:#000000;margin:0 0 .5rem}
.advpro .naikushi .title p{font-size:.32rem;color:#464646}

.advpro .youshi{padding:1.2rem 0 1rem}
.advpro .youshi .title{text-align:center;padding:0 0 .9rem}
.advpro .youshi .title h2{font-size:.64rem;color:#000000;margin:0 0 .5rem}
.advpro .youshi .txt{display:grid;grid-template-columns:62% 30%;padding:0 2.5rem;text-align:center;justify-content:space-between}
.advpro .youshi .txt p{margin:.3rem 0 0 }

.advpro .chujun{padding:.85rem 0 1.4rem;background-repeat:no-repeat;background-size:cover;}
.advpro .chujun .title{margin:0 0 .45rem}
.advpro .chujun .title h2{background:white;display:inline-block;height:.75rem;line-height:.75rem;text-align:center;border-radius:50px;font-size:.4rem;color:#eb6100;padding:0 .5rem}
.advpro .chujunduibi {}
.advpro .chujunduibi .title{text-align:center;padding:1.3rem 0 .9rem}
.advpro .chujunduibi .title h2{font-size:.64rem;color:#000000;margin:0 0 .4rem}
.advpro .chujunduibi .title p{font-size:.32rem;color:#464646}
.advpro .chujunduibi .content{display:grid;grid-template-columns:25% 41% 25%;justify-content:space-between;align-items:center;background:url(../images/6.png)  center 0 no-repeat;padding:0 0 1.3rem}
.advpro .chujunduibi .content ul:first-child li{text-align:right;margin:0 0 .3rem}
.advpro .chujunduibi .content ul:last-child li{text-align:left;margin:0 0 .3rem}
.advpro .chujunduibi .content ul li:last-child{margin:0}
.advpro .chujunduibi .content ul li h2{font-size:.24rem;color:#000000;margin:0 0 .15rem}
.advpro .chujunduibi .content ul li p{font-weight:bold;font-size:.16rem;color:#000000}

.advpro .chujunduibi .content ul:last-child li h2{color:#989898;}
.advpro .chujunduibi .content ul:last-child li p{color:#989898}
.advpro .zhengshu{position:relative}
.advpro .zhengshu .title{position:absolute;width:100%;padding:0 1.7rem;top:1.2rem;z-index:2}
.advpro .zhengshu  .title h2{font-size:.64rem;color:#000000;margin:0 0 .3rem}
.advpro .zhengshu  .title p{font-size:.32rem;color:#464646}

.contact_box{background:url(../images/14.png)  center 30% no-repeat}
.contact_box .infos>div{display:grid;grid-template-columns:48% 52%;padding:0 0 1.2rem;border-bottom:2px solid #e4e4e5}
.contact_box .infos .left{padding:1.25rem 0 0;position:relative }
.contact_box .infos .left:after{content:"";position:absolute;background:url(../images/13.png)0 0 no-repeat;width:2px;height:6rem;right:0;top:0;background-size:100%}
.contact_box .infos .left>h2{font-size:.64rem;color:#000000;margin:0 0 .8rem}
.contact_box .infos .left ul li{display:flex;align-items:center;gap:.2rem;margin:0 0 .45rem}
.contact_box .infos .left ul li:last-child{margin:0}
.contact_box .infos .left ul li h2{font-size:.2rem;color:#666666;font-weight:bold}
.contact_box .infos .right{padding:.9rem 1.35rem 0 1.1rem}
.contact_box .infos .right ul li{display:flex;gap:.2rem;margin:0 0 .8rem;justify-content: space-between;align-items: center;}
.contact_box .infos .right ul li:last-child{margin:0}
.contact_box .infos .right ul li .txt h2{font-size:.16rem;color:#666666;margin:0 0 .15rem}
.contact_box .infos .right ul li .txt p{font-size:.32rem;color:#000000;}
.contact_box .infos .right ul li a:hover img{transform:rotate(45deg)}
.contact_box .infos .right ul li:last-child{display:inherit}
.contact_box .infos .right ul li:last-child h2{font-size:.22rem;color:#000000;margin:0 0 .25rem}

.contact_box .infos .right ul li .email{position:relative}
.contact_box .infos .right ul li form input{width:100%;height:.7rem;border-radius:50px;border:1px solid #ee7926;padding:0 .3rem;font-size:.16rem;color:#000}
.contact_box .infos .right ul li form button{position:absolute;border:0;background:none;right:.05rem;top:50%;transform:translateY(-50%)}
.contact_box .infos .right ul li form button:hover img{transform:rotate(45deg)}
.contact_box .map{padding:.3rem 0 1.6rem}

.tem_banner.index{overflow:hidden}
.tem_banner.index .label_text{}
.tem_banner.index .label_text{position:absolute;text-align:left;left:0;width:100%;top:50%;transform:translateY(-50%);z-index:2;padding:0 1.6rem}

.tem_banner.index .label_text h2{font-size:.5rem;font-weight:bold;line-height:.7rem;color:white;text-shadow: 5px 5px 10px rgba(0,0,0,.3);transform:translateY(-3vw);opacity:0;transition:all .8s linear;}
.tem_banner.index  .swiper .swiper-slide-active .label_text h2{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index  .swiper .swiper-slide-active .label_text p{transform:none;opacity:1;transition-delay:300ms}
.tem_banner.index  .txt{position:absolute;text-align:left;left:1.6rem;bottom:.5rem;}
.tem_banner.index  .txt h2{font-size:.16rem;color:white;transform:translateX(-2vw);opacity:0;transition:all .8s linear}
.tem_banner.index  .swiper .swiper-slide-active .txt h2{transform:none;opacity:1;transition-delay:300ms}

.tem_banner.index  .swiper-page{position:absolute;right:1.6rem;bottom:0;background:#F7F8F8;z-index:2;display:flex;gap:.35rem;padding:0 .25rem;height:.76rem;align-items:center}
.tem_banner.index  .swiper-page .slide-pagination{font-size:.26rem;color:#7D7D7D;font-weight:bold}
.tem_banner.index  .swiper-page .slide-pagination .swiper-pagination-current{color:black}

.index_about {padding:.75rem 0 1.1rem;background:#F7F8F8}
.index_about  .tit h2{font-size:.18rem;color:#7D7D7D;margin:0 0 .35rem;display:inline-block;position:relative;padding-right:.75rem}
.index_about  .tit h2:after{position:absolute;content:"";background:#7D7D7D;width:.55rem;height:2px;right:0;top:50%;transform:translateY(-50%)}
.index_about  .top{display:grid;grid-template-columns:41% 59%;margin:0 0 1.1rem}
.index_about  .top h2{font-size:.66rem;color:#000;}
.index_about  .top p{font-size:.21rem;color:#000;line-height:.35rem}
.index_about  .infos ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:0 0 1.2rem}
.index_about  .infos ul li{text-align:center}
.index_about  .infos ul li h2{font-size:.45rem;color:#1A1A1A;display:flex;justify-content: center;align-items: flex-start;margin: 0 0 .35rem}
.index_about  .infos ul li h2 em{font-size:1.28rem;height:1.2rem;line-height:1.2rem;font-family:"Montserrat"}
.index_about  .infos ul li p{font-size:.18rem;color:#7D7D7D}
.index_about  .box{display:grid;grid-template-columns:49% 40%;justify-content:space-between;align-items:center}
.index_about  .box .text h2{font-size:.56rem;color:#000;;line-height:.7rem;margin:0 0 .5rem}
.index_about  .box .text p{font-size:.22rem;color:#696969}
.index_about  .box .text .more{margin:.65rem 0 0 }
.index_about  .box .text .more a{width:2.2rem;height:.55rem;border-radius:10px;border:1px solid #A1A1A1;display:flex;justify-content: space-between;align-items: center;padding:0 .3rem;font-size:.18rem;color:#EB6100}
.index_about  .box .text .more a i{font-size:.22rem;color:#EB6100}
.index_about  .box .text .more a:hover{background:#EB6100;border:1px solid #eB6100;color:white}
.index_about  .box .text .more a:hover i{color:white}
.index_product{position:relative}

.index_product  .imglist{position:relative}
.index_product  .imglist .img:after{content:"";position:absolute;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.3), rgba(0,0,0,.7));width:100%;height:100%;left:0;bottom:0}
.index_product  .imglist .text{position:absolute;width:100%;top:.9rem}
.index_product  .imglist .text>div{display:flex;align-items:center;justify-content: space-between;}
.index_product  .imglist .text  .left h2{font-size:.18rem;color:white;margin:0 0 .25rem;display:inline-block;position:relative;padding-right:.75rem;transform:translateX(-4vw);opacity:0;transition:all .8s;}
.index_product  .imglist .text  .left h2:after{position:absolute;content:"";background:white;width:.55rem;height:2px;right:0;top:50%;transform:translateY(-50%)}
.index_product  .imglist .text  .left h3{font-size:.66rem;color:white;transform:translateX(-4vw);opacity:0;transition:all .8s }
.index_product  .imglist .text  .more a{width:1.6rem;height:.55rem;border-radius:10px;background:white;text-align:center;line-height:.55rem;color:#EB6100;font-size:.18rem;transform:translateX(4vw);opacity:0;transition:all .8s }
.index_product  .imglist .text  .more a:hover{background:#EB6100;color:white}
.index_product  .sm_list{position:absolute;width:100%;bottom:.6rem;left:0;z-index:2}
.index_product  .sm_list a{height:.72rem;border:1px solid white;display:flex;flex-direction: column;justify-content: center;align-items: center;font-size:.22rem;color:white;position:relative}
.index_product  .sm_list .swiper-slide-thumb-active a{background:white;color:#000}
.index_product  .sm_list a:after{content:"";position:absolute;width:0%;height:2px;background:#EB6100;left:-1px;top:-1px;transition:.5s}
.index_product  .sm_list .swiper-slide-thumb-active a:after{width:100.5%}
.index_product  .imglist .swiper-slide-active .text  .left h2{transform:none;opacity:1;transition-delay:300ms}
.index_product  .imglist .swiper-slide-active .text  .left h3{transform:none;opacity:1;transition-delay:600ms}
.index_product  .imglist .swiper-slide-active .text .more a{transform:none;opacity:1;transition-delay:500ms}
.index_product  .swiper-page>div{position:absolute;width:.66rem;height:.66rem;border-radius:100%;border-radius:100%;text-align:center;border:1px solid white;line-height:.62rem;left:1.6rem;top:50%;transform:translateY(-50%);z-index:2}
.index_product   .swiper-page>div.slide-button-next{left:auto;right:1.6rem}
.index_product   .swiper-page>div img{max-width:.24rem}
.index_product   .swiper-page>div:hover{background:white}
.index_product   .swiper-page>div:hover img{filter:brightness(1) invert(1)}

.index_adv {padding:0 0 1.35rem}
.index_adv .title{padding:1rem 0 .7rem}
.index_adv .title h2{font-size:.18rem;color:#7D7D7D;margin:0 0 .25rem;display:inline-block;position:relative;padding-right:.75rem;}
.index_adv .title h2:after{position:absolute;content:"";background:#7D7D7D;width:.55rem;height:2px;right:0;top:50%;transform:translateY(-50%)}
.index_adv .title h3{font-size:.66rem;color:#000000;}
.index_adv .infos{display:grid;grid-template-columns:56.5% 43.5%}
.index_adv .infos .left{background:#F7F8F8}
.index_adv .infos .left h2{padding:.7rem 0 .9rem;text-align:center;font-size:.6rem;color:#000;line-height:.9rem}
.index_adv .infos .right{position:relative;}
.index_adv .infos .right .text{position:absolute;top:.75rem;left:.6rem;z-index:2}
.index_adv .infos .right .text h2{font-size:.58rem;color:white;line-height:.8rem;margin:0 0 .4rem}
.index_adv .infos .right .text a{display:inline-block;padding:0 .5rem;height:.55rem;border-radius:10px;border:1px solid white;text-align:center;line-height:.55rem;font-size:.18rem;color:white}
.index_adv .infos .right .text a:hover{background:#EB6100;color:white;border:1px solid #EB6100}
.index_news {padding:.85rem 0;background:url(../images/16.png) 0 0 no-repeat }
.index_news  .top{display:flex;justify-content: space-between;align-items: flex-end;margin:0 0 .6rem}
.index_news  .top .title h2{font-size:.18rem;color:#7D7D7D;margin:0 0 .25rem;display:inline-block;position:relative;padding-right:.75rem;}
.index_news  .top .title h2:after{position:absolute;content:"";background:#7D7D7D;width:.55rem;height:2px;right:0;top:50%;transform:translateY(-50%)}
.index_news  .top .title h3{font-size:.66rem;color:#000000;}
.index_news  .top  ul{display:flex;gap:.3rem}
.index_news  .top  ul li a{height:.6rem;line-height:.6rem;padding:0;font-size:.18rem;color:#333;padding:0 .45rem;border:1px solid #A1A1A1}
.index_news  .top  ul li a:hover{background:white;color:#EB6100;border:1px solid white;;box-shadow:5px 5px 6px rgba(0,0,0,0.2)}
.index_news  .lists .swiper-slide{padding:.15rem }
.index_news  .lists a{;box-shadow:5px 5px 8px rgba(0,0,0,0.1)}
.index_news  .lists a .img img{width:100%;object-fit:cover}
.index_news  .lists a {background:white;}
.index_news  .lists a .text{padding:.2rem  .25rem .15rem}
.index_news  .lists a .text h2{font-size:.2rem;color:#000;;height:.68rem;line-height:.34rem;margin:0 0 .15rem}
.index_news  .lists a .text  em{display:inline-flex;padding:.1rem 0 0;border-top:2px solid #D9D9D9;gap:.1rem;justify-content: space-between;align-items: center;font-size:.14rem;color:#7D7D7D}
.index_news  .lists a:hover .img img{transform:scale(1.1)}
.index_news  .lists a:hover{background:#EB6100}
.index_news  .lists a:hover .text h2{color:white}
.index_news  .lists a:hover  .text em{color:white}
.index_news  .lists a:hover  .text em img{filter:brightness(0) invert(1)}
.index_news  .more{margin:.8rem 0 0 ;text-align:center}
.index_news  .more a{display:inline-block;height:.55rem;line-height:.55rem;padding:0 .85rem;font-size:.18rem;border-radius:10px;border:1px solid #A1A1A1;color:#EB6100}
.index_news  .more a:hover{background:#EB6100;color:white;border:1px solid #EB6100;box-shadow:0 0 12px rgba(0,0,0,0.2)}


.index_zhaoshang{height:630px;background:url(../images/17.png) center center no-repeat;background-size:cover}
.index_zhaoshang .text{text-align:center;padding:2.6rem 0 0 }
.index_zhaoshang .text h2{font-size:.4rem;color:#FED299}
.index_zhaoshang .text h3{font-size:.58rem;color:white;font-weight:bold;margin:.2rem 0 .4rem}
.index_zhaoshang .text a{display:inline-flex;gap:.6rem;height:.55rem;line-height:.55rem;padding:0 .35rem;font-size:.2rem;border-radius:10px;background:white;color:#EB6100;align-items: center;}
.index_zhaoshang .text a i{font-size:.22rem}
.index_zhaoshang .text a:hover{background:#EB6100;color:white;box-shadow:0 0 30px rgba(255,255,255,1)}

.footer{border-top:1px solid #dbd4d4}
.footer .top{padding:.75rem 0;display:flex;justify-content: space-between;gap:.5rem;}
.footer .top dl dt {margin:0 0 .2rem}
.footer .top dl dt a{font-size:.18rem;font-weight:normal}
.footer .top dl dd{margin:0 0 .1rem}
.footer .top dl dd:last-child{margin:0}
.footer .top dl dd a{font-size:.16rem;color:#7D7D7D}
.footer .top dl ul{margin:0 0 .3rem}
.footer .top dl ul li p{display:flex;align-items: center;gap:.12rem;font-size:.16rem;color:#333;margin:0 0 .15rem}
.footer .top dl ul li:last-child p{margin:0}
.footer .top dl .share{display:flex;gap:.15rem}
.footer .top dl .share a{font-size:.2rem;width:.38rem;height:.38rem;background:#B5B5B5;border-radius:100%;text-align:center;line-height:.38rem;text-align:center;color:white}
.footer .top dl .share a:hover{background:#EB6100}
.footer .bot{padding:.2rem 0;display:flex;justify-content: space-between;align-items: center;}
.footer .bot p{font-size:.14rem;color:#7D7D7D}
.footer .bot>a{font-size:.14rem;color:#7D7D7D}
.footer .bot .return a{width:.46rem;height:.46rem;border-radius:100%;border:2px solid #D9D9D9;text-align:center;line-height:.4rem}
.footer .bot .return a img{max-width:.14rem}
.footer .bot .return a:hover{background:#EB6100;border:2px solid white}
.footer .bot .return a:hover img{filter:brightness(0) invert(1)}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/

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

/******ipad****/
@media(max-width:1600px){
    .tem_banner.index .label_text{padding:0 1rem}
    .tem_banner.index .txt{left:1rem}
    .tem_banner.index .swiper-page{right:1rem}
    .index_product .swiper-page>div{left:1rem}
    .index_product .swiper-page>div.slide-button-next{right:1rem}
    .index_adv .infos .left h2{padding:.5rem 0 .4rem;font-size:.5rem;line-height:.6rem}
  .about_box .company .infos{padding-right:1rem}
  .advpro .keji .content{padding:0 .2rem}
  .advpro .zhiliang .infos ul li:first-child h2{font-size:.26rem}
  .advpro .zhiliang .infos ul li:last-child h2{font-size:.26rem}
  .advpro .jishuduibi .infos{padding:0 1rem}
  .advpro .youshi .txt{padding:0 1rem}

}
@media(max-width:1400px){
    .index_zhaoshang{height:500px}
}
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0}
	.m-header,.m_header2 {top:0;opacity:1;}
	   .tem_banner.index .label_text{padding:0 .2rem}
    .tem_banner.index .txt{left:.2rem}
    .tem_banner.index .swiper-page{right:.2rem}
    .index_about .top{grid-template-columns:100%;grid-gap:.2rem}
    .index_about .infos ul{grid-template-columns:1fr 1fr}
     .index_about .infos ul li h2{margin:0}
    .index_about .infos ul li h2 em{font-size:.7rem}
    .index_about .infos ul li h2 em{height:auto;line-height:normal}
    .index_about .box{grid-template-columns:1fr;grid-gap:.2rem}
    .index_product .sm_list{bottom:.1rem}
    .index_product .imglist .text{top:.2rem}
    .index_product .swiper-page>div{left:.2rem}
      .index_product .swiper-page>div.slide-button-next{right:.2rem}
    .index_product .imglist .text .left h3{font-size:.3rem}
    .index_adv .infos{grid-template-columns:1fr;grid-gap:.2rem}
    .index_news .top{display:initial;}
    .index_news .top ul{margin:.2rem 0 0 }
    .index_zhaoshang{height:300px}
    .footer .top dl{display:none}
    .footer .top dl:last-child{display:block}
    .footer .bot{display:inherit;}
    .about_box .company .title{padding:.5rem 0 }
    .about_box .company .infos{padding:0 .2rem;grid-template-columns:100%;grid-gap:.2rem }
    .about_box .company .guimo>div{padding:.5rem 0  0}
    .about_box .company .guimo ul{display:flex;flex-wrap: wrap;}
    .about_box .company .guimo ul li{display:flex;justify-content: center;width:48%;margin:0 0 .5rem}
    .about_box .company .guimo ul li h2{font-size:.5rem}
    .about_box .company .yuanjing{padding:.5rem}
    .about_box .zhanlue .infos{grid-template-columns:30% 60%}
    .about_box .hexin .infos{grid-template-columns:100%}
    .advpro .xuqiu .infos{grid-template-columns:100%}
    .advpro .xuqiu .infos .img{padding:.8rem 0 }
    .about_box .hexin .infos .txt{padding:.8rem 0 }
    .pro_nav ul{grid-template-columns:1fr 1fr}
    .product_box .lists ul{grid-template-columns:1fr 1fr}
    .news_box .lists ul li a{grid-template-columns:1fr;grid-gap:.2rem}
    .advpro .keji .content{grid-template-columns:1fr}
    .advpro .zhiliang .infos ul{grid-template-columns:1fr;grid-gap:.2rem}
    .advpro .jishuduibi .infos{padding:0 }
    .advpro .youshi .txt{padding:0;grid-template-columns:1fr }
    .advpro .youshi .title{padding:0}
    .advpro .chujunduibi .content{grid-template-columns:1fr}
    .advpro .chujunduibi .content ul:first-child li{text-align:left}
    .advpro .zhengshu .title{padding:0 .5rem;top:.5rem}
    .contact_box .infos>div{padding:0;grid-template-columns:1fr }
    .contact_box .infos .right{padding:.2rem}
	
}
/********mobile*********/
@media(max-width:767px){

}