/*
* name: responsive
* version: v2.1.1
* update: 添加pad竖屏状态Padp
* data: 2017-06-13
*/

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    content: 'Pc';
}

.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); }

@media only screen and (min-width: 1920px) {
    /* rem+vw+calc, 同时设置px兼容 */
    html{font-size:100px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));}

    /* 产品列表 */
    .pro_list01::after{width:calc(50vw - 3.9rem);}
    .pro_list01 .left svg{right:-10px; min-width:.8rem; width:auto;}
    .pro_list01 .left .c_box li .top_line .arr1{font-size:.14rem;}

    /* 首页 */
    .ipart01 .content{padding:5vh 0; display:flex; align-items:center;}
    .ipart01 .content .right{width:71%;}
    .ipart01 .content .left li .box .icon img{max-width:.5rem;}
    .ipart01 .content .right .tab_t .tab_c_box{width:33%;}
    .ipart01 .content .right .tab_t .img_box{width:65%;}

    /* 面包屑 */
    .crumbs .box>*{font-size:.14rem;}


    /* 公共按钮1 */
    .common_more1{font-size:.14rem;}

    /* 新闻详情 */
    .news_detail01 .right .news_page a{font-size:.14rem;}
    .news_detail01 .left li .info_ .t{font-size:.16rem; line-height:.2rem; height:.6rem;}

    
}

/* FHD缩放125% */
@media only screen and (max-width: 1540px) {
    html{font-size:90px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));}
    /*1540（FHD缩放125%） 网站样式*/








}


/* 1440（2K） */
@media only screen and (max-width: 1440px) {
    /*1440（2K） 网站样式*/
    html{font-size:80px;}
    .wrap{width:14rem;}


    /* 导航 */
    .header .inav_wrapper .inav_li{margin:0 .1rem;}
    .header .h_tools>div{margin-left:.3rem;}

    /* 底部 */
    .footer .f_top dl{padding-right:3%;}
    .footer .f_top dl::after{right:15%;}


    /* 首页 */
    .ipart01 .content .left li{margin-bottom:.3rem;}
    .ipart01 .content .right .tab_t .name_box{font-size:1.6rem;}

    /* 新闻列表 */
    .news_banner.xc_banner .intro .inp_wrap{width:50%;}
    .news_banner.xc_banner .intro .inp_wrap .btns{width:2.6rem;}
    .news_banner.xc_banner .intro .inp_wrap .inp{width:calc(100% - 3.2rem);}
    .news_list01 form{width:51%;}


    /* 产品列表 */
    .pro_list01::after{width:calc(50vw - 3.65rem);}


}


/* 1366（普通14寸） */
@media only screen and (max-width: 1366px) {
    
    /*1366（普通14寸） 网站样式*/


    /* 代工 */
    .foundry03::after{width:1rem; background-size:100% 100%;}
    .foundry03::before{width:1.5rem; background-size:100% 100%;}
    

    /* 关于 */
    .about01 .bott .wrap::after{transform:translateX(-3%);}
    .about01 .bott .left{padding:.3rem 0;}



}


/*
* PadMode
*/
@media only screen and (max-width: 1240px) {
    html{font-size:80px;}
    body:after {
        content: 'Pad';
    }
    body{ user-select: none;-webkit-user-select: none;}
    /* html { overflow-x:hidden;} */
    body,input,textarea,button,select { font-size:.16rem;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:940px; }
    /*padMode 1240px 网站样式*/


    /* 导航 */
    .header .inav_wrapper{display:none;}
    .header .h_tools .h_sear{display:none;}
    /* 手机端部分 */
    .header .h_tools .mobile_key{display:inline-block; position:relative; width:.25rem; height:.2rem; margin-top:.05rem;}
    .header .h_tools .mobile_key::after,
    .header .h_tools .mobile_key::before{content:''; display:block; position:absolute; left:0; top:50%; width:100%; height:2px; transform:translateY(-50%); background:#fff; transition:all .36s}
    .header .h_tools .mobile_key span{display:block; position:absolute; left:0; top:50%; width:100%; height:2px; transform:translateY(-50%); background:#fff; transition:all .36s}
    .header .h_tools .mobile_key::before{margin-top:-0.1rem}
    .header .h_tools .mobile_key::after{margin-top:.1rem}
    .menu-open.header .h_tools .mobile_key span {opacity:0}
    .menu-open.header .h_tools .mobile_key::after,
    .menu-open.header .h_tools .mobile_key::before{margin-top:0}
    .menu-open.header .h_tools .mobile_key::before{transform:translateY(-50%) rotate(45deg)}
    .menu-open.header .h_tools .mobile_key::after{transform:translateY(-50%) rotate(-45deg)}

    .header .m_nav{height:calc(100% - .8rem); position:fixed; left:0; top:.8rem; width:100%; z-index:99; background:linear-gradient(0deg, #F3F4F4 0%, #F3F4F4 100%), #F6FAFE !important; padding:0.2rem 4%; box-sizing:border-box; transform:translateX(100%); transition:all .5s cubic-bezier(.55, .085, .68, .53); display:block;}
    .header .m_nav .content{height:100%; display:block;}
    .header .m_nav .mnav_top{margin-right:-0.15rem; padding-right:.15rem; max-height:calc(100% - 1rem); overflow-y:auto; box-sizing:border-box;}
    .header .m_nav .mnav_top .mnav_li .li_box{position:relative; border-bottom:1px solid rgba(0,0,0,0.15);}
    .header .m_nav .mnav_top .mnav_li .li_box>a{font-size:16px; line-height:1.5; padding:1em 0; display:inline-block; vertical-align:middle; max-width:calc(100% - 40px); color:rgba(0, 0, 0, 0.45);}
    .header .m_nav .mnav_top .mnav_li .li_box .jh{position:absolute; right:5px; top:50%; transform:translateY(-50%); width:12px; height:12px;}
    .header .m_nav .mnav_top .mnav_li .li_box .jh::after,
    .header .m_nav .mnav_top .mnav_li .li_box .jh::before{content:""; position:absolute; background:#323232; transition:all .36s;}
    .header .m_nav .mnav_top .mnav_li .li_box .jh::before{left:0; top:50%; transform:translateY(-50%); width:100%; height:1px;}
    .header .m_nav .mnav_top .mnav_li .li_box .jh::after{left:50%; top:0; transform:translateX(-50%); width:1px; height:100%;}
    .header .m_nav .mnav_top .mnav_li.noSec .li_box .jh{display:none;}
    .header .m_nav .mnav_top .mnav_li.active .li_box .jh::after{transform:translateX(-50%) rotate(90deg);}


    /* 二级 */
    .header .m_nav .mnav_top .m_secNav{padding:0 .15rem; display:none;}
    .header .m_nav .mnav_top .m_secNav .m_sec_li .li_box2{ position:relative; border-bottom:1px solid rgba(0,0,0,0.15);}
    .header .m_nav .mnav_top .m_secNav .m_sec_li .li_box2>a{font-size:14px; line-height:1.5; padding:1em 0; display:block; max-width:calc(100% - 40px); color:rgba(0, 0, 0, 0.45);}
    .header .m_nav .mnav_top .m_secNav .m_sec_li.m_thr .li_box2>a{font-size:14px; line-height:1.5; padding:1em 0; display:inline-block; vertical-align:middle; max-width:calc(100% - 40px);}
    /* 有三级的话有箭头 */
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh{position:absolute; right:5px; top:50%; transform:translateY(-50%); width:12px; height:12px;}
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh::after,
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh::before{content:""; position:absolute; background:rgba(0, 0, 0, 0.45); transition:all .36s;}
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh::before{left:0; top:50%; transform:translateY(-50%); width:100%; height:1px;}
    .header .m_nav .mnav_top .mnav_li .li_box2 .jh::after{left:50%; top:0; transform:translateX(-50%); width:1px; height:100%;}
    .header .m_nav .mnav_top .m_sec_li.active .li_box2 .jh::after{transform:translateX(-50%) rotate(90deg);}
    /* 三级 */
    .header .m_nav .mnav_top .m_thrul{padding:0 .15rem; display:none;}
    .header .m_nav .mnav_top .m_thrul .m_thr_li{position:relative; border-bottom:1px solid rgba(0,0,0,0.15);}
    .header .m_nav .mnav_top .m_thrul .m_thr_li a{font-size:12px; line-height:1.5; padding:1em 0; display:block; color:rgba(0, 0, 0, 0.45);}


    /* 选中态 */
    .header .m_nav .mnav_top .mnav_li.cur .li_box>a{color:rgba(0, 0, 0, 0.75);}
    .header .m_nav .mnav_top .m_secNav .m_sec_li.cur .li_box2>a{color:rgba(0, 0, 0, 0.75);}
    .header .m_nav .mnav_top .m_thrul .m_thr_li.cur a{color:rgba(0, 0, 0, 0.75);}

    /* 搜索 */
    .header .m_nav .mnav_sear{width:100%; overflow:hidden; padding:0 .15rem; margin-top:.5rem; box-sizing:border-box;}
    .header .m_nav .mnav_sear .form_box{position:relative; z-index:1; width:100%;}
    .header .m_nav .mnav_sear .form_box .m_sear_inp{border-radius:.25rem; padding-left:.2rem; padding-right:.5rem; width:100%; height:.5rem; border:1px solid #323232; color:#323232; background:none; box-sizing:border-box;}
    .header .m_nav .mnav_sear .form_box .sear_btns{position:absolute; right:.2rem; top:50%; transform:translateY(-50%); z-index:5; margin:0; color:#323232; font-size:18px; line-height:1; background:none; border:0; padding:0;}


    .header .m_nav.on{transform:translateX(0); transition:all .5s cubic-bezier(.25, .46, .45, .94);}


    .header.fixed .h_tools .mobile_key::after,
    .header.fixed .h_tools .mobile_key::before,
    .header.fixed .h_tools .mobile_key span{background:#323232;}
    .header.xc_header .h_tools .mobile_key::after,
    .header.xc_header .h_tools .mobile_key::before,
    .header.xc_header .h_tools .mobile_key span{background:#323232;}

    .header:hover .h_tools .mobile_key::after,
    .header:hover .h_tools .mobile_key::before,
    .header:hover .h_tools .mobile_key span{background:#323232;}


    /* 底部 */
    .footer .f_top{padding:.4rem 0 .3rem;}
    .footer .f_top dl{display:none;}
    .footer .f_top dl.contact{display:block; width:50%;}
    .footer .f_top dt{margin-bottom:.1rem;}
    .footer .f_top dd{margin-bottom:.1rem;}
    .footer .f_bott{padding:.2rem 0;}

    /* 下层banner */
    .crumbs .box em{margin:0 .1rem;}


    /* 公共部分 */
    .channel_content{padding:.6rem 0;}
    .common_more1{font-size:13px;}

    
    /* 公共字号 */
    .tit48{font-size:.42rem;}
    .tit36{font-size:.3rem;}
    .tit24{font-size:.22rem; line-height:.3rem;}


    /* 首页 */
    .ipart03 .right .item .time{width:80px; padding:.1rem 0;}
    .ipart03 .right .item .time .mon{font-size:10px;}
    .ipart01 .content{padding-top:3vh;}
    .ipart01 .content .left{width:100%; margin-bottom:.3rem; margin-top:0;}
    .ipart01 .content .left li{width:15%; margin-right:2%; margin-bottom:0;}
    .ipart01 .content .left li:nth-child(2n){margin-right:2%;}
    .ipart01 .content .left li:last-child{margin-right:0;}
    .ipart01 .content .right{width:100%;}
    .ipart01 .content .right .tab_t .img_box .img img{max-height:64vh;}
    .ipart03 .right .item .box .words .tit{height:.9rem;}


    /* 产品列表 */
    .pro_list01 .right{padding:.6rem 0; width:62%;}
    .pro_list01 .right li{width:49%; margin-right:2%;}
    .pro_list01 .right li:nth-child(3n){margin-right:2%;}
    .pro_list01 .right li:nth-child(2n){margin-right:0;}
    .pro_list01 .right li .top .words_box{padding:.2rem 8%;}
    .pro_list01 .left{width:38%;}
    .pro_list01 .left svg{width:95px; /*right:-15px;*/}
    .pro_list01::after{width:45%;}
    .pro_list01 .left .cont{padding-right:95px;}
    .pro_list01 .left .title{margin-bottom:.5rem;}
    .pro_list01 .left .c_box li{margin-bottom:.25rem;}
    .pro_list01 .right li .bott{padding:.1rem 8%;}


    /* 产品详情 */
    .pro_detail01{padding-bottom:.6rem;}
    .pro_detail01 .left{margin-top:0;}
    .pro_detail01 .left .top .size{font-size:.6rem;}
    .pro_detail01 .left .parameter li{margin-right:.2rem; margin-bottom:.3rem;}
    .pro_detail01 .left .parameter li .con{font-size:.2rem;}
    .pro_detail01 .left .btns_box .btns{padding:0 .2rem;}
    .pro_detail02 .bd .section2 .table-responsive{border:0; margin-bottom:0;}
    .pro_detail02 .bd .section2 th{font-size:.22rem;}
    .pro_detail03{padding:.7rem 0;}

    /* 新闻列表 */
    .news_list01 form{width:61%;}
    /* 新闻详细 */
    .news_detail01 .left li .info_ .t{height:40px; -webkit-line-clamp:2}



    /* 代理 */
    .agent01 .bott{height:6rem; margin-top:.4rem;}
    .agent01 .bott li .box{top:45%;}
    .agent01 .bott li .box .num{font-size:.5rem;}
    .agent01 .bott li .box .area .item{margin-bottom:.1rem;}
    .agent02{margin-top:.6rem;}    
    .agent02 .content{margin-top:.4rem;}
    .agent02 .content li::after{width:.4rem; height:.3rem;}
    .agent02 .content .bd{padding:.4rem;}
    .agent02 .content .bd .item .tit{margin-bottom:.25rem;}


    /* 关于 */
    .about01 .bott{margin-top:.5rem;}
    .about01 .bott .left{width:52%;}
    .about02{margin-top:.6rem; height:5rem;}
    .about02 .bott .circle_box .center{width:2rem; height:2rem;}
    .about02 .bott .circle_box .center::before{width:1.3rem; height:1.3rem;}
    .about02 .bott .big_num ul .num_box{font-size:.5rem;}
    .about03{padding-bottom:.6rem;}
    .about03 .bott{margin-top:.5rem;}
    .about03 .bott .course .item{padding-top:.55rem;}
    .about03 .bott .course .item.odd{padding-bottom:.5rem; padding-top:0;}
    .about04,.about05{padding:.6rem 0;}
    .about04 .swiper-slide{height:2.5rem;}
    .about05 .top .con{width:55%;}


    /* 代工 */
    .foundry01 .content{margin-top:.5rem;}
    .foundry01 li .icon{width:1rem; height:1rem;}
    .foundry01 li .icon img{max-width:.35rem;}
    .foundry01 li{margin-right:.2rem;}
    .foundry02,.foundry03{margin-top:.6rem;}
    .foundry02 .left .content1{padding:.5rem 0; width:28.5%;}
    .foundry02 .left .content1 .cont ul{margin-top:.3rem;}
    .foundry02 .left .content1 .cont li{margin-bottom:.12rem;}
    .foundry02 .right .content2{padding:.5rem 0;}
    .foundry02 .right .content2 .cont li{padding:.2rem .35rem;}
    .foundry02 .right .content2 .cont li .num{font-size:1rem;}
    .foundry03 .top{margin-top:.5rem;}
    .foundry03 .bott{margin-top:.55rem;}
    .foundry03 .bott .swiper-slide .box{padding:.3rem 0;}
    .foundry03 .bott .swiper-slide .words_box .con{max-height:2.08rem;}
    

    /* 全球 */
    .global01 .top{margin-bottom:.5rem;}
    .global01 .bott .big_num .num{font-size:.5rem;}


    /* 服务 */
    .service01 .right .intro .t,
    .service02 .content .box .intro .t,
    .service03 .right .intro .t,
    .service05 .content .box .item .intro .t{margin-bottom:.2rem;}
    .service01 .content{margin-top:.4rem;}
    .service01 .right{right:4%; width:36%;}
    .service02,.service03,.service04{margin-top:.5rem;}
    .service02 .content{position:relative; top:auto; transform:none; padding:.6rem 0;}
    .service02 .content .box{width:40%;}
    .service02 .bg img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
    .service03 .right{width:37%; margin-right:0;}
    .service05 .content{padding:.6rem 0;}
    .service05 .content .box{width:5.5rem;}
    .service05 .content .box .item{padding:.4rem 10%;}
}



@media only screen and (max-width: 1024px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:750px; }
    /*padMode 992px 网站样式*/


    /* 下层banner */
    .xc_banner>img{height:4rem; object-fit:cover;}


    /* 公共字号 */
    .tit48{font-size:.36rem;}
    .tit36{font-size:.26rem;}

    /* 首页 */
    .ibanner{height:100vh;}
    .index .section{height:auto;}
    .ipart01{position:relative; overflow:hidden;}
    .ipart01 .content{margin-top:0; padding:.7rem 0; height:auto;}
    .ipart01 .content .left li .area{min-height:1.3rem; padding:.1rem;}
    /* .ipart01 .content .left li.cur .box .name{bottom:65%;} */
    .ipart01 .content .right .tab_t .name_box{font-size:1rem;}
    .ipart01 .content .right .tab_t .img_box .img img{max-height:none;}
    .ipart01 .content .bg_box{height:100%; width:100%;}
    .ipart02{margin-top:0; padding:.7rem 0;}
    .ipart02 .left .infor .con{margin:.3rem 0;}
    .ipart02 .left .big_num{margin-top:.5rem;}
    .ipart02 .left{width:75%;}
    .ipart02 .right{margin-right:0; width:1.4rem; height:1.4rem;}
    .ipart03{padding:.7rem 0;}
    .ipart03 .content{display:block; height:auto;}
    .ipart03 .left{width:100%; padding-bottom:.3rem;}
    .ipart03 .right{height:auto; width:100%;}
    .ipart03 .right .item{padding:.3rem .2rem;}
    .ipart03 .right .item{background:rgba(255, 255, 255, .1);}
    .ipart03 .right .item .time{background:linear-gradient(45deg, #e5001f 20%, #000 80%);}
    .ipart03 .right .item .box .common_more .symbol{background:rgba(229, 0, 31, .3);}
    .ipart03 .right .item .box .words{width:59.6%;}
    .ipart03 .right .item .box .img{ opacity:1; visibility:visible; transition:all .3s ease; transform:translateX(0);}


    /* 产品对比 */
    .pro_list01 .right li{box-shadow:0px 0px 9.6px 0.4px rgba(0, 0, 0, 0.18); background:#fff; margin-bottom:.3rem;}
    .pro_list01 .right li .top .img_box{background:url(../img/pro_list01_bg.jpg) no-repeat center/cover;}
    .pro_list01 .right li .bott{opacity:1; visibility:visible;}
    .pro_list01 .right li .bott .common_more .symbol{margin-left:.1rem;}
    .pro_list01 .right li .bott .compare .msicon{margin-left:.1rem;}  

    /* 产品对比 */
    .compare_product .compare-selbtn .comparea-selbtn-btn.comparea-selbtn-abled{padding-left:.2rem; width:1.2rem; padding:0 .1rem;}
    .compare_product .compare-selbtn .comparea-selbtn-closeall{margin-left:.2rem; width:1.2rem; padding:0 .1rem;}


    /* 产品详情 */
    .pro_detail01 .left .top .size{font-size:.5rem;}
    .pro_detail01 .left .btns_box .btns{padding:0 .15rem;}
    .pro_detail03 .form_box .top .left .inp_box{margin-bottom:.35rem;}


    /* 新闻列表 */
    .news_banner.xc_banner .intro .inp_wrap{width:60%;}
    .news_list01 form{width:80%;}
    .news_list02 li .li_box{padding:.25rem .3rem;}
    /* 新闻详细 */
    .news_detail01 .left li .info_ .d{margin-top:3px;}


    /* 代理 */
    .agent01 .bott{height:5.5rem;}
    .agent01 .bott li .box .num{font-size:.42rem;}
    .agent02 .content li{padding:.1rem; width:22.3%; margin-right:3.6%;}
    .agent02 .content li::after{width:.2rem; height:.15rem; right:-5%;}
    
    

    /* 关于 */
    .about01 .bott .wrap::after{transform:none;}
    .about01 .bott .left{padding-left:.4rem; width:50%;}
    .about05 .top{margin-bottom:0;}
    .about05 .bott{padding-top:.3rem;}
    .about02 .bott .big_num ul .num_box{font-size:.42rem;}
    .about05 .bott .swiper-slide{margin:0 .15rem;}
    .about01 .bott .right .vr_btns{bottom:.2rem; left:.4rem; width:1rem;}



    /* 代工 */
    .foundry01 ul{flex-wrap:wrap;}
    .foundry01 li{width:33%; margin-right:0.5%; margin-bottom:.3rem; flex:auto;}
    .foundry01 li:nth-child(3n){margin-right:0;}
    .foundry02{margin-top:.3rem;}


    /* 全球 */
    .global01 .bott .big_num .num{font-size:.42rem;}


    /* 服务 */
    .service01 .right .intro .c{max-height:2.1rem;}
    .service02 .content .box{width:60%;}
    .service03 .right{width:43%;}
    .service05 .content .box{width:5rem;}
    .service05 .content .box .item .more_btns{margin-top:.3rem;}

}



@media only screen and (max-width: 820px) {
    
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:4%; padding-right:4%; width:92%; }
    .mwrap .wrap { padding-left:0; padding-right:0; }

    /*移动端防恶意复制信息*/
    * {
        -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
        -webkit-user-select:none; /*webkit浏览器*/   
        -khtml-user-select:none; /*早期浏览器*/   
        -moz-user-select:none;/*火狐*/   
        -ms-user-select:none; /*IE10*/   
        user-select:none; 
    }
    input { -webkit-user-select:auto; /*webkit浏览器*/   }
    textarea { -webkit-user-select:auto; /*webkit浏览器*/   }


    /* 底部 */
    .footer .f_top{display:none;}
    .footer .f_bott{background:#e7ebeb;}


    /* 公共部分 */
    .channel_content{padding:.4rem 0;}
    .common_more1{font-size:12px;}


    /* 公共字号 */
    .tit48{font-size:.3rem;}
    .tit36{font-size:.24rem;}
    .tit24{font-size:.2rem;}
    .con20{font-size:15px;}
    .con18{font-size:14px; line-height:24px;}
    .con16{font-size:12px; line-height:22px;}
    

    /* 导航 */
    .header .m_nav .mnav_top .mnav_li .li_box>a{font-size:15px; padding:.15rem 0;}
    .header .m_nav .mnav_top .m_secNav .m_sec_li.m_thr .li_box2>a{font-size:13px; padding:.1rem 0;}
    .header .m_nav .mnav_top .m_thrul .m_thr_li a{padding:.1rem 0;}


    /* 下层banner */
    .crumbs{display:none;}
    .xc_banner .intro{top:55%;}
    .xc_banner>img{height:3.5rem;}

    /* 首页 */
    .ibanner .swiper-slide .words_box .cover{width:70%;}
    .ipart01 .content .left li .area{min-height:1.1rem;}
    .ipart01 .content,.ipart02,.ipart03{padding:.5rem 0;}
    .ipart02 .left .big_num{margin-top:.3rem;}
    .ipart02 .left .infor .con{margin:.2rem 0;}

    /* 产品列表 */
    .pro_list01{overflow:hidden;}
    .pro_list01 .left{width:100%; padding:.4rem 0; position:relative; overflow:visible; min-height:3.5rem;}
    .pro_list01 .left::after{content:''; position:absolute; left:-40px; top:0; height:100%; width:calc(100vw + 20px); background:url(../img/pro_list01_l.jpg) no-repeat center/cover; z-index:-1;}
    .pro_list01 .content{display:block;}
    .pro_list01 .left svg{display:none;}
    .pro_list01 .left .cont{padding-right:0;}
    .pro_list01 .left .title{margin-bottom:.3rem;}
    .pro_list01 .left .c_box li.cur .down_line{margin-top:.15rem;}
    .pro_list01::after{display:none;}
    .pro_list01 .right{padding:.4rem 0; width:100%;}

    .compare_product{height:1.6rem;}
    .compare_product .compare-selul{width:100%;}
    .compare_product .compare-selbtn{width:100%; margin-top:.1rem; border:0; border-top:1px solid #6f6f6f; height:.65rem; padding-left:0; padding-top:.2rem; text-align:center;}
    .compare_product .compare-selbtn .comparea-selbtn-btn{float:none; display:inline-block; }

    /* 产品详情 */
    .pro_detail01{padding-bottom:.4rem;}
    .pro_detail01 .content{margin-top:.2rem;}
    .pro_detail01 .left .top .size{font-size:.4rem;}
    .pro_detail01 .left .parameter li .con{font-size:.18rem;}
    .pro_detail01 .left .parameter li{margin-bottom:.2rem;}
    .pro_detail01 .left .btns_box .btns{margin-right:.05rem;}
    .pro_detail01 .left .btns_box .btns .c{margin-left:.05rem;}
    .pro_detail02 .bd .section1,.pro_detail02 .bd .section2,.pro_detail02 .bd .section3,.pro_detail02 .bd .section4,.pro_detail03{padding:.4rem 0;}
    .pro_detail02 .bd .section2 .common_more1{margin-top:.3rem;}
    .pro_detail02 .bd .swiper-button-prev, .pro_detail02 .bd .swiper-button-next{width:.4rem; height:.4rem;}
    .pro_detail02 .bd .swiper-button-prev::after, .pro_detail02 .bd .swiper-button-next::after{font-size:.18rem;}
    .pro_detail02 .bd .swiper-container{width:calc(100% - 1.2rem);}
    .pro_detail02 .bd .swiper-pagination .swiper-pagination-bullet{margin:0 .1rem;}
    .pro_detail02 .bd .section2 th{font-size:.2rem;}
    .pro_detail03 .form_box .top .inp_box.inp_yzm img{width:1.8rem; margin-right:.1rem;}
    .comparePro_list .bott_ li .intro .c .get_price{padding:0 7%;}
    .comparePro_list .bott_ li .intro .t{font-size:.2rem; margin:.2rem 0;}
    .comparePro_list .top_ .tit{margin-right:.2rem;}
    .compare_product .compare-selli-name{max-width:calc(100% - 0.3rem); margin-right:.1rem;}
    .compare_product .compare-selli{width:31%; margin-right:2%;}


    /* 新闻详细 */
    .news_detail01 .left{width:100%; margin-top:.4rem;}
    .news_detail01 .left .back_list{display:none;}
    .news_detail01 .right{width:100%; padding-left:0; margin-left:0; border:none;}
    .news_detail01 .left li a{display:flex; align-items:center; }
    .news_detail01 .left li a .info_{margin-left:8%;}
    .news_detail01 .left li a .info_ .d{margin-top:.15rem;}
    
    /* 代理 */
    .agent01 .bott{height:auto; padding:.3rem 0 .1rem; margin-top:.3rem;}    
    .agent01 .bott li .box{position:static; width:100%;}
    .agent01 .bott li{width:100%!important; margin-bottom:.2rem; padding:0 .2rem; box-sizing:border-box;}
    .agent01 .bott li:first-child::before{display:none;}
    .agent01 .bott li .box .num{font-size:.36rem; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:.05rem;}
    .agent01 .bott li.cur{background:none; padding-bottom:.2rem;}
    .agent01 .bott li::after{left:0; width:100%; bottom:0; height:1px; top:auto;}
    .agent02{margin-top:.4rem;}
    .agent02 .content{margin-top:.3rem;}
    .agent02 .content li{padding:0; border-radius:0; border:0;}
    .agent02 .content li .box{border-radius:0;}
    .agent02 .content li .box .t{width:90%;}
    .agent02 .content li::after{right:-3%;}
    .agent02 .content .bd{margin-top:.6rem; padding:.3rem 4%;}
    .agent02 .content .bd .item .tit{margin-bottom:.2rem;}
    .agent02 .content li .box{padding-bottom:135%;}
    
    /* 关于 */
    .about01 .bott{margin-top:.3rem;}
    .about01 .bott .left{padding:.3rem 0;}
    .about02{margin-top:.4rem;}
    .about02 .bg::after{display:none;}
    .about02 .bg video{display:none;}
    .about02 .bg .m_img{display:block; width:100%; height:100%; object-fit:cover;}
    .about03,.about04, .about05{padding:.4rem 0;}
    .about03 .bott,.about04 .content,.about05 .top .con{margin-top:.3rem;}
    .about03 .bott .course .item{padding-top:.35rem;}
    .about03 .bott .course .item.odd{padding-bottom:.3rem; padding-top:0;}
    .about04 .btns_box{margin-top:.2rem;}
    .about05 .top .con{width:80%;}
    .about05 .bott .swiper-slide{width:4rem; margin:0 .1rem;}
    .about02 .bott .big_num ul .num_box{font-size:.36rem;}
    .about02 .bott .big_num ul{flex-wrap:wrap; align-items:stretch;}
    .about02 .bott .big_num li{width:48%; margin-bottom:.2rem;}
    .about03 .bott .course .course_box{width:4.8rem; margin-right:.2rem;}
    .about03 .bott .course .course_box:first-child{margin-left:2.4rem;}
    .about03 .bott .item .img_box{width:46%; margin-right:5%;}
    .about03 .bott .iscroll::after{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.8rem; height:.36rem; background:url(../img/about_cursor.png) no-repeat center/cover;}

    /* 代工 */
    .foundry01 li .icon{width:.8rem; height:.8rem;}
    .foundry01 li .icon img{max-width:.3rem;}
    .foundry01 li .top .num{width:.3rem; height:.3rem; margin-right:.1rem;}
    .foundry01 li .icon::after{transform:translate(-.1rem,.1rem);}
    .foundry01 li .bott{margin-top:.3rem;}
    .foundry01 li .bott .infor .con{max-height:110px;}
    .foundry02{margin-top:.2rem; background:none;}
    .foundry02 .right{position:relative; background:url(../img/foundry02_bg02.jpg) no-repeat right/cover;}
    .foundry02 .right .content2{width:100%; padding:.4rem 0;}
    .foundry02 .right .content2 .tit{margin-bottom:.3rem;}
    .foundry02 .right .content2 .cont li{margin-bottom:.2rem;}
    .foundry02 .right .content2 .cont li .c{min-height:66px;}
    .foundry02 .left::after{width:100%;}
    .foundry02 .left .content1{width:100%; padding:.4rem 0;}
    .foundry02 .left .content1 .cont ul{display:flex; align-items:flex-start; flex-wrap:wrap;}
    .foundry02 .left .content1 .cont li{width:50%; box-sizing:border-box; padding-right:.1rem;}
    .foundry02 .right .content2 .cont li::after{height:1.5rem; width:2rem;}
    
    .foundry03{margin-top:.4rem;}
    .foundry03::before,.foundry03::after{display:none;}
    .foundry03 .top{margin-top:.3rem;}
    .foundry03 .top .swiper-slide .num_box{width:.55rem; height:.55rem;}
    .foundry03 .top .swiper-slide .t{margin-top:.1rem;}
    .foundry03 .bott{margin-top:.3rem;}
    .foundry03 .bott .swiper-slide .words_box li{padding:.15rem 0;}
    .foundry03 .bott .swiper-slide .words_box li .con{margin-top:.15rem;}
    .foundry03 .bott .swiper-slide .words_box .con{max-height:1.3rem; }

    /* 全球 */
    .global01 .top{margin-bottom:.3rem;}
    .global01 .bott .big_num .num{font-size:.36rem;}


    /* 搜索 */
    body .searchArea{padding-bottom:.3rem;}
    body .searchArea .content_form{padding:0;}


    /* 服务 */
    .service01 .right .intro .c{max-height:132px;}
    .service01 .right .intro .t,
    .service02 .content .box .intro .t,
    .service03 .right .intro .t,
    .service05 .content .box .item .intro .t{margin-bottom:.1rem;}
    .service01 .content{margin-top:.2rem;}
    .service02, .service03, .service04{margin-top:.4rem;}
    .service02 .content,.service05 .content{padding:.4rem 0;}
    .service05 .content .box .item{padding:.3rem 8%;}
    .service05 .content .box{width:60%;}

}

@media only screen and (max-width: 760px) {
    /* 首页 */
    .ipart01 .content .left{margin-bottom:0;}
    .ipart01 .content .left li{width:32.4%; margin-right:1.4%; margin-bottom:.2rem;}
    .ipart01 .content .left li:nth-child(2n){margin-right:1.4%;}
    .ipart01 .content .left li:nth-child(3n){margin-right:0;}
    .ipart01 .content .right .tab_t .tab_c_box{height:5rem;}
    .ipart01 .content .right .tab_t .tab_c_box .box .tab_c{padding-right:.4rem; margin-bottom:0;}
    .ipart01 .content .right .tab_t .name_box{font-size:.8rem;}
    .ibanner .swiper-slide .img_box video{display:none;}
    .ibanner .swiper-slide.video_slide .img_box .m_img{display:block;}


    /* 产品详情 */
    .pro_detail01{padding:0; background:none;}
    .pro_detail01 .wrap{padding:0;}
    .pro_detail01 .right{padding:0.4rem 4%; background:url(../img/pro_detail01_bg.jpg) no-repeat right/cover; width:100%; box-sizing:border-box; justify-content:space-between; align-items:center;}
    .pro_detail01 .right .r_left{position:relative;}
    .pro_detail01 .left{padding:0.4rem 4%; background:#000; margin-top:0; width:100%; box-sizing:border-box;}
    .pro_detail01 .left .top{margin-bottom:.2rem;}
    .pro_detail01 .left .top .size{font-size:.35rem;}
    .pro_detail03 .form_box .top{display:block;}
    .pro_detail03 .form_box .top .left{width:100%;}
    .pro_detail03 .form_box .top .left .inp_box{margin-bottom:.2rem;}
    .pro_detail03 .form_box .top .right{width:100%; margin-bottom:.2rem;}

    /* 新闻列表 */
    .news_banner.xc_banner .intro .inp_wrap{width:100%;}
    .news_banner.xc_banner .intro .inp_wrap .btns{width:180px;}
    .news_banner.xc_banner .intro .inp_wrap .inp{width:calc(100% - 190px); box-sizing:border-box;}
    .news_list01 form{width:100%;}
    .news_list01 .form_box .inp{width:2.9rem;}
    .news_list02 li .li_box .info_{padding-right:0;}
    .news_list02 li .li_box .info_ i{display:none;}
    .news_list02 li .li_box .info_ .box{padding-right:0;}
    .news_list02 li .li_box .info_ .box:after{display:none;}


    /* 关于 */
    .about01 .bott .right{position:relative;width:100%; margin-top:.2rem;}
    .about01 .bott .left{width:100%; min-height:auto;}

    /* 搜索 */
    body .resultArea .content_form .piclist_area .srchList li .intro{height:auto;}
    body .resultArea .content_form .piclist_area .srchList li .intro .t{font-size:16px; line-height:22px; height:66px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
}

@media only screen and (max-width: 650px){
    /* 代工 */
    .foundry03 .bott .swiper-slide .box{display:block; padding:.3rem 4% .1rem; border-radius:.1rem;}
    .foundry03 .bott .swiper-slide .img_box{width:100%;}
    .foundry03 .bott .swiper-slide .box::after{transform:none; left:0; border-left:0;}
    .foundry03 .bott .swiper-slide .words_box{width:100%; margin-top:.1rem;}
   
    /* 全球 */
    .global01 .top{display:block;}
    .global01 .top .con{width:100%; margin-top:.2rem;}
    .global01 .bott .big_num .num{font-size:.36rem;}
    .global01 .bott .map .dot_box .dots{align-items:flex-start;}
    .global01 .bott .map .dot_box .t{max-width:1.2rem;}



}

/*
* MobileMode
*/
@media only screen and (max-width: 580px) {
    /*mobileMode 580 网站样式*/
    body,input,textarea,button,select {font-size:13px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    body:after {
        content: 'Mobile';
    }
    .channel_content{min-height:calc(100vh - 6rem);}
    
    /* 公共字号 */
    .tit48{font-size:.28rem;}

    /* 导航 */
    .header .h_logo{padding:.3rem 0;}
    .header .h_logo a{height:.2rem;}

    /* 手机端 */
    .ibanner{height:auto;}
    .ibanner .swiper-slide .words_box{top:36%;}
    .ibanner .swiper-slide .words_box .cover{width:80%;}
    .ipart01 .content .right .tab_t .tab_c_box{height:auto; background:none; margin-bottom:.2rem; position:relative; top:auto; left:auto; border-bottom:1px solid rgba(255, 255, 255, .5); right:auto; transform:none; width:100%;}
    .ipart01 .content .right .tab_t .tab_c_box .box{position:relative; top:auto; transform:none; text-align:left; white-space:nowrap; overflow-x:auto;}
    .ipart01 .content .right .tab_t .tab_c_box .box .cur.c_{background:none;}
    .ipart01 .content .right .tab_t .tab_c_box .box .c_{display:inline-block; padding-right:.2rem; margin-right:0;}
    .ipart01 .content .right .tab_t .tab_c_box .box .tab_c{padding:.1rem 0;}
    .ipart01 .content .right .tab_t .tab_c_box .box .tab_c::after{display:none;}
    .ipart01 .content .right .tab_t .tab_c_box .box .cur .tab_c{color:#e5001f; font-weight:bold;}
    .ipart01 .content .right .tab_t .img_box{width:100%;}
    .ipart02 .content{display:block;}
    .ipart02 .left{width:100%;}
    .ipart02 .right{margin:0 auto; margin-right:0; width:1rem; height:1rem;}
    .ipart03 .right .item .box .img{right:.25rem;}


    /* 产品列表 */
    .pro_list01 .left .c_box li{margin-bottom:.2rem;}
    .pro_list01 .right li{width:100%; margin-right:0;}
    .pro_list01 .left::after{width:calc(100vw + 80px);}

    /* 产品详情 */
    .pro_detail01 .left .top .size{font-size:.3rem;}
    .pro_detail02 .hd .left ul{white-space:nowrap; overflow-x:auto;}
    .pro_detail02 .hd .left li{margin-right:.2rem; float:none; display:inline-block;}
    .pro_detail02 .bd .swiper-button-prev, .pro_detail02 .bd .swiper-button-next{display:none;}
    .pro_detail02 .bd .swiper-container{width:100%;}
    .pro_detail03 .form_box .top .left .inp_box{width:100%; margin-right:0;}
    .pro_detail02 .bd .title{margin-bottom:.1rem;}


    /* 新闻列表 */
    .news_list01 .form_box{display:block; height:auto; box-shadow:none; background:none;}
    .news_list01 .form_box .sele_wrap {width:100%; margin-bottom:.15rem; z-index:3;}
    .news_list01 .form_box .inp {width:100%; margin-bottom:.15rem;}
    .news_list01 .form_box .btns {width:100%; font-size:.16rem; color:#fff; text-align:center; position:static; transform:translateY(0); z-index:2;}
    .news_list01 .form_box .btns i{display:none;}
    .news_list02 li .li_box .date{display:none;}
    .news_list02 li .li_box .img_{width:2.2rem; margin-right:.2rem;}
    .news_list02 li .li_box .info_{width:calc(100% - 2rem);}
    .news_list02 li .li_box:before{right:.5rem;}
    .news_list02 li .li_box .info_ .box .time{display:block; margin-top:3px;}
    .news_list02 li .li_box .info_ .box .c{margin-top:3px;}
    .news_list02{margin-top:.25rem;}

    /* 新闻详细 */
    .news_detail01 .right .bd{margin-top:.2rem;}
    .news_detail01 .left .back_list{margin-bottom:.3rem;}


    /* 代理 */
    .agent01 .bott li .box .num{font-size:.3rem;}
    .agent02 .content li .box .t{font-size:.14rem; line-height:.2rem;}
    .agent02 .content li::after{right:-2%; width:.15rem; height:.1rem;}
    .agent02 .content li::before{border-width:.1rem;}
    .agent02 .content .bd{margin-top:.4rem;}


    /* 关于 */
    .about02 .bott .circle_box .center{width:1.5rem; height:1.5rem;}
    .about02 .bott .circle_box .center::before{width:0.8rem; height:0.8rem;}
    .about05 .top .con{width:100%;}
    .about04 .btns_box .swiper-button-prev, .about04 .btns_box .swiper-button-next{margin-right:.1rem;}
    .about04 .btns_box .swiper-pagination{width:calc(100% - 1.3rem);}
    .about05 .btns_box{text-align:center;}
    .about05 .btns_box .swiper-button-prev, .about05 .btns_box .swiper-button-next{margin-left:.1rem;}
    .about05 .btns_box .swiper-button-prev{margin-left:0;}

    /* 代工 */
    .foundry01 li{width:49%; margin-right:2%;}
    .foundry01 li:nth-child(3n){margin-right:2%;}
    .foundry01 li:nth-child(2n){margin-right:0;}
    
    .foundry02 .left .content1{padding-bottom:.3rem;}
    .foundry02 .left .content1 .cont .ul_box{position:relative; overflow:hidden; margin-top:.2rem; padding:0 .3rem; }
    .foundry02 .left .content1 .cont .ul_box .box_ul{overflow:hidden;}
    .foundry02 .left .content1 .cont ul{display:block; white-space:nowrap; margin:0 auto; padding:0; font-size:0;}
    .foundry02 .left .content1 .cont li{width:100%; display:inline-block; vertical-align:text-top; white-space:normal; text-align:center; padding:0; margin-bottom:0;}
    .foundry02 .left .content1 .cont li .t{font-size:15px;}
    .foundry02 .left .content1 .cont li::after{display:none;}
    .foundry02 .left .content1 .cont .ul_box .btns_{position:absolute; display:block; left:0; top:0.08rem; font-size:.2rem; line-height:1; margin:0; width:.3rem; height:.3rem;}
    .foundry02 .left .content1 .cont .ul_box .btns_.right_btns{left:auto; right:0;}
    .foundry02 .right .content2 .cont li .num{font-size:.8rem;}
    .foundry02 .right .content2 .cont li .c{min-height:auto;}

    /* 全球 */
    .global01 .bott .map{overflow-x:auto; overflow-y:hidden;}
    .global01 .bott .map .box{width:260%; position:relative;}
    .global01 .bott .big_num .num{font-size:.3rem;}


    /* 服务 */
    .service01 .content::after{display:none;}
    .service01 .img{width:100%;}
    .service01 .right{position:relative; top:auto; transform:none; width:100%; right:0; padding:.3rem 4%; box-sizing:border-box;}
    .service01 .right .intro .c{max-height:none; padding-right:0;}
    .service02 .content .box{width:100%;}
    .service03 .content{display:block;}
    .service03 .left{width:100%;}
    .service03 .right{width:100%; margin-top:.3rem;}
    .service05 .content .box{width:100%;}

}
@media only screen and (max-width: 480px){
    /* 首页 */
    .ipart01 .content, .ipart02, .ipart03{padding:.4rem 0;}
    .ipart02{padding-bottom:.2rem;}
    .ipart02 .left .big_num ul{flex-wrap:wrap;}
    .ipart02 .left .big_num li{width:48%; margin-right:4%; margin-bottom:.2rem;}
    .ipart02 .left .big_num li:nth-child(2n){margin-right:0;}
    .ipart03 .right .item{padding:.2rem;}
    .ipart03 .right .item .box .img{height:auto;}

    /* 产品详情 */
    .pro_detail03 .form_box .top .inp_box.inp_yzm .t{display:block; text-align:right;}
    .pro_detail03 .form_box .top .inp_box.inp_yzm img{width:calc(48.5% - .1rem); margin-right:0;}

}