/*
* 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 (max-width: 1920px) {
    /* rem+vw+calc, 同时设置px兼容 */
    html{font-size:100px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));}
}

/* FHD缩放125% */
@media only screen and (max-width: 1540px) {
    html{font-size:90px; font-size:calc(100px - 30 * ((1920px - 100vw) / 680));}
    .mwrap { width:1200px; }
    /*1540（FHD缩放125%） 网站样式*/








}


/* 1440（2K） */
@media only screen and (max-width: 1440px) {
    .mwrap { width:1200px; }
    /*1440（2K） 网站样式*/
    html{font-size:80px;}







}


/* 1366（普通14寸） */
@media only screen and (max-width: 1366px) {
    
    .mwrap ,.wrap { width:1200px; }
    /*1366（普通14寸） 网站样式*/


    /* 产品详情 */
    .pro_detail02 .hd .box::after{width:1200px;}





}


/*
* 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;}
    input,textarea,button,select { font-size:14px;}
    body{font-size:13px;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:940px; }
    /*padMode 1240px 网站样式*/

    /* 公共字号 */
    .tit36{font-size:.3rem; line-height:.4rem;}
    .tit28{font-size:.24rem; line-height:.32rem;}
    .tit24{font-size:.2rem; line-height:.3rem;}
    .con18{font-size:16px;}
    .con16{font-size:14px;}

    /* 导航 */
    .header .h_logo img{height:53px;}
    .header .h_tools{padding:25px 0;}
    .header .inav_wrapper .inav_li .inav_a{padding:25px 0;}
    .search_alert .cent-form{padding:14px 0;}
    .search_alert .close{padding:34px .3rem;}
    .header .inav_wrapper .inav_li{margin:0 .2rem;}
    
    /* 公共部分 */
    .channel_content{padding:50px 0;}


    /* 下层banner */
    .xc_banner{margin-top:87px; height:350px;}


    /* 底部 */
    .footer{padding-top:.5rem;}
    .footer .f_top{padding-bottom:.6rem;}
    .footer .f_top .t_right{width:80%;}
    .footer .f_top .t_right dl.dl_last .share li{margin-right:.2rem;}
    .footer .f_top .t_right dl dt{padding-bottom:10px; margin-bottom:20px;}
    

    /* 首页 */
    .ibanner .btns_box .btn_box .swiper-pagination-bullet{width:12px; height:12px; margin:0 8px;}
    .ipart01 .swiper_box .cover{height:80%;}
    .ipart01 .swiper_box .cover .box{padding:30px 20px 20px;}
    .ipart01 .swiper_box .cover .more_btn{margin-top:.4rem; width:45px; height:45px;}
    .ipart01 .swiper_box .cover .more_btn .iconfont{font-size:20px;}
    .ipart01 .swiper_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:12px; height:12px; margin:0 8px;}
    .ipart01 .swiper_box .swiper-container-horizontal>.swiper-pagination-bullets{bottom:5%;}
    .ipart02{padding:40px 0;}
    .ipart02 .content{padding:55px 0;}
    .ipart02 .content .left .con{margin-top:20px; max-height:270px; overflow-y:auto; padding-right:5px;}
    .ipart02 .content .left .con::-webkit-scrollbar {width:2px; height:4px;}
    .ipart02 .content .left .con::-webkit-scrollbar-thumb {border-radius:5px; background:#e12001; }
    .ipart02 .content .left .con::-webkit-scrollbar-track {border-radius:0; background:#f6f5f5;}
    .ipart02 .content::after{width:280px;}
    .ipart03 .cont{margin-top:30px;}
    .ipart03 .cont .right li{margin-bottom:10px;}
    .ipart04{margin-top:60px;}
    .ipart04 .bg img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
    .ipart04 .content{position:relative; top:auto; transform:none; padding:60px 0;}
    .ipart04 .content .btns_box .btn_{width:176px; line-height:50px;}

    
    /* 关于我们 */
    .about_us01{padding-bottom:50px;}
    .about_us01 .right .media{margin:20px 0 30px;}
    .about_us02{padding:50px 0;}
    .about_us02 .content{margin-top:40px;}
    .about_us02 .swiper-slide .box .year{width:80px; height:80px;}


    /* 新闻中心 */
    .news_center01 .top{margin-bottom:30px;}
    .news_center01 .bott li .img{height:200px;}
    .news_center01 .bott li .words{padding-bottom:20px;}
    .news_center01 .bott li .words .hd{margin-bottom:10px;}


    /* 产品列表 */
    .pro_list01{margin-bottom:50px;}
    .pro_list01 .infor{padding-bottom:30px;}
    .pro_list01 .content .bd li{width:32.4%; margin-right:1.4%; margin-bottom:20px;}
    .pro_list01 .content .bd li:nth-child(4n){margin-right:1.4%;}
    .pro_list01 .content .bd li:nth-child(3n){margin-right:0;}
    .pro_list01 .content .bd li a{padding-bottom:20px;}
    .common_pro .content .con{margin-bottom:20px;}


    /* 产品详情 */
    .pro_detail01{margin-bottom:50px;}
    .pro_detail01 .content .right .r_top{height:200px; margin-bottom:30px;}
    .pro_detail01 .content .left .para li{margin-bottom:15px;}
    .pro_detail01 .content .left .btns_box{margin-top:30px;}
    .pro_detail01 .content .left .btns_box .btns01{margin-right:50px;}
    .pro_detail02{margin-bottom:30px;}
    .pro_detail02 .hd .box::after{width:940px;}
    .pro_detail02 .hd .box.fixed{top:86px;}
    .pro_detail02 .hd .content{padding:0;}
    .pro_detail02 .bd .section1 .content{padding:30px 0 0;}
    .pro_detail02 .bd .section1 .top{margin-bottom:10px;}
    .pro_detail02 .bd .section2{padding-top:50px;}
    .pro_detail02 .bd .section2 ul{margin-top:20px;}
    .pro_detail02 .bd .section2 li{width:32.4%; margin-right:1.4%; margin-bottom:20px;}
    .pro_detail02 .bd .section2 li:nth-child(4n){margin-right:1.4%;}
    .pro_detail02 .bd .section2 li:nth-child(3n){margin-right:0;}


    /* 配件与服务 */
    .parts01 .item .box .img{min-height:350px;}
    .parts01 .item .box .infor{padding:20px 8%;}



}
@media only screen and (max-width: 1024px) {
    body:after {
        content: 'Padp';
    }
    .wrap, .mwrap { width:750px; }
    /*padMode 992px 网站样式*/




    /* 导航 */
    .header .inav_wrapper{display:none;}
    .header .h_tools>div{margin-left:.3rem;}

    /* 手机端部分 */
    .header .h_tools .mobile_key{display:inline-block; width:20px; position:relative; height:30px;}
    .header .h_tools .mobile_key span{position:absolute; left:0; top:50%; margin-top:-1px; height:2px; width:100%; background:#000; transition:all .3s ease;}
    .header .h_tools .mobile_key::after,
    .header .h_tools .mobile_key::before{content:''; position:absolute; left:0; top:50%; margin-top:-9px; height:2px; width:100%; background:#000; transition:all .3s ease;}
    .header .h_tools .mobile_key::after{margin-top:7px;}
    .menu-open .header .h_tools .mobile_key::before{opacity:0; margin-top:0;}
    .menu-open .header .h_tools .mobile_key::after{transform:rotate(-45deg); margin-top:0;}
    .menu-open .header .h_tools .mobile_key span{transform:rotate(45deg); margin-top:0;}
    .menu-open .header{background:#fff; box-shadow:0px 4px 9px 0px rgba(10, 2, 4, 0.06);}
    .menu-open .header .h_logo .t{color:#000;}
    
    .m_nav{position:fixed; left:0; top:88px; right:0; width:100%; z-index:20; background:rgba(0, 0, 0, 0.5); display:none; height:calc(100% - 88px);} 
    .m_nav .mNav_bott{max-height:100%; overflow-y:auto; background:#5e5e5e;}
    .m_nav .mNav_bott .m_navli{position:relative; transition:all 0.3s ease-out; border-bottom:solid 1px #747373;}
    .m_nav .mNav_bott .m_navli:last-child{border-bottom:none;}
    .m_nav .mNav_bott .m_navli>a{display:block; padding:15px 4%; font-size:14px; position:relative; overflow:hidden; color:#fff;}
    .m_nav .mNav_bott .m_navli>a:hover{color:#fff;}
    .m_nav .mNav_bott .m_navli>a::after,
    .m_nav .mNav_bott .m_navli>a::before{content:''; background:#fff; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:4%; margin:auto;}
    .m_nav .mNav_bott .m_navli>a::after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
    .m_nav .mNav_bott .m_navli>a::before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
    .m_nav .mNav_bott .m_navli.active{background:#414141;}
    .m_nav .mNav_bott .m_navli.active>a::before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#fff;}
    .m_nav .mNav_bott .m_navli.active>a::after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0;  background:#fff;}
    .m_nav .mNav_bott .m_navli.active>a{ font-weight:bold;}
    .m_nav .mNav_bott .m_navli .m_secNav{display:none;}
    .m_nav .mNav_bott .m_navli .m_secNav .li_title{width:100%; padding:8px 25px; border-top:solid 1px #747373; padding-top:18px; box-sizing:border-box; color:#fff; font-size:13px; position:relative;} 
    .m_nav .mNav_bott .m_navli .m_secNav .li_title a{padding:5px 0 5px 25px; display:block; position:relative; font-size:14px; line-height:1.25; transition:all 0.3s ease-out;} 
    .m_nav .mNav_bott .m_navli .m_secNav .li_title a::after{content:''; width:15px; height:15px; background:url(../img/m_anniu1.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-7px; background-size:cover;}
    .m_nav .mNav_bott .m_navli .m_secNav ul{font-size:0; padding-bottom:18px;}
    .m_nav .mNav_bott .m_navli .m_secNav li{font-size:14px;}
    .m_nav .mNav_bott .m_navli.m_navli02 .m_secNav ul{overflow:hidden;}
    .m_nav .mNav_bott .m_navli.m_navli02 .m_secNav li{width:100%; float:left;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a{padding:8px 25px; line-height:28px; display:block; position:relative; color:#fff;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a:hover{color:#fff;}
    .m_nav .mNav_bott .m_navli .m_secNav li>a.cur{color:#fff;}

    /* 没有下拉 */
    .m_nav .mNav_bott .m_navli.noSec>a::after,
    .m_nav .mNav_bott .m_navli.noSec>a::before{display:none;}
    

    /* 下层banner */
    .xc_banner{height:300px;}


    /* 公共部分 */
    .channel_content{min-height:calc(100vh - 590px);}

    /* 底部 */
    .footer{padding-top:0;}
    .footer .f_top{display:none;}
    
    /* 首页 */
    .ipart01 .swiper_box .cover{height:85%; width:40%;}
    .ipart01 .swiper_box .cover .box{padding:20px;}
    .ipart01 .swiper_box .cover .infor .con{max-height:108px; overflow:hidden;  text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
    .ipart01 .swiper_box .cover .more_btn{margin-top:.3rem;}
    .ipart01 .swiper_box .swiper-container-horizontal>.swiper-pagination-bullets{width:auto; left:60%;}
    .ipart02 .content .left .con{max-height:189px;}
    .ipart02 .content::after{width:200px;}
    
    
    /* 新闻中心 */
    .news_center01 .bott li{width:49%; margin-right:2%; margin-bottom:20px;}
    .news_center01 .bott li:nth-child(3n){margin-right:2%;}
    .news_center01 .bott li:nth-child(2n){margin-right:0;}

    
    /* 产品列表 */
    .pro_list01 .content .bd li .img{height:120px;}
    .pro_list01 .content .bd li .mers{margin-top:20px;}
    .common_pro .content{position:relative; top:auto; transform:none; padding:50px 0;}
    .common_pro .bg img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
    

    /* 产品详情 */
    .pro_detail02 .hd .box::after{width:750px;}
    .pro_detail01 .content .left .con{margin-bottom:20px;}
    .pro_detail01 .content .right .r_top{height:170px;}
    .pro_detail01 .content .left .para li{margin-bottom:5px;}
    .pro_detail01 .content .left .btns_box .btns01{width:2rem; margin-right:30px;}


    /* 配件与服务 */
    .parts01 .item .box .img{min-height:260px;}


    /* 联系我们 */
    .contact_us01 .item li .icon{margin-right:15px;}


}

@media only screen and (max-width: 820px) {
    
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; }
    .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浏览器*/   }

    /* 公共字号 */
    .tit36{font-size:.26rem;}
    .tit28{font-size:.22rem;}
    .tit24{font-size:.2rem;}
    .con18{font-size:15px;}
    .con16{font-size:14px;}



    /* 搜索下拉 */
    .search_alert .cent-form{width:calc(100% - 88px);}
    .search_alert .cent-form form .inp{width:calc(100% - 1.1rem);}
    .search_alert .cent-form form .btns{width:1rem;}


    /* 二级导航 */
    .xc_nav{display:none;}

    /* 下层banner */
    .xc_banner{height:260px;}

    /* 公共部分 */
    .channel_content{padding:30px 0;}
    .channel_content{min-height:calc(100vh - 480px);}


    /* 底部 */
    .footer .f_bott{padding:20px 0; text-align:center;}
    .footer .f_bott .wrap>div{width:100%;}
    .footer .f_bott a{display:inline-block;}

    
    /* 首页 */
    .ipart01{margin-top:40px;}
    .ipart02{margin-top:20px; padding:20px 0;}
    .ipart02 .content{padding:30px 0;}
    .ipart02 .content .right .circle_box .center{width:60px; height:60px;}
    .ipart04 .content{padding:40px 0;}
    .ipart04 .content .btns_box{margin-top:20px;}
    .ipart04 .content .btns_box .btn_{line-height:45px; width:160px;}
    .ipart04{margin-top:40px;}


    /* 关于我们 */
    .about_us01{padding-bottom:30px;}
    .about_us01::after{width:50%;}
    .about_us01 .left{width:100%;}
    .about_us01 .right{width:100%; margin-top:20px;}
    .about_us01 .right .media .play{width:50px; height:50px;}
    .about_us02{padding:30px 0;}
    .about_us02 .content{margin-top:20px;}
    .about_us02 .swiper-slide .box .year{width:75px; height:75px;}


    /* 新闻中心 */
    .news_center01 .top .item{padding:3px 10px;}
    .news_center01 .bott li .words{padding:10px;}
    .news_center01 .bott li .words .hd{margin-bottom:5px;}

    /* 分页 */
    .widgets_common_pages_2{margin-top:10px;}


    /* 新闻详情 */
    .news_detail01 .top .title{width:100%;}
    .news_detail01 .top .box .detail_btn_box a{width:35px; height:35px; margin-left:10px;}
    .news_detail01 .top .box .detail_btn_box i.iconfont{line-height:35px; font-size:16px;}
    .news_detail01 .top{margin-bottom:30px;}
    .news_detail01 .text{margin-bottom:30px;}
    .news_detail01 .bott a{padding:15px 0;}
    .news_detail01 .bott .date{width:80px;}
    .news_detail01 .bott .b_text{width:60px;}
    .news_detail01 .bott .news_tit{width:calc(100% - 140px);}


    /* 联系我们 */
    .contact_us01 .item{width:100%; margin-right:0; margin-top:20px;}
    .contact_us01 .item li{padding:15px 20px 15px 0;}

    
    /* 产品列表 */
    .pro_list01{margin-bottom:30px;}
    .pro_list01 .infor{padding-bottom:20px;}
    .pro_list01 .infor .con{margin-top:10px;}
    .pro_list01 .content .bd li{width:48%; margin-right:4%;}
    .pro_list01 .content .bd li:nth-child(3n){margin-right:4%;}
    .pro_list01 .content .bd li:nth-child(2n){margin-right:0;}
    .common_pro .content{padding:30px 0;}


    /* 产品详情 */
    .pro_detail01{margin-bottom:30px;}
    .pro_detail01 .content{margin-top:20px;}
    .pro_detail01 .content .left .btns_box{margin-top:20px;}
    .pro_detail01 .content .right .r_top{height:140px; margin-bottom:20px;}
    .pro_detail02{margin-bottom:10px;}
    .pro_detail02 .hd{height:61px;}
    .pro_detail02 .hd .box::after{width:92%;}
    .pro_detail02 .hd .left li{padding:15px 0; margin-right:40px;}
    .pro_detail02 .hd .right .more_btn{margin-top:13px;}
    .pro_detail02 .bd .section1 .bott li{padding:10px 15px;}
    .pro_detail02 .bd .section2{padding-top:30px;}
    .pro_detail02 .bd .section2 .content{padding-top:20px;}
    .pro_detail02 .bd .section2 li .words{padding:20px 4% 10px;}
    .pro_detail02 .bd .section2 li .words .iconfont{margin-left:10px; font-size:14px;}
    .pro_pop{width:92%;}
    .pro_pop .cont_box .infor{margin:20px 0;}
    .pro_pop .cont_box .list .item{display:flex; flex-direction:column-reverse; flex-wrap:wrap; gap:15px; margin-bottom:30px;}
    .pro_pop .cont_box .list .item>div{width:100%;}
    .pro_pop .cont_box .list .item .intro .t{margin-bottom:5px;}
    .pro_pop .cont_box .list .item:nth-child(2n){flex-direction:column-reverse;}


    /* 配件与服务 */
    .parts01 .item .box .img{min-height:auto;}
    .parts01 .item .box .infor .tit{margin-bottom:10px;}
}

/*
* MobileMode
*/


@media only screen and (max-width: 580px) {
    /*mobileMode 580 网站样式*/
    body{font-size:12px; line-height:20px;}
    input,textarea,button,select {font-size:14px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    body:after {
        content: 'Mobile';
    }
    .channel_content{min-height:calc(100vh - 480px);}

    /* 公共字号 */
    .tit24{font-size:15px;}
    .con18{font-size:14px; line-height:24px;}
    .con16{font-size:13px; line-height:24px;}

    /* 下层banner */
    .xc_banner{height:240px;}

    /* 公共标题 */
    .common_tit{padding-bottom:10px;}
    .common_tit::after{width:.5rem;}

    /* 首页 */
    .ibanner .swiper-container .img_box video+img{display:block;}
    .ibanner .btns_box .btn_box .swiper-pagination-bullet{width:10px; height:10px; margin:0 6px;}
    .ipart01{margin-top:30px;}
    .ipart01 .tab_t_box{flex-wrap:wrap; justify-content:flex-start; margin-bottom:10px;}
    .ipart01 .tab_t_box .tab_t{width:33%;}
    .ipart01 .swiper_box .cover{position:static; width:100%; }
    .ipart01 .swiper_box .swiper-container-horizontal>.swiper-pagination-bullets{position:relative; bottom:auto; left:0; width:100%; margin-top:15px;}
    .ipart01 .swiper_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:10px; height:10px; margin:0 6px; background:#f2f2f2;}
    .ipart02{padding:0; margin-top:20px;}
    .ipart02::after{display:none;}
    .ipart02 .content{position:relative; padding:10px 0 0; display:block;}
    .ipart02 .content::before{right:-10%; height:80%;}
    .ipart02 .content::after{display:none;}
    .ipart02 .content .left{width:100%;}
    .ipart02 .content .left .con{max-height:none; padding-right:0; margin-bottom:15px; margin-top:10px;}
    .ipart02 .content .right{width:100%;}
    .ipart03 .cont{margin-top:10px; display:block;}
    .ipart03 .cont .left{width:100%; margin-bottom:15px;}
    .ipart03 .cont .center{width:100%; display:block; margin-bottom:15px;}
    .ipart03 .cont .center .item{margin-bottom:15px;}
    .ipart03 .cont .right{width:100%;}
    .ipart04{margin-top:30px;}
    .ipart04 .content{padding:20px 0;}
    .ipart01 .swiper_box .cover .infor .con{max-height:80px;}

    
    /* 关于我们 */
    .about_us02 .content .swiper-button-prev::after, .about_us02 .content .swiper-button-next::after{font-size:24px;}
    .about_us02 .swiper-slide{height:300px; width:100%;}


    /* 新闻中心 */
    .news_center01 .top{flex-direction:column-reverse; margin-bottom:20px;}
    .news_center01 .top .left{width:100%;}
    .news_center01 .top .right{width:100%; margin-bottom:10px;}
    .news_center01 .bott li .img{height:140px;}
    .news_center01 .bott li .words .tit{max-height:48px;}
    
    /* 分页 */
    .widgets_common_pages_2 a, .widgets_common_pages_2 span{display:none;}
	.widgets_common_pages_2 .goprev, .widgets_common_pages_2 .gonext,.widgets_common_pages_2 span.count{display:inline-block;}


    /* 新闻详情 */
    .news_detail01 .top .box{display:block;}
    .news_detail01 .top .box .left{margin-bottom:10px;}


    /* 产品列表 */
    .pro_list01 .content .bd li{width:100%; margin-right:0;}


    /* 产品详情 */
    .pro_detail01 .content .left{width:100%; margin-bottom:20px;}
    .pro_detail01 .content .right{width:100%;}
    .pro_detail02 .bd .section2 li{width:48%; margin-right:4%;}
    .pro_detail02 .bd .section2 li:nth-child(3n){margin-right:4%;}
    .pro_detail02 .bd .section2 li:nth-child(2n){margin-right:0;}
    .pro_detail02 .bd .section2 li .words{min-height:auto; padding:15px 4%;}

    /* 弹窗 */
    .pro_pop.heightAuto{height:auto; max-height:calc(100vh - 88px);}
    
    


    /* 配件与服务 */
    .parts01 .item{display:block;}
    .parts01 .item .box{width:100%;}
    .parts01 .item .box .infor{padding:20px 4%;}



}
@media only screen and (max-width: 480px){
    
}