@media screen and (min-width: 1701px){
    html {
        font-size:1250%!important
    }
}
@media screen and (min-width: 1601px) and (max-width: 1700px){
    html {
        font-size: 1150%!important
    }
}
@media screen and (min-width: 1401px) and (max-width: 1600px){
    html {
        font-size: 1050%!important
    }
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
    html {
        font-size: 950%!important
    }
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
    html {
        font-size: 850%!important
    }
}
@media screen and (max-width: 1001px){
    html {
        font-size: 750%!important
    }
}
@media screen and (min-width:769px){
    html { padding: 0; margin:0;  font-size: 625%;-webkit-text-size-adjust: none; -webkit-overflow-scrolling: touch;  /*10 梅 16 脳 100% = 62.5%*/}
    body { padding: 0; font-size: .14rem;  -webkit-overflow-scrolling: touch; /*1.4 脳 10px = 14px */}

    .w{width:90%; max-width:1600px; margin:0 auto;}
    .pc_fl{float:left;}
    .pc_fr{float:right;}
    .pc_dn{display:none;}

    .menu .nav__list > ul{display:flex;flex-wrap: wrap;justify-content: space-between;margin-right: .3rem;}
    .menu .nav__list > ul > li{position: relative;z-index: 9999;}
    .menu .nav__list > ul > li > a{display: block;color: #FFFFFF;font-size: .11rem;line-height: .54rem;padding: 0 .06rem;}
    .menu .nav__list > ul > li a i{width: .07rem;margin-left: 5px;display: inline-block;height: .04rem;background-image: url("../img/68.png");background-size: 100% 100%;}
    .menu .nav__list > ul > li > ul{position: absolute;width: 1.5rem;left: 0;}
    .menu .nav__list > ul > li > ul > li{position: relative;}
    .menu .nav__list > ul > li > ul > li > a{display: block;width: 100%;background: #dfeb26;color: #333333;font-size: .08rem;line-height: .22rem;height: 0;overflow: hidden;padding: 0 .05rem}
    .menu .nav__list > ul > li > ul > li > dl{position: absolute;left: 100%;width: 100%;top: 0;}
    .menu .nav__list > ul > li > ul > li > dl dd{margin: 0;}
    .menu .nav__list > ul > li > ul > li > dl dd a{display: block;width: 100%;background: #dfeb26;color: #333333;font-size: .1rem;line-height: .25rem;height: 0;overflow: hidden;text-align: center;}
    .menu .nav__list > ul > li:hover > ul > li > a{height: .22rem;}
    .menu .nav__list > ul > li > ul > li:hover dl dd a{height: .22rem;}
    .menu .nav__list > ul > li:hover > a{color: #dfeb26;}
    .menu .nav__list > ul > li > ul > li:hover > a{background: #a8b11c;}
    .menu .nav__list > ul > li:hover > a i{background-image: url("../img/69.png");}
    .menu .nav__list > ul > li > ul > li > dl dd a:hover{background: #a8b11c;}
    .menu .nav__list > ul.pc_dn{display:none;}

    .top_tel:before{content: "";display: block;position: absolute;width: 1px;height: .14rem;background: rgba(255,255,255,.35);top: 0;bottom: 0;margin: auto 0;left: -.1rem;}
    .process ul li:nth-child(2){margin-top: .36rem;}
    .process ul li:nth-child(3){margin-top: .72rem;}
    .process ul li:nth-child(4){margin-top: 1.08rem;}

    .products_c ul li:nth-child(4n+1){margin-left: 0;}

}

header{width: 100%;height: .54rem;background-image: url("../img/01.jpg");background-size: cover;position: relative;z-index: 9999;border-bottom: .025rem solid #04b2ed;}
header.on{position: fixed;}
.logo{width: .62rem;height: .3rem;margin: .12rem 0 0 0;}
.logo img{display: block;width: 100%;height: 100%;}
.top_tel{color: #FFFFFF;font-size: .11rem;line-height: .54rem;position: relative;}
.top_tel img{display: block;float: left;width: .1rem;margin: .22rem .05rem 0 0;}
.yuyan_1{width: .72rem;height: .2rem;background-image: url("../img/04.png");background-size: 100% 100%;line-height: .2rem;font-size: .08rem;color: #333333;padding-left: .05rem;cursor: pointer;background-color: #dfeb26;border-radius: .1rem;background-repeat: no-repeat;background-position: right .06rem center;background-size: .05rem;}
.yuyan_1 img{width: .08rem;margin-left: .03rem;transform: translateY(.01rem);margin-right: .03rem;}
.yuyan{position: relative;z-index: 10000;margin: .17rem 0 0 .08rem;;padding-bottom: .05rem;}
.yuyan ul{position: absolute;width: 100%;border-radius: .04rem;overflow: hidden;margin-top: 5px;}
.yuyan ul li a{display: block;background: #dfeb26;height: 0;line-height: .2rem;font-size: .09rem;color: #333333;overflow: hidden;text-align: center;}
.yuyan:hover ul li a{height: .2rem;}
.yuyan ul li a:hover{background: #a8b11c;color: #FFFFFF;}

.banner .swiper-pagination{bottom: .12rem;}
.banner .swiper-pagination-bullet{width: .08rem;height: .08rem;border-radius: 50%;background: #FFFFFF;opacity: .3;margin: 0 .04rem;}
.banner .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-slide a{display: block;width: 100%;}
.banner .swiper-slide a img{display: block;width: 100%;}

.mixed{width: 100%;background: url("../img/bg1.jpg") top center;background-size: cover;padding: .45rem 0 .11rem;}
.mixed_lf{width: 46%;}
.mixed_lf_top{display:flex;flex-wrap: wrap;justify-content: space-between;}
.mixed_lf_top .items{background: linear-gradient(rgba(242,242,242,.5),rgba(255,255,255,.5));width: 48%;box-shadow:0 0 10px rgba(0, 0, 0, .05);padding: .18rem .13rem .16rem;position: relative;border-radius: .08rem;}
.mixed_lf_top .items img{display: block;position: absolute;width: .29rem;top: .08rem;right: .08rem;}
.mixed_lf_top .items h3{color: #333333;line-height: 1;/**font-size: .35rem;**/}
.mixed_lf_top .items p{color: #999999;font-size: .12rem;margin-top: .05rem;}
.mixed_lf .img{margin-top: .15rem;}
.mixed_lf .img img{display: block;width: 100%;}
.mixed_mid{width: 27%;margin-left: 4%;}
.mixed_mid img{display: block;width: 100%;}
.mixed_rt{width: 19%;}
.mixed_rt h3{color: #333333;font-size: .17rem;line-height: .23rem;margin-top: .15rem;}
.mixed_rt .txt{color: #999999;font-size: .08rem;line-height: .14rem;margin-top: .15rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 4;}
.mixed_rt .link{margin-top: .26rem;}
.mixed_rt .link a{display: block;float: left;line-height: .26rem;border-radius: .14rem;}
.mixed_rt .link a.link1{width: 1rem;border: 1px solid #333333;text-align: center;color: #333333;font-size: .08rem;}
.mixed_rt .link a.link1:hover{background: #333333;color: #FFFFFF;}
.mixed_rt .link a.link2{width: .4rem;height: .27rem;background-color: #dfeb26;background-image: url("../img/09.png");background-position: center;background-repeat: no-repeat;background-size: .09rem;margin-left: 5px;}
.mixed_rt .link a.link2:hover{background-color: #a8b11c;}

.about_us{margin-top: .35rem;}
.about_us .img img{display: block;width: 100%;}
.about_us .con{margin-top: .2rem;display:flex;flex-wrap: wrap;justify-content: space-between;}
.about_us .con h3{color: #333333;font-size: .18rem;margin-top: .15rem;line-height: 1;}
.about_us .con .txt{width: 60%;color: #999999;font-size: .08rem;line-height: .16rem;text-align: center;}
.about_us .con .link{margin-top: .09rem;}
.about_us .con .link a{display: block;float: left;line-height: .26rem;border-radius: .14rem;}
.about_us .con .link a.link1{width: .9rem;border: 1px solid #333333;text-align: center;color: #333333;font-size: .1rem;}
.about_us .con .link a.link1:hover{background: #333333;color: #FFFFFF;}
.about_us .con .link a.link2{width: .4rem;height: .27rem;background-color: #dfeb26;background-image: url("../img/09.png");background-position: center;background-repeat: no-repeat;background-size: .09rem;margin-left: 5px;}
.about_us .con .link a.link2:hover{background-color: #a8b11c;}

.product{width: 100%;background: #f9f8f7;margin-top: .43rem;padding: .36rem 0 .4rem;}
.product .tit{width: 89%;}
.product .tit h3{color: #333333;font-size: .18rem;}
.product .tit p{color: #999999;font-size: .09rem;margin-top: .07rem;}
.product_con{position: relative;margin-top: .28rem;}
.product_con .swiper-button-prev,.product_con .swiper-button-next{width: .35rem;height: .35rem;border-radius: 50%;border: 1px solid #dddddd;background-color: #FFFFFF;background-size: .13rem;background-position: center;background-repeat: no-repeat;margin-top: 0;top: -.65rem;transition:all .3s;}
.product_con .swiper-button-prev{background-image: url("../img/11.png");left: auto;right: .4rem;}
.product_con .swiper-button-next{background-image: url("../img/12.png");right: 0;}
.product_con .swiper-button-prev:hover,.product_con .swiper-button-next:hover{background-color: #dfeb26;border-color: #dfeb26;}
.product_con .swiper-slide{border-radius: .1rem;background: #04b2ed;padding-top: .14rem;transition:all .3s;}
.product_con .swiper-slide .icon{width: .4rem;height: .27rem;background-image: url("../img/15.png");background-size: 100% 100%;margin-left: .15rem;transition:all .3s;}
.product_con .swiper-slide h3{padding: 0 .15rem;margin-top: .07rem;}
.product_con .swiper-slide h3 a{display: block;color: #FFFFFF;font-size: .13rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product_con .swiper-slide p{color: #FFFFFF;padding: 0 .15rem;font-size: .08rem;line-height: .14rem;margin-top: .06rem;height: .42rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 3;transition:all .3s;}
.product_con .swiper-slide .con{position: relative;width: 100%;border-radius: .1rem;height: 2.17rem;overflow: hidden;margin-top: .13rem;}
.product_con .swiper-slide .con .img{width: 100%;height: 2.17rem;overflow: hidden;}
.product_con .swiper-slide .con .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.product_con .swiper-slide .con .con_link{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.6);opacity: 0;transition:all .3s;}
.product_con .swiper-slide .con .link{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%;text-align: center;}
.product_con .swiper-slide .con .link a{display: inline-block;line-height: .26rem;border-radius: .14rem;vertical-align: top;}
.product_con .swiper-slide .con .link a.link1{width: .9rem;border: 1px solid #FFFFFF;text-align: center;color: #FFFFFF;font-size: .1rem;}
.product_con .swiper-slide .con .link a.link1:hover{background: #FFFFFF;color: #333333;}
.product_con .swiper-slide .con .link a.link2{width: .4rem;height: .27rem;background-color: #dfeb26;background-image: url("../img/09.png");background-position: center;background-repeat: no-repeat;background-size: .09rem;margin-left: 5px;}
.product_con .swiper-slide .con .link a.link2:hover{background-color: #a8b11c;}
.product_con .swiper-slide:hover{background: #dfeb26;}
.product_con .swiper-slide:hover .icon{background-image: url("../img/14.png");}
.product_con .swiper-slide:hover h3 a{color: #333333;}
.product_con .swiper-slide:hover p{color: #777777;}
.product_con .swiper-slide:hover .con .con_link{opacity: 1;}

.ind_news{width: 100%;background: url("../img/bg2.png") top center;background-size: cover;padding-top: .65rem;}
.ind_news_c{border-top: .025rem solid #04b2ed;box-shadow:0 0 .1rem rgba(0, 0, 0, .06);background: #FFFFFF;}
.ind_news_lf{width: 65%;background: url("../img/16.png") center;background-size: cover;padding: .2rem .25rem;}
.ind_news_rt{width: 35%;padding: .2rem .25rem;}
.ind_news_c h2{font-size: .18rem;color: #333333;line-height: 1;}
.ind_news_lf ul{margin: .2rem 0 0 0;}
.ind_news_lf ul li{margin-top: .2rem;}
.ind_news_lf ul li h3 a{display: block;padding-left: .25rem;line-height: .18rem;font-size: .12rem;color: #333333;background: url("../img/17.png") left center no-repeat;background-size: .18rem;}
.ind_news_lf ul li p{font-size: .08rem;line-height: .15rem;margin-top: .06rem;color: #666666;}
.ind_news_rt .new_img a{display: block;width: 100%;height: 1.45rem;border-radius: .1rem;overflow: hidden;position: relative;margin-top: .2rem;}
.ind_news_rt .new_img .img{width: 100%;height: 1.45rem;overflow: hidden;}
.ind_news_rt .new_img .img img{display: block;width: 100%;height: 100%;object-fit: cover;transition:all .5s;}
.ind_news_rt .new_img:hover .img img{transform:scale(1.15,1.15);}
.ind_news_rt .new_img p{position: absolute;display: block;width: 100%;bottom: 0;height: .3rem;color: #FFFFFF;line-height: .3rem;font-size: .1rem;text-align: center;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: #04b2ed;}
.ind_news_rt .new_img .txt{border-bottom: 1px dashed #dddddd;color: #999999;font-size: .08rem;line-height: .15rem;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2;margin-top: .05rem;padding-bottom: .05rem;}
.ind_news_rt ul{margin-top: .09rem;}
.ind_news_rt ul li a{display: block;padding-left: .12rem;margin-top: .06rem;font-size: .09rem;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.ind_news_rt ul li a:before{content: "";display: block;position: absolute;left: 0;top: 0;bottom: 0;margin: auto 0;width: .045rem;height: .045rem;background: #cfcfcf;border-radius: 50%;transition:all .3s;}
.ind_news_lf ul li h3 a:hover{color: #04b2ed;}
.ind_news_rt ul li a:hover{color: #04b2ed;}
.ind_news_rt ul li a:hover:before{background: #04b2ed;}

.yingyong{margin-top: .35rem;}
.yingyong .tit{width: 89%;}
.yingyong .tit h3{color: #333333;font-size: .18rem;}
.yingyong .tit p{color: #999999;font-size: .09rem;margin-top: .07rem;}
.yingyong_c{position: relative;margin-top: .17rem;}
.yingyong_c .swiper-button-prev,.yingyong_c .swiper-button-next{width: .35rem;height: .35rem;border-radius: 50%;border: 1px solid #dddddd;background-color: #FFFFFF;background-size: .13rem;background-position: center;background-repeat: no-repeat;margin-top: 0;top: -.54rem;transition:all .3s;}
.yingyong_c .swiper-button-prev{background-image: url("../img/11.png");left: auto;right: .4rem;}
.yingyong_c .swiper-button-next{background-image: url("../img/12.png");right: 0;}
.yingyong_c .swiper-button-prev:hover,.yingyong_c .swiper-button-next:hover{background-color: #dfeb26;border-color: #dfeb26;}
.yingyong_1{position: relative;display:flex;flex-wrap: wrap;justify-content: space-between;}
.yingyong_1 .more{position: absolute;width: .9rem;height: .9rem;background: #dfeb26;border-radius: 50%;padding: .04rem;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .3s;}
.yingyong_1 .more a{display: block;width: .82rem;height: .82rem;border-radius: 50%;border: .03rem solid #FFFFFF;background: #dfeb26;text-align: center;line-height: .76rem;color: #333333;}
.yingyong_1 .items{width: 48%;border-radius: .12rem;overflow: hidden;height: 1.77rem;margin: .11rem 0;}
.yingyong_1 .item1{border-bottom-right-radius: .75rem;}
.yingyong_1 .item2{border-bottom-left-radius: .75rem;}
.yingyong_1 .item3{border-top-right-radius: .75rem;}
.yingyong_1 .item4{border-top-left-radius: .75rem;}
.yingyong_1 .items a{display: block;width: 100%;height: 100%;position: relative;}
.yingyong_1 .items a .img{width: 100%;height: 100%;overflow: hidden;}
.yingyong_1 .items a .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.yingyong_1 .items a .txt{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.45);top: 0;left: 0;opacity: 0;transition:all .5s;}
.yingyong_1 .items a .txt h3{position: absolute;display: block;color: #FFFFFF;font-size: .22rem;line-height: 1;padding-bottom: 5px;border-bottom: .025rem solid #FFFFFF;top:50%;left:50%;transform:translate(-50%,-50%);}
.yingyong_1 .items:hover a .txt{opacity: 1;}
.yingyong_1 .more:hover{background: #a8b11c;}

.footer{width: 100%;background: #181818;margin-top: .4rem;padding: .4rem 0 .35rem;}
.fot_c{display:flex;flex-wrap: wrap;justify-content: space-between;}
.fot_lf{width: 26%;}
.bot_logo{width: .62rem;}
.bot_logo img{display: block;width: 100%;}
.fot_lf .tit{color: #FFFFFF;font-size: .09rem;line-height: .15rem;margin-top: .05rem;}
.fot_lf .txt{font-size: .08rem;line-height: .15rem;color: #b6b6b6;margin-top: .08rem;}
.fot_tel{font-size: .16rem;color: #dfeb26;font-weight: bold;line-height: .17rem;margin-top: .15rem;letter-spacing: -1px;}
.fot_tel img{display: block;width: .17rem;margin-right: .05rem;float: left;}
.fot_lf .share{margin-top: .08rem;}
.fot_lf .share a{display: inline-block;width: .2rem;vertical-align: top;margin-right: .05rem;}
.fot_lf .share a img{display: block;width: .2rem;}
.footer h3{color: #FFFFFF;font-size: .15rem;line-height: 1;margin-bottom: .05rem;}
.fot_nav ul li a{display: block;color: #b6b6b6;font-size: .08rem;line-height: .19rem;}
.fot_nav ul li a:hover{color: #FFFFFF;}
.fot_rt{width: 35%;}
.fot_lx p{display: block;color: #b6b6b6;font-size: .08rem;line-height: .19rem;}
.feedback{margin-top: .12rem;}
.feedback{}
.feedback form{display:flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.feedback form input{display: block;border: none;outline: none;height: .2rem;margin-top: .03rem;border-radius: 4px;font-size: .08rem;color: #FFFFFF;}
.feedback form input[type="text"]{width: 48%;padding: 0 .04rem;background: none;border: 1px solid #565656;}
.feedback form input[type="text"]::-webkit-input-placeholder{color: #999999;}
.feedback form input[type="submit"]{width: .75rem;background: #dfeb26;cursor: pointer;transition:all .3s;color: #181818;font-size: .09rem;}
.feedback form textarea{display: block;width: 100%;padding: .04rem;background: none;border: none;outline: none;margin-top: .03rem;border-radius: 4px;font-size: .08rem;color: #FFFFFF;height: .4rem;border: 1px solid #565656;}
.feedback form textarea::-webkit-input-placeholder{color: #999999;}
.feedback form input[type="submit"]:hover{background: #a8b11c;}
.bottom{width: 100%;text-align: center;color: #FFFFFF;font-size: .08rem;background: #0f74b6;padding: .05rem 0;}
.bottom a{color: #FFFFFF;}

/* about.html */
.jianjie{width: 100%;background: url("../img/bg3.png") top center;background-size: cover;padding-top: .75rem;}
.jianjie .tit p{display: block;color: #FFFFFF;background: #04b2ee;width: 2.32rem;height: .24rem;line-height: .24rem;text-align: center;border-radius: .12rem;font-size: .1rem;}
.jianjie .tit .img{width: 74%;margin-top: .14rem;}
.jianjie .tit .img img{display: block;width: 100%;}
.jianjie .txt{margin-top: .3rem;font-size: .09rem;line-height: .17rem;color: #333333;}
.jianjie .txt .txt_lf{width: 44%;margin-top: .4rem;}
.jianjie .txt .img{width: 50%;height: 1.77rem;border-radius: .12rem;border-bottom-left-radius: .75rem;overflow: hidden;}
.jianjie .txt .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.shuzi{width: 100%;background-image: url("../img/32.jpg");background-position: center;background-size: cover;background-color: #04b2ee;border-radius: .1rem;margin-top: .4rem;height: 1.3rem;margin-bottom: -.65rem;position: relative;z-index: 99;}
.shuzi ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.shuzi ul li{text-align: center;width: 25%;color: #FFFFFF;margin-top: .3rem;}
.shuzi ul li h3{font-size: .2rem;line-height: 1;}
.shuzi ul li h3 b{font-size: .4rem;}
.shuzi ul li p{font-size: .11rem;margin-top: .03rem;}
.about_video{width: 100%;height: 2.15rem;position: relative;z-index: 1;}
.VideoBtn{position: absolute;display: block;width: .5rem;height: .5rem;cursor: pointer;z-index: 10;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.VideoBtn img{display: block;width: 100%;height: 100%;}

.why .img{width: 50%;}
.why .img img{display: block;width: 100%;}
.why_lf{width: 43.75%;padding-top: .5rem;}
.why_lf h2{color: #333333;font-size: .18rem;}
.why_lf ul{margin-top: .3rem;}
.why_lf ul li{width: 100%;background: #04b2ee;border-radius: .1rem;position: relative;margin-top: .22rem;padding: .24rem .7rem .15rem .17rem;color: #FFFFFF;transition:all .3s;}
.why_lf ul li .icon{width: .23rem;height: .23rem;background-size: 100% 100%;position: absolute;right: .16rem;top: .13rem;transition:all .3s;}
.why_lf ul li .icon1{background-image: url("../img/37.png");}
.why_lf ul li .icon2{background-image: url("../img/38.png");}
.why_lf ul li .icon3{background-image: url("../img/39.png");}
.why_lf ul li h3{font-size: .16rem;}
.why_lf ul li p{font-size: .09rem;line-height: .15rem;margin-top: .06rem;transition:all .3s;}
.why_lf ul li:hover{background: #dfeb26;color: #333333;}
.why_lf ul li:hover p{color: #666666;}
.why_lf ul li:hover .icon1{background-image: url("../img/40.png");}
.why_lf ul li:hover .icon2{background-image: url("../img/41.png");}
.why_lf ul li:hover .icon3{background-image: url("../img/42.png");}

.zizhi{width: 100%;background: url("../img/bg4.jpg") top center;background-size: cover;padding: .5rem 0 0 0;}
.zizhi_lf{width: 61%;}
.zizhi_lf h3{font-size: .18rem;color: #333333;}
.zizhi_1{font-size: .11rem;margin-top: .1rem;color: #333333;}
.zizhi_lf_txt ul{margin-top: .05rem;}
.zizhi_lf_txt ul li{position: relative;color: #333333;font-size: .09rem;line-height: .22rem;padding-left: .23rem;}
.zizhi_lf_txt ul li:before{content: "";display: block;position: absolute;width: .045rem;height: .045rem;background: #333333;border-radius: 50%;top: 0;bottom: 0;left: .1rem;margin: auto 0;}
.zizhi_2{font-size: .08rem;margin-top: .28rem;color: #333333;}
.zizhi_lf_txt .link{margin-top: .14rem;}
.zizhi_lf_txt .link a{display: block;float: left;line-height: .26rem;border-radius: .14rem;}
.zizhi_lf_txt .link a.link1{width: .9rem;border: 1px solid #333333;text-align: center;color: #333333;font-size: .1rem;}
.zizhi_lf_txt .link a.link1:hover{background: #333333;color: #FFFFFF;}
.zizhi_lf_txt .link a.link2{width: .4rem;height: .27rem;background-color: #dfeb26;background-image: url("../img/09.png");background-position: center;background-repeat: no-repeat;background-size: .09rem;margin-left: 5px;}
.zizhi_lf_txt .link a.link2:hover{background-color: #a8b11c;}
.zizhi_lf_img .img{width: 1.68rem;margin-top: .15rem;}
.zizhi_lf_img .img img{display: block;width: 100%;}
.zizhi_rt{width: 2.46rem;}
.zizhi_rt img{display: block;width: 100%;}

.process{width: 100%;background: url("../img/bg5.jpg") center;background-size: cover;padding: .54rem 0 .45rem;}
.process h2{position: absolute;display: block;right: 0;top: 0;color: #FFFFFF;font-size: .18rem;}
.process ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.process ul li{width: 23.125%;border: .015rem solid #dfeb26;border-radius: .1rem;overflow: hidden;position: relative;}
.process ul li .img{width: 100%;height: 2.3rem;}
.process ul li .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.process ul li .txt{position: absolute;background: #FFFFFF;width: 90%;left: 0;bottom: .37rem;height: .44rem;border-top-right-radius: .22rem;border-bottom-right-radius: .22rem;font-size: .12rem;color: #333333;font-weight: bold;padding-left: .08rem;line-height: .15rem;padding-top: .07rem;}
.process ul li .txt i{display: block;position: absolute;color: #FFFFFF;text-align: center;font-weight: bold;background: #04b2ee;border-radius: 50%;width: .32rem;height: .32rem;line-height: .32rem;font-size: .13rem;top: .06rem;right: .06rem;}

.reality{margin-top: .5rem;}
.reality h2{text-align: center;color: #333333;font-size: .18rem;}
.reality_c{margin-top: .3rem;}
.reality_c .swiper-slide{border-radius: .1rem;overflow: hidden;height: 3rem;}
.reality_c .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: cover;}
.reality_c .swiper-button-prev,.reality_c .swiper-button-next{width: .36rem;height: .36rem;border-radius: 50%;margin-top: -.18rem;background-color: #dfeb26;background-size: .13rem;background-position: center;background-repeat: no-repeat;}
.reality_c .swiper-button-prev{background-image: url("../img/50.png");left: .6rem;}
.reality_c .swiper-button-next{background-image: url("../img/51.png");right: .6rem;}

.style{width: 100%;background: url("../img/bg6.jpg") top center;background-size: cover;margin-top: .1rem;padding: .5rem 0 .48rem;position: relative;margin-bottom: -.4rem;}
.style:before{content: "";display: block;position: absolute;width: 100%;height: .04rem;top: 0;left: 0;background: linear-gradient(to right,#04b2ee,#dfeb26);}
.style h2{text-align: center;color: #333333;font-size: .18rem;}
.style_img{display:flex;flex-wrap: wrap;justify-content: space-between;margin-top: .27rem;}
.style_img .items{margin-top: .13rem;border-radius: .1rem;overflow: hidden;border: .015rem solid #04b2ee;height: 2rem;}
.style_img .item1{width: 60.625%;}
.style_img .item2{width: 37.5%;}
.style_img .item3{width: 32.1%;}
.style_img .items img{display: block;width: 100%;height: 100%;object-fit: cover;transition:all .5s;}
.style_img .items:hover img{transform:scale(1.15,1.15);}

/* products.html */
.bread{color: #666666;font-size: .1rem;line-height: .28rem;}
.bread img{display: block;float: left;width: .08rem;margin: .09rem .04rem 0 0;}
.bread a{color: #666666;}
.bread i{margin: 0 .03rem;}
.bread a.on,.bread a:hover{color: #04b2ed;}
.products{border-top: 1px solid #dddddd;padding-top: .3rem;}
.products h2{font-size: .22rem;color: #04b2ed;}
.products_c ul{display:flex;flex-wrap: wrap;}
.products_c ul li{width: 22%;margin: .15rem 0 0 4%;}
.products_c ul li .img{border: 1px solid #dddddd;overflow: hidden;}
.products_c ul li .img img{display: block;width: 100%;}
.products_c ul li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #555555;font-size: .12rem;margin-top: .05rem;text-align: center;}
.pages{text-align: center;margin-top: .4rem;}
.pages li{display: inline-block;}
.pages li a{display: block;width: .36rem;border: 1px solid #999999;line-height: .16rem;font-size: .08rem;color: #333333;}
.pages li.on a,.pages li:hover a{background: #04b2ed;color: #FFFFFF;border-color: #04b2ed;}

.pages span.current,.pages a:hover{background: #04b2ed;color: #FFFFFF;border-color: #04b2ed;}
.pages span,.pages a{display: inline-block;margin-right: 0.01rem;width: .36rem;border: 1px solid #999999;line-height: .16rem;font-size: .08rem;color: #333333;}

/* products.html */
.detail{border-top: 1px solid #dddddd;padding-top: .3rem;}
.detail_lf{width: 30%;}
.detail_lf .img img{display: block;max-width: 100%;margin: 0 auto;}
.detail_lf .more a{display: block;width: 1.2rem;height: .2rem;background: #04b2ed;color: #FFFFFF;margin: 0 auto;text-align: center;line-height: .2rem;margin-top: .25rem;font-size: .1rem;}
.detail_lf .more:hover a{background: #dfeb26;color: #333333;}
.detail_rt{width: 70%;padding-left: .3rem;}
.detail_tit h2{color: #04b2ed;font-size: .2rem;margin-bottom: .15rem;}
.detail_tit p{color: #333333;font-size: .1rem;line-height: 1.5;margin-top: .08rem;}
.detail_rt .img img{display: block;max-width: 100%;}
.biaoge table,.detail_rt table{margin-top: .1rem;width: 100%;}
.biaoge table th,.detail_rt table th{border: 1px solid #000000;background: #daeef3;color: #000000;font-size: .08rem;padding: .1rem .05rem;}
.biaoge table td,.detail_rt table td{border: 1px solid #000000;color: #000000;font-size: .08rem;padding: .1rem .05rem;text-align: center;}
.detail_rt .txt{color: #333333;font-size: .1rem;line-height: 1.5;margin-top: .08rem;}
.supplier{width: 100%;background: #FFFFFF;border: .02rem solid #DDDDDD;margin-top: .15rem;padding: .1rem .15rem;}
.supplier h3{font-size: .12rem;color: #000000;line-height: 1;}
.supplier .Efrom,.supplier .EMessage{overflow: hidden;margin-top: .08rem;}
.supplier .Efrom p{float: left;width: .55rem;font-size: .09rem;color: #333333;text-align: right;line-height: .2rem;}
.supplier .Efrom p span{color: #FF0000;}
.supplier .EfromRight{width: calc(100% - .65rem);float: right;}
.supplier .EfromRight .EfromTxt{display: block;width: 100%;height: .2rem;border: 1px solid #ddd;outline: none;padding: 0 .1rem;font-size: .09rem;float: left;}
.supplier .EfromRight .EfromTxt.code{width: .6rem;}
.supplier .EfromRight .yzm{display: block;float: left;width: auto;height: .2rem;margin-left: .05rem;}
.supplier .EfromRight .yzm:hover{cursor: pointer}
.supplier .EMessage p{float: left;width: .55rem;font-size: .09rem;color: #333333;text-align: right;line-height: .2rem;}
.supplier .EMessage textarea{display: block;width: 100%;border-radius: 0;border: 1px solid #ddd;outline: none;padding: .06rem .1rem;font-size: .09rem;height: 1rem;}
.supplier .BtnSend{padding-left: .65rem;margin-top: .08rem;}
.supplier .BtnSend input{display: block;outline: none;cursor: pointer;width: .6rem;height: .2rem;color: #FFFFFF;font-size: .09rem;border-radius: 5px;border: none;background: #04b2ed;transition:all .3s;}
.supplier .BtnSend input:hover{background: #dfeb26;color: #333333;}

/** 鏂伴椈鍒楄〃**/
.news_list {
    margin-top:15px;
    word-break:break-all;
    word-wrap: break-word;
}
.news_list li {
    float: left;
    line-height: 22px;
    font-size: 12px;
    padding: 9px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: #fff;
    border: #eee solid 1px;
    width: 100%;
}

.news_list li:hover {
    background-color: #f9f9f9;
    border: #04b2ed solid 1px;
}

.news_list li a {
    color: #333;
}

.news_list li a:hover {
    color: #04b2ed!important;
}

.news_list li a h2 {
    text-align: center;
    cursor: pointer;
    width: 73px!important;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 75px!important;
    color: #fff!important;
    float: left;
    margin-right: 25px;
    font-size: 15px!important;
    line-height: 22px;
    background: #333!important;
}

.news_list li a:hover h2 {
    background-color: #04b2ed!important;
}

.news_list li a h2 b {
    font-size: 20px;
    line-height: 30px;
}

.news_list li a h2 p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    font-weight: normal;
}

.news_list li h3 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 2px;
    font-weight: normal;
    overflow: hidden;
    height: 26px;
}

.news_list li em {
    color: #999;
    font-size: 13px;
    font-style: normal;
}
/*news-datail*/
.news-detail .title{
    font-size: 0.1rem;
    color: #010101;
    padding-bottom: .1rem;
    text-align: center;
    margin-bottom: 0;
}
.news-detail .ly {
    font-size: 0.07rem;
    color: #444;
    border-bottom: #cccccc 1px dotted;
    text-align: center;
    padding-bottom: .1rem;
}
.news-detail .nr {
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    text-align: left;
    padding: 5px;
    margin-top: 20px;
}

/*download*/
.download-list{
    margin-top:.15rem;
    padding: 0 0.2rem;
}
.download-list li{
    padding-bottom: 0.02rem;
    color: #464646;
}

.download-list li a {
    color: #464646;
    font-size: 0.08rem;
}

.download-list li a:hover {
    color: #04b2ed;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    html {
        padding: 0;
        margin:0;
        font-size: 625%;
        -webkit-text-size-adjust: none;
        -webkit-overflow-scrolling: touch;
        /*10 梅 16 脳 100% = 62.5%*/
    }

    body {
        padding: 0;
        font-size: .14rem;
        max-width: 768px;
        margin: 0 auto;
        -webkit-overflow-scrolling: touch;
        /*1.4 脳 10px = 14px */
    }
    body {
        margin: 0;
        padding: 0;
        color: #444;
        font-family: SourceHanSerifSC-Regular, Arial, Helvetica, sans-serif;
    }

    img {
        border: none;
        vertical-align: middle;
    }

    @media only screen and (min-width: 375px) {
        html {
            font-size: 700%!important
        }
    }
    @media only screen and (min-width: 410px) {
        html {
            font-size: 800%!important
        }
    }
    @media only screen and (min-width: 481px) {
        html {
            font-size: 940%!important
        }
    }

    @media only screen and (min-width: 561px) {
        html {
            font-size: 1090%!important
        }
    }

    @media only screen and (min-width: 641px) {
        html {
            font-size: 1250%!important
        }
        body {
            margin: 0 auto;
            max-width: 768px
        }
    }
    img{width:100%;height:auto;border:none;}
    .ww{width:93.75%; margin:0 auto;}
    .sj_fl{float:left;}
    .sj_fr{float:right;}
    .sj_clear{clear:both;}
    .sj_dn{display:none;}

    .logo{margin-left: .1rem;}
    .yuyan{margin: .1rem 0 0 0;}
    .yuyan_1{width: .95rem;height: .26rem;line-height: .26rem;font-size: .11rem;border-radius: .13rem;background-size: .07rem;}
    .yuyan_1 img{width: .1rem;margin-left: .03rem;transform: translateY(-.01rem);margin-right: .03rem;}
    .yuyan ul li a{line-height: .24rem;font-size: .11rem;}
    .yuyan:hover ul li a{height: .24rem;}
    /*    瀵艰埅鑿滃崟     */
    .nav {position:fixed;opacity:0;z-index: 10001;-webkit-transform:translateX(0);transform:translateX(0);width:52%;height:100%;-webkit-transition-property: all;transition-property:all;-webkit-transition-duration:300ms;transition-duration:300ms; padding: .4rem 0 .15rem 0; top:0;}
    .nav--active .nav {opacity: 1;background:rgba(0,0,0,.8);}
    .nav__list {padding:0.1rem;line-height:0.35rem;font-size:0.13rem; height:100%;overflow:scroll;}
    .nav__list li,.nav__list li a{color:#FFFFFF;}
    .nav__trigger{display: block;position:absolute;width: 30px;height: 25px;right: .1rem;top: .17rem;z-index: 1001;}
    .nav--active .nav__trigger{position: fixed;z-index: 10002;}
    .nav__icon {display: inline-block;position: relative;width: 28px;height: 3px;background-color: #FFFFFF;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
    .nav__icon:before,.nav__icon:after {content: '';display: block;width: 28px;height: 3px;position: absolute;background: #FFFFFF;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
    .nav__icon:before {margin-top: -10px;}
    .nav__icon:after {margin-top: 10px;}
    .nav--active .nav {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
    .nav--active .nav__icon {background: rgba(0, 0, 0, 0)!important;}
    .nav--active .nav__icon:before {margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg); background:#FFFFFF;}
    .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); background:#FFFFFF;}
    .nav__list li ul li{line-height:.2rem; margin-top:.12rem;}
    /*浜岀骇瀵艰埅*/
    .cd-accordion-menu {width: 100%;}
    .cd-accordion-menu ul {display: none;}
    .cd-accordion-menu li {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
    .cd-accordion-menu input[type=checkbox] {position: absolute;opacity: 0;}
    .cd-accordion-menu label, .cd-accordion-menu a {position: relative;display: block;color: #ffffff;}
    .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {background: #52565d;}
    .cd-accordion-menu label::before, .cd-accordion-menu a::after {content: '';display: inline-block;width: 16px;height: 16px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);margin-top:-1px;}
    .cd-accordion-menu label {cursor: pointer;}
    .cd-accordion-menu label::before{background-image: url(../img/cd-icons.svg);background-repeat: no-repeat;}
    .cd-accordion-menu label::before {right: 0;background-position: 0 0;-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
    .cd-accordion-menu input[type=checkbox]:checked + label::before {-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .cd-accordion-menu input[type=checkbox]:checked + label::after {background-position: -32px 0;}
    .cd-accordion-menu input[type=checkbox]:checked + label + ul,.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {display: block;}
    .cd-accordion-menu ul label,.cd-accordion-menu ul a {padding-left: 0.1rem;font-size:0.12rem;}
    .cd-accordion-menu ul label::before {right: 0;}
    .cd-accordion-menu ul ul label,.cd-accordion-menu ul ul a {padding-left:0.2rem;font-size:0.09rem;line-height:0.25rem;color:#cbd8da;}
    .cd-accordion-menu.animated label::before {-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}

    .mixed{padding: .3rem 0 .11rem;}
    .mixed_lf{width: 100%;}
    .mixed_lf_top .items{width: 49%;padding: .18rem .12rem .16rem;}
    .mixed_lf_top .items img{width: .25rem;}
    .mixed_lf_top .items h3{font-size: .3rem;}
    .mixed_mid{width: 80%;margin: 0 auto;margin-top: .15rem;}
    .mixed_rt{width: 100%;}
    .mixed_rt .txt{font-size: .12rem;line-height: .2rem;margin-top: .1rem;}
    .mixed_rt .link{margin-top: .15rem;}

    .about_us{margin-top: .35rem;}
    .about_us .img img{display: block;width: 100%;}
    .about_us .con{margin-top: .2rem;}
    .about_us .con .txt{width: 100%;font-size: .11rem;line-height: .18rem;text-align: left;margin-top: .1rem;}
    .about_us .con .link{margin-top: .1rem;}

    .product .tit{width: 100%;}
    .product .tit p{font-size: .1rem;margin-top: .07rem;}
    .product_con{margin-top: .4rem;}
    .product_con .swiper-slide h3 a{font-size: .15rem;}
    .product_con .swiper-slide p{font-size: .11rem;line-height: .18rem;height: .54rem;}
    .product_con .swiper-button-prev, .product_con .swiper-button-next{top: -.4rem;width: .3rem;height: .3rem;}

    .ind_news{padding-top: .3rem;}
    .ind_news_lf{width: 100%;padding: .15rem;}
    .ind_news_rt{width: 100%;padding: .15rem;}
    .ind_news_lf ul{margin: .15rem 0 0 0;}
    .ind_news_lf ul li{margin-top: .15rem;}
    .ind_news_lf ul li h3 a{padding-left: .23rem;line-height: .15rem;font-size: .13rem;background-size: .15rem;}
    .ind_news_lf ul li p{font-size: .11rem;line-height: .18rem;margin-top: .05rem;}
    .ind_news_rt .new_img .txt{font-size: .11rem;line-height: .2rem;}
    .ind_news_rt ul{margin-top: .1rem;}
    .ind_news_rt ul li a{margin-top: .08rem;font-size: .12rem;}

    .yingyong{margin-top: .35rem;}
    .yingyong .tit{width: 100%;}
    .yingyong .tit p{font-size: .1rem;margin-top: .07rem;}
    .yingyong_c{margin-top: .4rem;}
    .yingyong_c .swiper-button-prev,.yingyong_c .swiper-button-next{top: -.3rem;width: .3rem;height: .3rem;}
    .yingyong_1 .more{width: .65rem;height: .65rem;}
    .yingyong_1 .more a{display: block;width: .57rem;height: .57rem;border: .02rem solid #FFFFFF;line-height: .53rem;}
    .yingyong_1 .items{width: 49%;height: 1.4rem;margin: .08rem 0;}
    .yingyong_1 .item1{border-bottom-right-radius: .7rem;}
    .yingyong_1 .item2{border-bottom-left-radius: .7rem;}
    .yingyong_1 .item3{border-top-right-radius: .7rem;}
    .yingyong_1 .item4{border-top-left-radius: .7rem;}
    .yingyong_1 .items a .txt{opacity: 1;}
    .yingyong_1 .items a .txt h3{font-size: .13rem;border-bottom: .02rem solid #FFFFFF;}

    .footer{margin-top: .3rem;padding: .3rem 0;}
    .fot_lf{width: 100%;}
    .fot_lf .tit{font-size: .11rem;line-height: .2rem;}
    .fot_lf .txt{font-size: .1rem;line-height: .18rem;}
    .fot_nav{display: none;}
    .fot_rt{width: 100%;margin-top: .2rem;}
    .fot_lx p{font-size: .12rem;line-height: .22rem;}
    .feedback{margin-top: .2rem;}
    .feedback form{display:flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
    .feedback form input{height: .3rem;margin-top: .05rem;font-size: .12rem;}
    .feedback form input[type="text"]{width: 100%;}
    .feedback form input[type="submit"]{width: .8rem;font-size: .12rem;}
    .feedback form textarea{margin-top: .05rem;font-size: .12rem;height: .6rem;}
    .bottom{font-size: .1rem;padding: .1rem .05rem;line-height: .16rem;}

    /* about.html */
    .jianjie{padding-top: .3rem;}
    .jianjie .tit p{width: 2.2rem;font-size: .11rem;}
    .jianjie .tit .img{width: 100%;margin-top: .14rem;}
    .jianjie .txt{margin-top: 0;font-size: .11rem;line-height: .2rem;}
    .jianjie .txt .txt_lf{width: 100%;margin-top: .2rem;}
    .jianjie .txt .img{width: 100%;height: 1.5rem;border-bottom-left-radius: .7rem;margin-top: .2rem;}
    .shuzi{margin-top: .3rem;height: 1rem;margin-bottom: -.5rem;}
    .shuzi ul li{margin-top: .18rem;}
    .shuzi ul li h3{font-size: .15rem;}
    .shuzi ul li h3 b{font-size: .25rem;}
    .shuzi ul li p{font-size: .11rem;}
    .about_video{width: 100%;height: 2.15rem;position: relative;z-index: 1;}
    .VideoBtn{position: absolute;display: block;width: .5rem;height: .5rem;cursor: pointer;z-index: 10;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
    .VideoBtn img{display: block;width: 100%;height: 100%;}

    .why .img{width: 100%;}
    .why_lf{width: 100%;padding-top: .3rem;}
    .why_lf ul{margin-top: .2rem;}
    .why_lf ul li{margin-top: .15rem;height: 1.1rem;padding: .2rem .6rem 0 .12rem;}
    .why_lf ul li p{font-size: .11rem;line-height: .18rem;}

    .zizhi{padding: .3rem 0 0 0;margin-top: .3rem;}
    .zizhi_lf{width: 100%;}
    .zizhi_1{font-size: .12rem;}
    .zizhi_lf_txt ul{margin-top: .05rem;}
    .zizhi_lf_txt ul li{font-size: .11rem;line-height: .24rem;}
    .zizhi_2{font-size: .1rem;margin-top: .15rem;}
    .zizhi_lf_img{margin-top: .2rem;}
    .zizhi_rt{width: 100%;}

    .process{padding: .3rem 0;}
    .process h2{position: static;text-align: center;}
    .process ul{margin-top: .2rem;}
    .process ul li{width: 49%;margin-top: .15rem;}
    .process ul li .img{width: 100%;height: 1.9rem;}
    .process ul li .txt{bottom: .15rem;height: .58rem;border-top-right-radius: .29rem;border-bottom-right-radius: .29rem;line-height: .16rem;padding-top: .05rem;padding-right: .4rem;}
    .process ul li .txt i{top: .13rem;}

    .reality{margin-top: .3rem;}
    .reality_c{margin-top: .2rem;}
    .reality_c .swiper-slide{height: 2rem;}
    .reality_c .swiper-button-prev,.reality_c .swiper-button-next{width: .24rem;height: .24rem;margin-top: -.12rem;}
    .reality_c .swiper-button-prev{left: .1rem;}
    .reality_c .swiper-button-next{right: .1rem;}

    .style{padding: .35rem 0 .3rem;margin-bottom: -.3rem;}
    .style_img{margin-top: .1rem;}
    .style_img .items{margin-top: .12rem;height: 1.6rem;}
    .style_img .item1{width: 100%;}
    .style_img .item2{width: 48%;height: 1rem;}
    .style_img .item3{width: 48%;height: 1rem;}

    /* products.html */
    .bread{font-size: .12rem;line-height: .35rem;}
    .bread img{width: .11rem;margin: .11rem .06rem 0 0;}
    .products_c ul{display:flex;flex-wrap: wrap;}
    .products_c ul li{width: 48%;margin: .2rem 0 0 4%;}
    .products_c ul li:nth-child(2n+1){margin-left: 0;}
    .products_c ul li p{margin-top: .1rem;}
    .pages{margin-top: .25rem;}

    /* products.html */
    .detail_lf{width: 100%;}
    .detail_lf .more a{width: 2rem;height: .3rem;line-height: .3rem;margin-top: .35rem;font-size: .13rem;}
    .detail_rt{width: 100%;padding-left: 0;margin-top: .3rem;}
    .detail_tit p{font-size: .12rem;}
    .detail_rt .img img{width: auto;max-width: 100%;}
    .biaoge{width: 100%;overflow: auto;}
    .biaoge table{min-width: 600px;}
    .biaoge table th{font-size: .12rem;}
    .biaoge table td{font-size: .12rem;}
    .detail_rt .txt{font-size: .12rem;}
    .supplier{padding: .1rem;}
    .supplier h3{font-size: .15rem;}
    .supplier .Efrom p{width: .7rem;font-size: .12rem;line-height: .3rem;}
    .supplier .EfromRight{width: calc(100% - .8rem);}
    .supplier .EfromRight .EfromTxt{height: .3rem;padding: 0 .1rem;font-size: .12rem;}
    .supplier .EfromRight .EfromTxt.code{width: .65rem;}
    .supplier .EfromRight .yzm{height: .3rem;}
    .supplier .EMessage p{width: .7rem;font-size: .12rem;line-height: .3rem;}
    .supplier .EMessage textarea{font-size: .12rem;height: 1.2rem;}
    .supplier .BtnSend{padding-left: .8rem;}
    .supplier .BtnSend input{width: .65rem;height: .3rem;font-size: .12rem;}




}