/* 移动端样式 */


@media screen and (max-width: 750px) {
    body{
        min-width: 100%;
    }
    img.pc{
        display: none !important;
    }
    img.mob{
        display: block !important;
    }
    .container{
        width: 100%;
        padding: 0;
    }
    .header{
        display: none;
    }
    .footer{
        display: none;
    }
    .index-banner-pagination{
        width: 100%;
        bottom: .26rem;
    }
    .index-banner-pagination span{
        width: .55rem;
        height: 2px;
        border-radius: 3px;
        margin: 0 .15rem;
    }
    .index-banner-pagination span.swiper-pagination-bullet-active{
        width: 1.8rem;
    }
    .index-banner-btn-view{
        display: none;
    }
    .index-product {
        margin-top: .8rem;
        margin-bottom: 1.2rem;
    }
    .index-sectit p {
        font-size: .4rem;
    }
    .index-sectit a {
        width: 1.5rem;
        font-size: .2rem;
        margin-top: .26rem;
    }
    .index-product-list {
        justify-content: center;
    }
    .index-product-list li {
        margin-top: .5rem;
        margin-right: 0;
        width: 2.3rem;
    }
    .index-product-list li:nth-child(2n-1){
        margin-right: .8rem;
    }
    .index-product-item-name{
        padding-top: .2rem;
        font-size: .3rem;
    }
    .index-product-item-name .name-en{
        font-size: .2rem;
    }
    .index-huoj{
        padding-top: .8rem;
        background-size: 1200px;
        background-color: #e0e0e0;
    }
    .index-huoj-swiper{
        margin-top: .9rem;
    }
    .index-huoj-swiper .swiper-container{
        padding-bottom: 1.4rem;
    }
    .index-huoj-swiper-pagination{
        bottom: .5rem;
    }
    .index-huoj-swiper-pagination span{
        width: .56rem;
        height: 2px;
        margin: 0 .15rem;
    }
    .index-news{
        padding-top: .4rem;
        padding-bottom: 1.6rem;
    }
    .index-news-top {
        width: 100%;
        margin-bottom: 1.2rem;
    }
    .index-news-cent{
        display: block;
        padding: 0 .42rem;
    }
    .index-news-cent .item{
        width: 100%;
        margin-bottom: 1.2rem;
    }
    .index-news-cent .item:last-child{
        margin-bottom: 0;
    }
    .index-news-txt {
        padding: .2rem .3rem;
    }
    .index-news-txt .tit{
        font-size: .3rem;
        margin-bottom: .2rem;
    }
    .index-news-txt .date{
        font-size: .24rem;
    }
    .index-xsho{
        width: 100%;
        overflow: hidden;
    }
    .index-xsho-titimg{
        width: 200%;
        margin-left: -50%;
    }
    .index-xsho-list{
        width: 100%;
        padding: 0 .4rem;
    }
    
    .index-xsho-list li{
        width: 50%;
    }
    .news-list-nav{
        margin-top: .7rem;
        margin-bottom: .7rem;
    }
    .news-list-nav a {
        font-size: .24rem;
        margin-right: 1.7rem;
    }
    .news-list{
        width: 100%;
        padding: 0 .14rem;
    }
    .news-list li {
        padding: 0;
        margin-bottom: .2rem;
        border: none;
    }
    .news-list li:hover{
        border: none;
    }
    .news-list li>a {
        display: block;
    }
    .news-list li>a .left{
        width: 100%;
        max-height: auto;
    }
    .news-list li>a .right{
        padding: .4rem .24rem;
    }
    .news-list li>a .right .tit {
        font-size: .24rem;
        line-height: 1.4;
        color: #000;
        font-weight: bold;
        margin-bottom: .3rem;
    }
    .news-list li>a .right .xtit {
        font-size: .18rem;
        line-height: 1.6;
        margin-bottom: .5rem;
    }
    .news-list li>a .right .btn{
        display: none;
    }
    .page-view{
        margin-top: .4rem;
        font-size: .2rem;
        justify-content: center;
    }
    .page-prev-btn i{
        font-size: .4rem;
    }
    .page-prev-btn{
        margin-right: 0;
    }
    .page-next-btn{
        margin-left: 0;
    }
    .page-nums{
        margin: 0 .4rem;
    }
    .news-main{
        padding-bottom: .6rem;
    }
    .newscent-main{
        padding: 0 .34rem;
        padding-top: .7rem;
        padding-bottom: .78rem;
    }
    .newstit {
        font-size: .3rem;
        color: #000000;
        line-height: 1.4;
        max-width: 90%;
        margin:0 auto;
        margin-bottom: .5rem;
    }
    .newstit::after {
        content: '';
        width: 4.9rem;
        height: 1px;
        background: #ff6900;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -.26rem;
    }
    .backlist{
        display: block;
        font-size: .24rem;
        display: none;
    }
    .newscent{
        background: transparent;
        padding: 0;
    }
    .newscent-top{
        margin-bottom: .9rem;
    }
    .newscent-top p{
        font-size: .24rem;
        text-align: center;
        width: 100%;
    }
    .fxview{
        display: none;
    }
    .newscent-bot{
        padding-bottom: .7rem;
        border-bottom: 1px solid #000000;
    }
    .news-more{
        margin-top: .6rem;
    }
    .news-more a,.news-more div{
        margin-bottom: .5rem;
        font-size: .26rem;
    }
    .news-more a:last-child{
        margin-bottom: 0;
    }
    .news-more a i{
        font-size: .28rem;
        margin-right: .32rem;
    }
    .news-more div:last-child{
        margin-bottom: 0;
    }
    .news-more div i{
        font-size: .28rem;
        margin-right: .32rem;
    }
    .xshop-main{
        padding-top: .9rem;
        padding-bottom: 4rem;
    }
    .xshop-view {
        width:7rem;
        margin: 0 auto;
        padding: 0;
        background: transparent;
        margin-top: 1.2rem;
    }
    .xshop-main .news-list-nav{
        margin-top: 0;
    }
    .xshop-view img{
        width: 100%;
    }
    .contact-main{
        padding-top: .9rem;
        padding-bottom: 1.2rem;
    }
    .contact-tit {
        font-size: .3rem;
        margin-bottom: .6rem;
    }
    .contact-view{
        width: 7.24rem;
        margin: 0 auto;
        display: block;
    }
    .contact-view .left{
        width: 100%;
        padding: .36rem;
        padding-bottom: 1.6rem;
        background-color: #000000;
        background-size: 12rem auto;
        background-repeat: no-repeat;
        background-position: 30%;
    }
    .contact-view .left .top{
        width: 100%;
        margin-bottom: .6rem;
        font-size: .24rem;
    }
    .contact-view .left .cent p,.contact-view .left .bot p{
        font-size: .24rem;
    }
    .contact-view .left .cent{
        margin-bottom: .6rem;
    }
    .contact-view .right{
        width: 100%;
        background: #000;
    }
    .contact-view .right .formview input{
        font-size: .24rem;
    }
    .contact-view .right .formview span{
        font-size: .24rem;
        color: #000;
        margin-right: .2rem;
    }
    .contact-view .right .formview select,.contact-view .right .formview.text textarea{
        font-size: .24rem;
    }
    .contact-view .right .formview{
        height: .64rem;
        margin-bottom: .4rem;
        padding: 0 .3rem;
    }
    .contact-view .right .formview.text{
        height: 2.9rem;
    }
    .lxwm-btn{
        line-height: .82rem;
        color: #fff;
        font-size: .3rem;
    }
    .search-tit{
        font-size: .3rem;
        padding:.6rem 0;
    }
    .search-xtit{
        display: none;
    }
    .about-main{
        padding-top: 0;
        padding-bottom: .9rem;
    }
    .about-titimg {
        width: 100%;
        padding-top: 1.2rem;
        padding-bottom: 1.3rem;
        margin-bottom: .14rem;
        background-image: url(../images/about-titimg.jpg);
    }
    .about-titimg .tit{
        font-size: .36rem;
        margin-bottom: .8rem;
    }
    .about-titimg .con,.about-titimg .con p,.about-titimg .con div{
        font-size: .24rem;
        line-height: 1.4;
    }
    .about-list{
        width: 7.25rem;
        margin: 0 auto;
    }
    .about-list li{
        display: flex;
        margin-bottom: .2rem;
    }
    .about-list-cent{
        width: 100%;
        padding: .66rem .3rem;
    }
    .about-list li img{
        width: 100%;
    }
    .about-list-cent .tit{
        margin-bottom: .6rem;
        font-size: .34rem;
    }
    .about-list-cent .tit::after {
        content: '';
        display: block;
        width: 1.2rem;
        height: .08rem;
        background: #ff6900;
        position: absolute;
        left: 0;
        bottom: -.2rem;
        border-radius: 5px;
    }
    .about-list-cent .cent{
        font-size: .24rem;
    }
    .about-list li {
        flex-flow: column-reverse;
    }
    .about-list li:nth-child(2n){
        flex-flow: column-reverse;
    }
    .about-list li:nth-child(2n) .about-list-cent .tit{
        text-align: left;
    }
    .about-list li:nth-child(2n) .about-list-cent .tit::after{
        left: 0;
        right: initial;
    }
    .about-end{
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
        font-size: .24rem;
    }
    .prolist-nav{
        width: 7.3rem;
        margin: 0 auto;
        flex-wrap: wrap;
        margin-top: .2rem;
        padding: 0 .3rem;
        padding-top: .3rem;
        padding-bottom: .1rem;
        border-bottom: 2px solid #ff6900;
    }
    .prolist-nav-item-name {
        font-size: .24rem;
        padding: 0 .06rem;
        color: #000;
        font-weight: bold;
        text-align: center;
        margin-top: .06rem;
    }
    .prolist-nav .item{
        width: 20%;
        margin-bottom: .4rem;
    }
    .prolist-nav .item.on::after{
        display: none;
    }
    .prolist-hover{
        width: 1.1rem;
        height: 1.1rem;
    }
    .prolist-cent{
        margin-top: .5rem;
    }
    .prolist-main{
        padding-bottom: .9rem;
    }
    .prolist-qhbtn{
        justify-content: center;
        margin-bottom: .6rem;
    }
    .prolist-qhbtn>div{
        font-size: .24rem;
        margin-right: 0;
    }
    .prolist-qhbtn>div:first-child{
        margin-right: .4rem;

    }
    .prolist-qhbtn>div.on::after{
        width: 80%;
        left: 10%;
        height: 2px;
        bottom: -.1rem;
    }
    .product-list-main{
        width: 7.3rem;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .product-list-main .item{
        width: 33%;
        height: auto;
        margin-bottom: .3rem;
        margin-right: .5%;
    }
    .product-list-main .item img{
        width:  100%;
        height: auto;
    }
    .product-list-main .item:nth-child(3n){
        margin-right: 0;
    }
    .product-list-main .item p.name{
        font-size: .18rem;
        padding: 0 .1rem;
    }
    .product-top{
        display: block;
        margin-bottom: .2rem;
    }
    .product-top .left{
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .pro-mainimg{
        display: none;
    }
    .product-top .left .pro-swiper{
        width: 100%;
        height: auto;
    }
    .product-main{
        padding-top: 0;
        padding-bottom: 0;
    }
    .product-top .left .pro-swiper .swiper-container{
        height: auto;
    }
    .product-top .left .pro-swiper .swiper-slide.on{
        border: none;
    }
    .product-top .right{
        background: #fff;
        margin-top: .2rem;
        padding: .4rem .25rem;
        font-size: 0;
    }
    .product-top .right .name{
        font-size: .3rem;
        margin-bottom: .3rem;
        margin-top: 0;
        padding-bottom: .3rem;
        border-bottom: 1px solid #ff6900;
        font-weight: bold;
    }
    .product-top .right .xtit{
        font-size: .2rem;
        line-height: 1.8;
        margin-bottom: .4rem;
        text-align: justify;
    }
    .product-top .right .buy{
        display: none;
    }
    .product-top .right .xhao {
        font-size: .2rem;
        line-height: 2.2;
        border-radius: .4rem;
        padding: 0 .2rem;
        color: #fff;
        background: #ff6900;
        margin-bottom: 0;
        display: inline-block;
    }
    .product-bottom{
        display: block;
    }
    .product-bottom .left{
        display: none;
    }
    .product-bottom .right {
        padding: 0 .1rem;
    }
    .product-xq-item-tit {
        font-size: .3rem;
        line-height: 1.4;
        font-weight: bold;
        color: #000;
        margin-top: .5rem;
    }
    .product-xq-nav {
        display: flex;
        padding-top: .3rem;
        border-bottom: 2px solid #ff6900;
    }
    .product-xq-nav>div{
        padding: .2rem .14rem;
        font-size: .26rem;
    }
    .product-xq-nav{
        justify-content: space-between;
    }
    .product-xq-list>div{
        padding-bottom: .4rem;
    }
.product-xq-list p{
    font-size:.26rem;
    line-height: 1.4;
    color: #000;
}
    .fwzc-main-tit {
        margin-top: .7rem;
        margin-bottom: .7rem;
        font-size: .3rem;
    }
    .fwzc-view{
        width: 7.2rem;
        margin: 0 auto;
        padding: 0 .3rem;
    }
    .fwzc-top{
        padding-top: 34px;
        padding-bottom: 58px;
    }
    .fwzc-search{
        width: 100%;
        height: 1.24rem;
    }
    .fwzc-search input{
        padding: 0 .2rem;
        font-size: .24rem;
    }
    .fwzc-search-btn i{
        font-size: .56rem;
    }
    .fwzc-list{
        padding-bottom: 0;
    }
    .fwzc-list .item{
        display: block;
        padding-top: 0;
        padding-bottom: .7rem;
    }
    .fwzc-list .item .cp-img{
        width: 3.4rem;
        margin:0 auto;
    }
    .fwzc-list .item .right{
        padding-left: 0;
    }
    .fwzc-list .item .right .name {
        font-size: .24rem;
        margin-bottom: 8px;
    }
    .fwzc-list .item .right .qieh-btn{
        display: block;
        text-align: center;
        font-size: .24rem;
    }
    .fwzc-list .item .right .pdf-btns {
        margin-top: .5rem;
        margin-bottom: .2rem;
        justify-content: space-between;
    }
    .fwzc-list .item .right .pdf-btns div{
        width: 3.12rem;
        height: .74rem;
        font-size: .24rem;
        line-height: .74rem;
        margin-right: 0;
    }
    .fwzc-list .item .right .xt-sel{
        width: 100%;
        height: .74rem;
    }
    .fwzc-item-bot {
        width: 100%;
        border-top: 1px solid #dcdcdc;
        margin-top: .4rem;
        padding-top: .6rem;
        display: block;
    }
    .fwzc-item-bot p{
        font-size: .24rem;
    }
    .fwzc-item-dowbtn {
        width: 3.1rem;
        height: .7rem;
        font-size: .26rem;
        line-height: .7rem;
        margin-right: 0;
        background: #ff6900;
        margin-left: 0;
        cursor: pointer;
        margin-top: .3rem;
display: inline-block;
    }

    .m-header{
        width: 100%;
        height: 1.2rem;
        background: #fff;
        position: relative;
        z-index: 9999999;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .m-header .left{
        width: 2rem;
        position: absolute;
        left: .54rem;
    }
    .m-header .left img{
        width: 100%;
    }


    .m-header-search{
        margin-right: .2rem;
        display: flex;
        align-items: center;

    }
    .m-header-search-btn{
        width: .7rem;
        height: .7rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #282828;
    }
    .m-header-search-btn:hover{
        color: #ff6900;
    }
    .m-header-search-btn i{
        font-size: .4rem;
    }
    .m-header-search-open{
        height: .7rem;
        background: #ff6900;
        display: flex;
        align-items: center;
        width: 0;
        overflow: hidden;
        
    }
    .m-header-search-open.on{
        width: 3rem;
        transition: 1s;
    }
    .m-header-search-open form{
        width: 100%;
        height: 100%;
        display: flex;
    }
    .m-header-search-open input{
        width: 100%;
        height: 100%;
        border: none;
        background: transparent;
        color: #fff;
        padding: 0 .1rem;
        font-size: .24rem;
    }
    
    .m-header-search-open input::-webkit-input-placeholder{
        color: #fff;
        font-size: .24rem;
    }
    .m-header-search-open input::-moz-placeholder{
        font-size: .24rem;
        color: #fff;        
    }
    .m-header-search-open input:-ms-input-placeholder{
        font-size: .24rem;
        color: #fff;        
    }
    .m-searchbtn{
        width: .7rem;
        height: .7rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #fff;
    }
    .searchbtn i{
        font-size: .4rem;
    }
    .m-head-nav{
        width: .7rem;
        height: .7rem;
        margin-right: .24rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .m-head-nav i{
        font-size: .54rem;
        color: #282828;
    }
    .m-footer{
        display: block;
        width: 100%;
        background: #f1f1f1;
        border-top: .14rem solid #f1f1f1;
    }
    .m-footer-main{
        background: #fff;
        padding-top: .65rem;
        margin-bottom: .5rem;
    }
    .m-footer-bot{
        padding: .26rem 0;
        text-align: center;
        line-height: 1.4;
        font-size: .24rem;
        background: #000;
        color: #919191;
    }
.m-footer-bot a{
color: #919191;
}
    .m-footer-nav{
        width: 100%;
    }
    .m-footer-nav li{
        width: 100%;
        border-bottom: 1px solid #c1c1c1;
    }
    .m-footer-nav li a{
        display: block;
        padding: .26rem .4rem;
        font-size: .3rem;
        color: #000000;
    }
    .m-footer-ewm{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1rem;
        flex-flow: column;
    }
    .m-footer-ewm img{
        width: 40%;
    }
    .m-footer-ewm .item{
        
        margin-right: .8rem;
    }
    .m-footer-ewm .item:last-child{
        margin-right: 0;
    }
    .m-footer-ewm .item img{
        width: 1.9rem;
        margin-bottom: .2rem;
    }
    .m-footer-ewm .item p{
        font-size: .2rem;
        text-align: center;
        color: #000;
    }
    .m-footer-msg{
        width: 100%;
        margin-top: 1rem;
        padding: 0 .3rem;
        padding-bottom: .6rem;
    }
    .m-footer-msg p{
        font-size: .3rem;
        color: #545454;
        margin-bottom: .3rem;
        text-align: center;
    }
    .m-footer-msg p:last-child{
        margin-bottom: 0;
    }
    .m-footer-msg p i{
        font-size: .3rem;
        color: #979797;
    }
    .m-head-opennav{
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .8);
        position: absolute;
        left: 0;
        top: 1.2rem;
        z-index: -1;
        padding-top: 1rem;
        display: none;
    }
    .m-nav{
        width: 100%;
    }
    .m-nav a{
        width: 100%;
        padding: .2rem .42rem;
        font-size:.3rem;
        color: #fefefe;
        line-height: 1.6;
        border-bottom: 1px solid #666666;
        display: block;
    }
    .open-search{
        width: 6.7rem;
        height: .58rem;
        background: #d0d0d0;
        margin: 0 auto;
        margin-top: .96rem;
        display: flex;
        align-items: center;
    }
    .open-search form{
        width: 100%;
        height: 100%;
        display: flex;
    }
    .open-search form input{
        width: 100%;
        height: 100%;
        border: none;
        background: transparent;
        font-size: .24rem;
        padding: 0 .2rem;
    }
    .open-search-btn{
        width: .58rem;
        height: .58rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }
    .open-search-btn i{
        font-size: .4rem;
        color: #0f0f0f;
    }
}