/*
* 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); }

/* FHD缩放125% */
@media only screen and (max-width: 1540px) {
    .wrap, .mwrap { width:1300px; }
    /*1540（FHD缩放125%） 网站样式*/

    /* 头部 */
    .header .h_menu{margin-left:20px;}
    .header .h_tools .h_lan{margin-left:20px;}
    .header .h_tools .h_720{margin-left:20px;}

    .header .inav_wrapper{margin-right:4%;}
    .header .inav_wrapper .nav_li{padding:38px 8px;}
    .header .inav .nav_li .xiala_nav .left{width:77%;}
    .header .inav .nav_li .xiala_nav .right{width:23%;}
    .header .inav_wrapper .inav .nav_li .xiala_nav.pro_xiala{height:458px;}

    /* 底部 */
    .f_top .left{width:35%;}
    .f_top .right{width:60%;}

    .ipart01 .content .left .intro_box{padding-top:35px;}
    .ipart01 .content .right li .img_box{padding-bottom:63%;}

    .ipart03:after{top:45px;}
    .ipart03 .left .infor{margin-top:100px;}
    .ipart04 .content .news_box .intro_box{max-height:145px;}
    /* .ipart04 .content .news_box .intro_box .con{height:56px;} */

    .about_us02 .bott .list .item .number span{font-size:48px;}
    
    .pro_center01 .left .link_box .item .intro_box{padding-top:30px;}
    .pro_center01 .left .link_box .item .intro_box .tit{font-size:28px;}
    .pro_center01 .left .link_box .item .intro_box .btns{margin-top:60px;}
    .pro_center01 .right .list .item .intro_box .con{height:48px;}

    /* 联系我们 */
    .contact_us01 .content .right .box{padding:72px 0px 75px 13%;}
    /* 新闻列表 */
    .news_list01 .form_box .inp_box{width:22.3%;}

    /* 产品详情 */
    .pro_detail01 .left{width:48%; margin-right:2%;}
    .pro_detail01 .right{padding:0; padding-left:24px;}
    .pro_detail01 .right .intro .con{width:auto;}

    /* 发展历程 */
    .history01 .bd_r{width:12.5%;}

    /* 设备展示 */
    .device_list01 .content .bd .bd_tab .tab{width:140px;}
    .device_list01 .content .bd .bd_content{padding:40px 50px;}
    .device_list01 .content .bd_content ul{padding-bottom:40px;}
    .device_list01 .content .bd .bd_content::after{height:266px;}

    /* 客户服务 */
    .customer_service02 .content .item .left .intro{left:50px; right:50px; margin-top:-120px;}
    .customer_service02 .content .item .left .intro .con{line-height:30px; height:150px; margin-top:40px;}

    /* 20220905 */
    .about_us01 .content .item .img_box .play_btn{right:10%;}
    /* TODO: 1540 */


    /* 2022-1027 */
    .equipment01 .content .tabs .tab{width:88px;}
    .equipment01 .content .hd{width:55%;}
    .equipment01 .content .bd{width:40%;}

    /* 2022-1129 */
    .header .inav_wrapper{margin-right:1%;}
    .header .inav_wrapper .inav>ul{font-size:0;}
    .header .inav_wrapper .nav_li{padding:39px 23px;}
    /* .header .nav_down .left{width:19%;} */
    .xc_pageHeader .header .h_logo .logo_dark{height:35px;}



}


/* 1440（2K） */
@media only screen and (max-width: 1440px) {
    .wrap, .mwrap { width:1200px; }
    /*1440（2K） 网站样式*/

    /* 2022-1008 */
    .about_us02 .top .left{width:60%;}
    .about_us02 .top .right{width:30%;}
    .about_us02 .bott{margin-top:20px;}
    .about_us02 .bott .list{top:30px}
    .about_us02 .bott .list .item .icon{height:40px;}
    .about_us02 .bott .list .item .icon img{height:40px;}
    .about_us02 .bott .list .item .number{margin-top:15px;}
    .about_us02 .bott .list .item .number span{font-size:30px;}

    /* 2022-1129 */
    .header .inav_wrapper .nav_li{padding:39px 18px;}
    .header .inav .nav_li .sec_nav ul li{font-size:13px;}

    /* TODO: 1440 */
}


/* 1366（普通14寸） */
@media only screen and (max-width: 1366px) {
    .wrap, .mwrap { width:1200px; }
    /*1366（普通14寸） 网站样式*/



    .ipart01 .infor .right .search_form{margin-top:0;}
    .ipart01 .infor .tab{line-height:50px;}
    .ipart01 .content{margin-top:20px;}
    .ipart04 .content{margin-top:30px;}

    /* 20220826 */
    .ibanner .iban_word .intro .tit{font-size:32px;}
    .ibanner .iban_word .intro .con{font-size:24px;}
    .ibanner .iban_word .intro .txt{font-size:18px;}
    .ibanner .iban_word .intro .btns{margin-top:40px;}

    .talent02 .content .item .left .intro{margin-top:-150px;}

    /* TODO: 1366 */
}
@media only screen and (max-width: 1280px) {
    .wrap, .mwrap { width:1160px; }
    .header .inav_wrapper .nav_li{padding:39px 15px;}
}

/*
* PadMode
*/
@media only screen and (max-width: 1240px) {

    body:after {
        content: 'Pad';
    }
    body{ user-select: none;-webkit-user-select: none;}
    html { overflow-x:hidden;}
    body,input,textarea,button,select { font-size:14px;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:940px; }
    /*padMode 1240px 网站样式*/

    /* 公共 */
    .common_btn{color:#fff; background:#23ac38; border:1px solid #23ac38;}

    /* 头部 */
    .pageHeader{height:100px;}
    .header{background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);}
    .header .h_logo .logo_light{display:none;}
    .header .h_logo .logo_dark{display:block;}
    .header .h_tools .iconfont{color:#23ac38;}
    .header .mobile_key{display:block; padding:37px 0; margin-left:20px; cursor:pointer;}
    .header .mobile_key .iconfont{font-size:28px;}
    .header .inav_wrapper{display:none;}
    
    /* 手机端导航 */
    .m_nav{display:block; position:fixed; right:-100%; top:0; background:#fff; background:rgba(255, 255, 255, 0.8); width:60%; height:100%; z-index:15; transition:right 0.5s ease;;}
    .m_nav .nav_bg{background:url(../img/black.6.png) center; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:all 0.5s ease; z-index:2;}
    .m_nav .content{position:relative; z-index:4; background:#fff; height:100%;}
    .m_nav .content .mnav_top{height:102px; background:#fff;}
    .m_nav .content .mnav_top .mnav_search{float:right; background:#0f3568; text-align:center; line-height:102px; width:56%; font-size:0;}
    .m_nav .content .mnav_top .mnav_search span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; color:#fff;}
    .m_nav .content .mnav_top .mnav_search i{display:inline-block; vertical-align:middle; width:31px; height:31px; background:url(../img/widgets_single_nav_14_mnav_search.png) no-repeat center; margin-left:37px; background-size:cover;}
    .m_nav .content .mnav_top .mnav_back{float:left; background:#fff; text-align:center; line-height:120px; width:44%; font-size:0;}
    .m_nav .content .mnav_top .mnav_back span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:bold; color:#333f47;}
    .m_nav .content .mnav_top .mnav_back i{font-size:20px; font-weight:bold; color:#333f47; margin-right:25px;}
    .m_nav .content .mnav_center .m_language{text-align:right; padding:20px 0;}
    .m_nav .content .mnav_center .m_language a{display:inline-block; font-size:14px; color:#333f47; font-family:Arial; color:rgba(51,63,71,.5); position:relative; margin:0 20px;}
    .m_nav .content .mnav_center .m_language a.on{color:#333f47;}
    .m_nav .content .mnav_center .m_language a.on:after{content:''; width:96%; height:2px; background:#333f47; position:absolute; left:2%; bottom:-3px;} 
    .m_nav .content .mnav_bottom{overflow-y:auto;}
    .m_nav .content .mnav_bottom .mnav_li{position:relative; margin:20px 0;}
    .m_nav .content .mnav_bottom .mnav_li {display:block; padding:0 45px; position:relative; font-size:19px; color:#333f47; font-weight:bold;}
    .m_nav .content .mnav_bottom .mnav_li  i{display:block; width:20px; height:20px; background:url(../img/widgets_single_nav_14_mnav_jt.png) no-repeat; background-size:contain; position:absolute; right:45px; top:5px;}
    .m_nav .content .mnav_bottom .mnav_li  i{
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);}

    .m_nav .content .mnav_bottom .mnav_li dl{background:#f7f7f7; padding:20px 60px; display:none; margin:10px 0;}
    .m_nav .content .mnav_bottom .mnav_li dl dd a{display:block; font-size:15px; color:#525252; line-height:35px;}
    .m_nav .content .mnav_bottom .mnav_li.cur  i{-webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);}

    .m_nav.toshow{right:0;}
    .m_nav.toshow .nav_bg{opacity:1; visibility:visible;}
    .m_nav .content .mnav_bottom .mnav_li:last-child i{display:none;}
    .m_nav .content .mnav_bottom .mnav_li:first-child dl,.m_nav .content .mnav_bottom .mnav_li:last-child dl{display:none !important;}

    .m_third_nav{display:block;}
    .m_third_nav .content{height:47px; overflow:hidden; border-bottom:2px solid #e5e5e5; text-align:center;}
    .m_third_nav ul {width:100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:60px;}
    .m_third_nav ul li{display:inline-block; font-size:15px; color:#949494; margin:0 4px; line-height:47px;}
    .m_third_nav ul li a{display:inline-block; position:relative; padding:16px 8px; line-height:1;}
    .m_third_nav ul li.on{font-weight:bold; color:#333f47;}
    .m_third_nav ul li.on a:after{content:''; width:102%; height:2px; background:#333f47; border-radius:3px; position:absolute; left:0; bottom:0}

    /* 下层banner */
    .xc_banner .intro .info{width:60%;}
    .xc_banner .intro .info .tit{font-size:30px; line-height:30px;}
    .xc_nav ul li{margin-right:8px;}
    .xc_nav ul li{font-size:16px;}
    .crumbs em{padding:0px 0px; margin:0px 0px;}

    /* 底部 */
    .f_top .left{width:40%;}
    .f_top .right{width:56%;}
    .f_top .left .ewm_con .ewm{margin-left:30px;}
    .f_top .left .bott .bshare-custom a{margin-left:10px;}

    /* 首页 */
    .ibanner{height:auto;}
    .ibanner .owl-carousel{height:auto;}
    .ibanner .owl-carousel .item{height:auto;}
    .ibanner .iban_word .intro .btns .more_btn{border-color:#23ac38;}
    .ibanner .iban_img{height:auto;}
    .ibanner .iban_img img{position:static; transform:none;}
    .ibanner .iban_img video{display:none;}
    .ibanner .iban_widgets .line_box{display:none;}
    .ibanner .iban_widgets .iban_dots{bottom:28px; left:50%; right:initial; transform:translateX(-50%);}
    .ipart01{padding:30px 0;}
    .ipart01 .content .left{float:none; width:100%; height:auto; margin:0; padding-bottom:0;}
    .ipart01 .content .right{float:none; width:100%; height:auto; margin:0; padding-bottom:0; margin-top:2.5%;}
    .ipart01 .content .right li{height:auto; padding-bottom:0;}
    .ipart01 .content .right li .intro_box{padding-bottom:20px;}
    
    .ipart02 .content .item{height:600px;}

    .ipart03{padding:60px 0;}
    .ipart03 .left{float:none; width:100%;}
    .ipart03 .left .infor{margin-top:40px;}
    .ipart03 .left .btns{margin-top:20px;}
    .ipart03 .right{float:none; width:100%; margin-top:20px;}

    .ipart04{padding:60px 0;}
    .ipart04 .content>ul{width:102.5%;}
    .ipart04 .content>ul>li{float:left; width:47.5%; height:auto; padding-bottom:0; margin-right:2.5%;}
    .ipart04 .content .news_list{width:97.5%; margin-top:2.5%;}

    .pro_center01 .left .link_box .item .intro_box .tit{font-size:20px;}
    .pro_center01 .left .link_box .item .intro_box .btns{margin-top:40px;}

    /* 联系我们 */
    .contact_us01 .content .right .box {padding:55px 0px 55px 8%;}
    .contact_us01 .content .right .box .info{margin-bottom:5px;}
    .contact_us01 .content .right .box .info .t{font-size:25px; line-height:30px;}
    .contact_us01 .content .right .box .con{font-size:14px; line-height:28px; margin-bottom:20px;}
    /* 新闻列表 */
    .news_list01{padding:0;}
    .news_list01 .form_box .inp_box.inp_box_news{background:none;}
    .news_list01 .form_box .inp_box{width:30%; padding:0 20px; box-sizing:border-box; background:#f0f6fe; width:21.9%;}
    .news_list01 .form_box .inp{text-indent:0;}
    .news_list01 .li_box .intro .box{margin-top:5px;}
    .news_list01 .li_box .intro .box .tit{font-size:20px; line-height:26px;}
    /* 招聘 */
    .recruit02 .bd .j_c .j_c_box{padding:40px;}
    .recruit02 .bd .j_c .intro .job_btn{position:relative; margin-top:20px;}

    /* 产品详情 */
    .pro_detail01 .left{float:none; width:100%; margin:0;}
    .pro_detail01 .right{float:none; width:100%; margin:0; padding:0; margin-top:30px;}
    .pro_detail02 .content .sec2 .item{width:48.7%; margin-bottom:1.3%;}
    .pro_detail02 .content .sec3 .item{width:48.7%; margin-bottom:1.3%;}

    /* 发展历程 */
    .history01 .bd_r{width:16%;}

    /* 设备展示 */
    .device_list01 .content .bd .bd_tab .tab{width:110px;}
    .device_list01 .content .bd_content .item .box{padding:15px;}
    .device_list01 .content .bd_content .item .box .txt{font-size:14px;}

    /* 人才理念 */
    .talent02 .content .item .left .intro{left:30px; right:30px; margin-top:-100px;}
    .talent02 .content .item .left .intro .tit{font-size:24px;}
    .talent02 .content .item .left .intro .tit::after{bottom:-4px;}
    .talent02 .content .item .left .intro .con{margin-top:20px;}

    /* 客户服务 */
    .customer_service02 .content .item .left .intro{left:30px; right:30px; margin-top:-100px;}
    .customer_service02 .content .item .left .intro .tit::after{bottom:-4px;}
    .customer_service02 .content .item .left .intro .con{margin-top:20px; overflow-y:scroll;}

    /* 20220826 */
    .talent02 .content .item .left .intro{margin-top:-120px;}
    
    /* 在线留言 */
    .leave_message01 .infor .tit{margin-top:0;}
    .leave_message01 .form,
    .leave_message01 .form textarea{width:100%;box-sizing:border-box;}
    .leave_message01 .form #content{width:100%;box-sizing:border-box;}

    /* 20220905 */
    .about_us01 .content .item .img_box .play_btn{right:2%;}
    /* TODO: 1240 */

    /* 2022-1027 */
    .equipment01 .content .tabs .tab{width:100px;}
    .equipment01 .content .hd{width:100%;}
    .equipment01 .content .bd{width:100%; height:auto!important;}
    .equipment01 .content .bd_content .item{width:31.5%; margin-right:2%;;;}
    .equipment01 .content .bd_content .item:nth-child(3n){margin-right:0;}











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

    /* 下层导航 */
    .xc_nav ul li{margin-right:6px;}
    .xc_nav .crumbs{line-height:40px; display:none;}

    /* 联系我们 */
    .contact_us01 .content .left{width:100%;}
    .contact_us01 .content .right{width:100%;}
    .contact_us01 .content .right .box{padding:40px 0px 40px 5%;}
    /* 新闻列表 */
    .news_list01 .form_box .inp_box{width:21.6%;}
    .news_list01 .li_box .intro .box .con{height:24px; -webkit-line-clamp:1}
    /* 招聘 */
    .recruit01 form{padding:0px 4%;}
    .recruit01 input{width:40%;}
    .recruit01 button{background-size:80%; right:30px;}

    /* 在线留言 */
    .leave_message01 .yzm_box{width:100%; margin-bottom:20px;}
    .leave_message01 .form .btns_list{width:100%;}
    .leave_message01 .form .btns_list .sub{margin-right:40px; float:none;width:40%;}
    .leave_message01 .form .btns_list .reset{float:none;width:40%;}
    .leave_message01 .line1{width:75%;}

    /* 20220905 */
    .about_us01 .content .item .img_box .play_btn{display:none;}

    /* TODO: 992 */
}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size:16px;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    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浏览器*/   }
    /*mobileMode 760 网站样式*/

    /* 通用 */
    .common_btn{line-height:38px; padding:0 24px; font-size:16px;}

    /* 分页 */
    .util-page{text-align:left;}
    .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count{font-size:14px; padding:2px 8px;}

    /* 头部 */
    .lnb{display:none;}
    .pageHeader{height:60px;}
    .header .h_tools .h_menu,
    .header .h_tools .h_search,
    .header .h_tools .h_lan,
    .header .h_tools .h_720,
    .header .h_tools .h_group{display:none;}
    .header .h_logo{max-width:50%; padding:6px 0; height:48px;}
    .header .h_logo a{height:100%;}
    .header .h_logo img{height:100%; max-width:none;}
    .header .h_tools .h_search{padding:17px 0;}
    .header .h_tools .h_lan{padding:17px 0;}
    .header .mobile_key{padding:16px 0;}

    /* 手机端导航 */
    .m_nav{width:77%;}
    .m_nav .content .mnav_top{height:60px;}
    .m_nav .content .mnav_top .mnav_search{line-height:60px;}
    .m_nav .content .mnav_top .mnav_search i{width:25px; height:25px; background-size:cover; margin-left:20px;;}
    .m_nav .content .mnav_top .mnav_back{line-height:60px;}
    /* .m_nav .content .mnav_top .mnav_back i{width:0.25rem; height:0.25rem; background-size:cover;} */
    .m_nav .content .mnav_bottom .mnav_li{margin:15px 0;}
    .m_nav .content .mnav_bottom .mnav_li a.mnav_a{padding:0 20px; font-size:17px; line-height:30px;}
    .m_nav .content .mnav_bottom .mnav_li  i{right:20px}
    .m_nav .content .mnav_bottom .mnav_li dl{padding:15px 30px;}
    .m_nav .content .mnav_center .m_language{padding:10px 0 15px;}
    .m_nav .content .mnav_center .m_language a{margin:0 8px;}
    .m_nav .content .mnav_center .m_language a:first-child{margin-left:0px;}  

    /* 下层banner */
    .xc_banner{height:200px;}
    .xc_banner>img{width:1200px; margin-left:-600px;}
    .xc_banner .intro .info{width:90%;}
    .xc_banner .intro .info .tit{font-size:20px; line-height:24px;}
    .xc_banner .intro .info .con{font-size:14px; line-height:24px; margin-top:15px; margin-right:24px;}
    .xc_nav{line-height:50px;}
    .xc_nav ul{display:none;}
    .xc_nav .xc_nav_line i{display:none!important;}
    .crumbs{float:left;}
    .channel_content{padding:30px 0;}
    .xc_nav .crumbs{display:block;}

    /* 底部 */
    .f_top{display:none;}
    .f_bott .content{padding:10px 0;}
    .f_bott .left{float:none; width:100%; font-size:14px;}
    .f_bott .right{display:none;}

    /* 首页 */
    .ibanner .iban_word .intro img{margin:10px 0;}
    .ibanner .iban_word .intro .tit{font-size:22px;}
    .ibanner .iban_word .intro .con{font-size:20px; margin-top:10px;}
    .ibanner .iban_word .intro .txt{font-size:18px; margin-top:10px;}
    .ibanner .iban_word .intro .btns{margin-top:15px;}

    .ipart01{padding:20px 0;}
    .ipart01 .infor .tab{font-size:14px;}
    .ipart01 .infor .left{float:none; width:100%;}
    .ipart01 .infor .right{float:none; width:100%;}
    .ipart01 .infor .right .search_form{padding-left:24px;}
    .ipart01 .infor .right .search_form input{font-size:16px; line-height:36px;}
    .ipart01 .infor .right .search_form .submit_btn{font-size:20px; margin-top:-16px;}
    .ipart01 .content{margin-top:10px;}
    .ipart01 .content .left>a{padding:10px;}
    .ipart01 .content .left .intro_box{padding:15px; padding-top:30px;}
    .ipart01 .content .left .intro_box .type{top:-15px; left:15px; line-height:30px; padding:0 15px; font-size: 14px;}
    .ipart01 .content .left .intro_box .tit{font-size:16px;}
    .ipart01 .content .left .intro_box .con{line-height:24px; max-height:48px; margin-top:5px; font-size:14px; overflow:hidden;}
    .ipart01 .content .right li .type{font-size:14px;}
    .ipart01 .content .right li .tit{font-size:16px;}
    .ipart01 .content .right li .intro_box{padding-bottom:10px;}

    .ipart02{padding:0;}
    .ipart02 .content .item{float:none; width:100%; height:200px; margin:0;}
    .ipart02 .content .item:first-child{margin-top:0;}
    .ipart02 .content .item .tit{font-size:20px; font-weight:normal; top:50%; bottom:initial; transform:translate(-50%, -50%);}
    .ipart02 .content .item,
    .ipart02 .content .item:hover{background-size:100% auto;}
    .ipart03{padding:30px 0;}
    .ipart03:after{top:25px; height:40px; background-size:auto 100%;}
    .ipart03 .left .infor{margin-top:0;}
    .ipart03 .left .infor .tit{font-size:20px; line-height:30px; margin-bottom:0;}
    .ipart03 .left .infor .con{margin-top:10px; font-size:14px; line-height:24px;}
    .ipart03 .left .btns{margin-top:10px;}
    .ipart03 .left .btns .more_btn{font-size:14px; line-height:30px; padding:0 20px;}
    .ipart03 .right{margin-top:10px;}
    .ipart04{padding:30px 0;}
    .ipart04 .infor .tit{font-size:20px;}
    .ipart04 .content{margin-top:0;}
    .ipart04 .content>ul{width:100%;}
    .ipart04 .content>ul>li{float:none; width:100%; height:auto; padding-bottom:0; margin:0; margin-top:20px;}
    .ipart04 .content .news_box .intro_box{margin:15px; max-height:none;}
    .ipart04 .content .news_box .intro_box .tit{font-size:16px; line-height:24px; max-height:48px;}
    .ipart04 .content .news_box .intro_box .tools{margin-top:10px;}
    .ipart04 .content .news_box .intro_box .date{font-size:14px;}
    .ipart04 .content .news_box .intro_box .con{font-size:14px; margin-top:10px; line-height:24px; height:auto;}
    .ipart04 .content .news_box .cover_box .type,
    .ipart04 .content .news_list .cover_box .type{font-size:14px; line-height:30px; padding:0 18px;}
    .ipart04 .content .news_list{width:100%; margin-top:20px;}
    .ipart04 .content .news_list .list_box{padding:15px;}
    .ipart04 .content .news_list .list_box .item{margin-top:10px;}
    .ipart04 .content .news_list .list_box .item .tit{font-size:16px;}
    .ipart04 .content .news_list .list_box .item .date{font-size:14px;}

    /* 关于华星 */
    .channel_content.about_us{padding-top:0;}
    .about_us01{height:auto;}
    .about_us01 .wrap{padding-left:0; padding-right:0;}
    .about_us01 .infor{top:20px; left:0; right:0; text-align:center;}
    .about_us01 .content .item{position:static; background:#0f3568; display:none;}
    .about_us01 .content .item.cur{display:block;}
    .about_us01 .content .item .img_box{display:none;} 
    .about_us01 .content .item .intro_box{position:static; width:auto; padding:30px 20px 20px; }
    .about_us01 .content .item .intro_box .tit{font-size:20px;}
    .about_us01 .content .item .intro_box .con{margin-top:20px; padding-right:0; height:auto; overflow:hidden;}

    .about_us02{padding:30px 0;}
    .about_us02 .top .left{float:none; width:100%;}
    .about_us02 .top .right{float:none; width:100%; margin-right:0; margin-top:20px;}
    .about_us02 .top .right li{margin-top:10px; font-size:14px;}
    .about_us02 .bott{margin-top:20px; height:260px;}
    .about_us02 .bott .list .item{width:50%;}
    .about_us02 .bott .list{top:0; bottom:0;}
    .about_us02 .bott .list .item{margin-top:20px;}
    .about_us02 .bott .list .item .icon{height:40px;}
    .about_us02 .bott .list .item .icon img{max-height:100%;}
    .about_us02 .bott .list .item .number{margin-top:10px;}
    .about_us02 .bott .list .item .number span{font-size:28px;}
    .about_us02 .bott .list .item .text{margin-top:5px;}

    .about_us03::before{height:100%;}
    .about_us03 .infor .tit{font-size:20px;}
    .about_us03 .content{margin-top:20px;}
    .about_us03 .content ul{width:100%;}
    .about_us03 .content .item{float:none; width:100%; padding:20px 0; margin:0; margin-top:20px;}
    .about_us03 .content .item:first-child{margin-top:0;}
    .about_us03 .content .item .icon{height:60px;}
    .about_us03 .content .item .icon img{max-height:100%;}
    .about_us03 .content .item .tit{font-size:18px; margin-top:5px;}
    .about_us03 .content .item .con{height:auto; margin-top:5px;}

    .about_us04{margin-top:30px;}
    .about_us04 .infor .tit{font-size:20px;}
    .about_us04 .content{margin-top:20px;}
    .about_us04 .content ul{width:100%;}
    .about_us04 .content .item{float:none; width:100%; margin-top:20px;}
    .about_us04 .content .item:first-child{margin-top:0;}
    .about_us04 .content .item .intro_box{bottom:0;}
    .about_us04 .content .btns{margin-top:20px;}
    .about_us04 .content .btns .more_btn{font-size:16px; line-height:38px; padding:0 24px;}

    /* 产品中心 */
    .pro_center01 .left{float:none; width:100%;}
    .pro_center01 .left .search_box{padding:15px 12px;}
    .pro_center01 .left .search_box .input_box{margin-top:5px;}
    .pro_center01 .left .filter_box{padding:15px 0;}
    .pro_center01 .left .filter_box .list_box{margin-top:10px;}
    .pro_center01 .left .filter_box .list_box>span{line-height:36px; font-size:14px;}
    .pro_center01 .left .filter_box .list_box .down_{padding:10px 20px;}
    .pro_center01 .left .filter_box .list_box .down_>span{font-size:14px; line-height:24px; height:24px;}
    .pro_center01 .left .link_box .item{float:left; width:49%; margin:2% 0 2% 2%;}
    .pro_center01 .left .link_box .item:first-child{margin-left:0;}
    .pro_center01 .left .link_box .item .img_box{padding-bottom:38.82%;}
    .pro_center01 .left .link_box .item .intro_box{padding:12px; padding-top:22px;}
    .pro_center01 .left .link_box .item .intro_box .tit{font-size:14px; line-height:24px; height:48px;}
    .pro_center01 .left .link_box .item .intro_box .btns{margin-top:0;}
    .pro_center01 .left .link_box .item .intro_box .btns .more_btn{font-size:12px;}
    .pro_center01 .right{float:none; width:100%;}
    .pro_center01 .right .list ul{width:102%;}
    .pro_center01 .right .list .item{float:left; width:48%; margin-right:2%; margin-bottom:2%;}
    .pro_center01 .right .list .item .logo_box{top:10px; right:10px; width:22px;}
    .pro_center01 .right .list .item .intro_box{padding:10px 5px;}
    .pro_center01 .right .list .item .intro_box .tit{font-size:16px;}
    .pro_center01 .right .list .item .intro_box .con{line-height:20px;}
    .pro_center01 .right .util-page{margin-top:5px;}

    /* 华星风貌 */
    .picture_list01 .infor .tit{font-size:20px;}
    .picture_list01 .infor .tabs{margin-top:20px; text-align:center;}
    .picture_list01 .infor .tabs .item{padding:0 14px;}
    .picture_list01 .infor .tabs .item:first-child{padding-left:14px;}
    .picture_list01 .content{margin-top:20px;}
    .picture_list01 .content .item .cover{opacity:1; visibility:visible; background:none;}
    .picture_list01 .content .item .cover i{display:none;}
    .picture_list01 .content .item .cover .tit{left:0; right:0; bottom:0; line-height:30px; font-size:14px; background:rgba(149, 210, 103, 0.8);}
    .picture_list01 .content .item:hover .cover .tit,
    .picture_list01 .content .top .item:first-child:hover .cover .tit{bottom:0;}
    .picture_list01 .content .top ul,
    .picture_list01 .content .bott ul{width:100%;}
    .picture_list01 .content .top .item,
    .picture_list01 .content .top .item:first-child,
    .picture_list01 .content .bott .item{float:none; width:100%; margin-right:0; margin-bottom:20px;}
    .picture_list01 .content .bott{margin-top:0;}
    .picture_list01 .content .bott .item:last-child{margin-bottom:0;}
    .picture_list01 .content .top .item,
    .picture_list01 .content .top .item:first-child{margin-bottom:0;}
    .picture_list01 .top .owl-carousel .owl-dots{text-align:center; margin-bottom:10px;}
    .picture_list01 .top .owl-carousel .owl-dot{display:inline-block; width:10px; height:10px; margin-left:5px; background:#fff; border:1px solid #000; border-radius:50%;}
    .picture_list01 .top .owl-carousel .owl-dot:first-child{margin-left:0;}
    .picture_list01 .top .owl-carousel .owl-dot.active{background:#000;}

    /* 视频中心 */
    .video_list01 .infor .tit{font-size:20px;}
    .video_list01 .infor .tabs{margin-top:20px; text-align:center;}
    .video_list01 .infor .tabs .item{padding:0 14px;}
    .video_list01 .infor .tabs .item:first-child{padding-left:14px;}
    .video_list01 .content{margin-top:20px;}
    .video_list01 .content ul{width:100%;}
    .video_list01 .content .item{float:none; width:100%; margin-right:0; margin-bottom:20px;}
    .video_list01 .content .item:last-child{margin-bottom:0;}
    .video_list01 .content .item .intro{padding:15px;}
    .video_list01 .content .item .intro .tit{font-size:16px;}
    .video_list01 .content .item .intro .date{font-size:14px;}
    /* 联系我们 */
    .contact_us01 .content .right .box{padding:20px 0px 20px 5%;}
    .contact_us01 .content .right .box .info .t{font-size:20px; line-height:25px;}
    .contact_us01 .content .right .box .con{margin-bottom:10px;}
    .contact_us01 .content .right .box .ewm .text{font-size:14px; padding-left:10px;}
    .contact_us01 .content .right .box .ewm img{width:30%;}
    /* 新闻列表 */
    .news_list01 .form_box .inp_box{width:100%; margin-right:0; margin-bottom:10px;}
    .news_list01 .form_box .inp{height:40px; line-height:40px; font-size:14px; color:#aaa;}
    .news_list01 .form_box .inp_box.inp_box_btn{padding-left:24px; width:calc(100% - 60px)}
    .news_list01 .form_box .hd_btn{height:40px;}
    .news_list01 .form_box .hd_btn .icon{width:20px; height:20px; background-size:cover; margin-top:-10px;}
    .news_list01 .li_box .intro .box .con{height:24px; -webkit-line-clamp:1}
    .news_list01 .form_box .news_reset{width:40px; height:40px; background-size:cover;}
    .news_list01 .content{margin-top:20px;}
    .news_list01 li{padding:20px;}
    .news_list01 li::after{display:none;}
    .news_list01 .li_box .img_{width:45%; float:none; display:inline-block; vertical-align:middle; margin-right:3%;}
    .news_list01 .li_box .intro{width:50%; float:none; display:inline-block; vertical-align:middle;}
    .news_list01 .li_box .intro .box .tit{font-size:18px; line-height:24px;}
    .news_list01 .li_box .intro .box .tool{font-size:12px; margin:3px 0;}
    /* 分页 */
    .pages{padding:20px;}
    .pages .right .page_box{margin-left:10px;}
    .pages .right .page_box .next{margin-left:10px;}
    /* 招聘 */
    .recruit02 .right{width:100%; margin-bottom:30px;}
    .recruit02 .right .reset_btn button{margin-top:0;}
    .recruit02 .left{width:100%;}
    .recruit02 .left .content{padding:30px 3%;}
    .recruit02 .tit{font-size:20px; line-height:24px;}
    .recruit02 .bd ._ut{font-size:16px;}
    .recruit02 .bd li ._un{font-size:13px;}
    .recruit02 .bd .j_c .j_c_box{padding:20px;}
    .recruit01{margin-bottom:20px;}
    .recruit01 form{padding:0;}
    .recruit01 input{width:100%;}
    .recruit01 button{right:0;}
    .recruit02 .bd ._ut{font-size:14px;}
    .recruit02 .bd .j_c .j_c_box .intro strong{font-size:14px; line-height:20px; margin-bottom:5px;}
    .recruit02 .bd .j_c .j_c_box .intro{font-size:12px; line-height:20px;}
    .recruit02 .bd .j_c .j_c_box .intro p{margin-bottom:15px;}

    /* 产品详情 */
    .pro_detail01 .left .small_img{margin-top:10px;}
    .pro_detail01 .left .small_img ul{width:101%;}
    .pro_detail01 .left .small_img li{width:24%; margin-right:1%; padding-bottom:20%;}
    .pro_detail01 .right{margin-top:15px;}
    .pro_detail01 .right .intro{padding-bottom:10px;}
    .pro_detail01 .right .intro .tit{font-size:20px;}
    .pro_detail01 .right .intro .con{margin-top:10px; font-size:16px; line-height:28px; text-align:justify;}
    .pro_detail01 .right .feature{padding:10px 0;}
    .pro_detail01 .right .feature .tab{font-size:16px;}
    .pro_detail01 .right .specs{padding:15px 0; overflow-x:scroll;}
    .pro_detail01 .right .specs table{min-width:480px;}
    .pro_detail01 .right .specs table th, .pro_detail01 .right .specs table td{padding:7px 0; font-size:14px;}
    .pro_detail01 .right .btns{text-align:center; margin-top:10px;}
    .pro_detail01 .right .btns .price_btn,
    .pro_detail01 .right .btns .contact_btn{line-height:40px; font-size:16px;}
    .pro_detail02{margin-top:30px;}
    .pro_detail02 .infor{height:auto; line-height:40px;}
    .pro_detail02 .infor .left{float:none; width:100%;}
    .pro_detail02 .infor .right{float:none; width:100%;}
    .pro_detail02 .infor .left .tit{font-size:20px;}
    .pro_detail02 .infor .right li{font-size:16px; margin-left:30px;}
    .pro_detail02 .infor .right li:first-child{margin-left:0;}
    .pro_detail02 .content .sec2{padding:20px 0;}
    .pro_detail02 .content .sec2 .item{float:none; width:100%; padding:10px 0; margin:0; margin-top:10px;}
    .pro_detail02 .content .sec2 .item:first-child{margin-top:0;}
    .pro_detail02 .content .sec2 .item .intro_box .tit{font-size:16px;}
    .pro_detail02 .content .sec2 .item .img_box{height:200px;}
    .pro_detail02 .content .sec2 .item .img_box img{max-height:100%;}
    .pro_detail02 .content .sec3{padding:20px 0;}
    .pro_detail02 .content .sec3 .item{float:none; width:100%; margin:0; margin-top:10px;}
    .pro_detail02 .content .sec3 .item:first-child{margin-top:0;}
    .pro_detail02 .content .sec3 .item .intro_box .tit{font-size:16px;}
    .pro_detail02 .content .sec3 .item .intro_box{padding:10px;}
    .pro_detail02 .content .sec3 .item .img_box{height:200px;}

    /* 设备展示 */
    .device_list01 .infor{margin-bottom:0;}
    .device_list01 .infor .tit{font-size:20px; margin-bottom:0;}
    .device_list01 .infor .tit:after{width:40px; height:2px; margin-left:-20px}
    .device_list01 .infor .con{font-size:16px; padding:0; margin-top:10px; text-align:justify;}
    .device_list01 .content{margin-top:15px;}
    .device_list01 .content .hd{display:none; margin-top:20px;}
    .device_list01 .content .hd .big_image{display:block; margin-bottom:15px;}
    .device_list01 .content .hd .big_image:last-child{margin-bottom:0;}
    .device_list01 .content .hd .big_image .intro {bottom:15px;}
    .device_list01 .content .hd .big_image .intro .txt{padding:0 20px; font-size:14px;}
    .device_list01 .content .bd{margin-top:0;}
    .device_list01 .content .bd .bd_tab ul{width:101%;}
    .device_list01 .content .bd .bd_tab .tab{float:left; width:32.333333%; margin-right:1%; font-size:14px; line-height:36px;}
    .device_list01 .content .bd .bd_content{padding:0; margin-top:20px; background:none;}
    .device_list01 .content .bd .bd_content ul{width:100%; padding-bottom:0;}
    .device_list01 .content .bd .bd_content .item{float:none; width:100%; margin-right:0; margin-bottom:15px;}
    .device_list01 .content .bd .bd_content .item:last-child{margin-bottom:0;}
    .device_list01 .content .bd .bd_content .item .box{padding:0;}
    .device_list01 .content .bd .bd_content .item .box .intro{position:absolute; left:0; right:0; bottom:10px; text-align:center;}
    .device_list01 .content .bd .bd_content .item .box .txt{margin-top:5px; height:22px; color:#fff;}
    .device_list01 .content .bd .bd_content .item.cur::after{display:none;}
    .device_list01 .content .bd .bd_content .item .rect-51{position:relative; padding-bottom:36.88%;}
    .device_list01 .content .bd .bd_content .item .rect-51:after{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4))}

    /* 人才理念 */
    .talent01{height:246px;}
    .talent01 .bg_img{width:800px; margin-left:-400px;}
    .talent01 .intro .infor{padding-top:20px;}
    .talent01 .intro .infor .tit{font-size:20px;}
    .talent01 .intro .content{margin-top:20px;}
    .talent01 .intro .content ul{width:auto;}
    .talent01 .intro .content .item .icon{width:60px; height:60px;}
    .talent01 .intro .content .item .icon img{width:60%;}
    .talent01 .intro .content .item .text{margin-top:5px; font-size:16px;}
    .talent02 .content .item{margin-top:20px;}
    .talent02 .content .item .left,
    .talent02 .content .item .right{float:none; width:100%;}
    .talent02 .content .item .left .rect-663{padding-bottom:0; height:auto;}
    .talent02 .content .item .left .intro{position:static; margin:0; padding:15px;}
    .talent02 .content .item .left .intro .tit{font-size:20px;}
    .talent02 .content .item .left .intro .con{height:auto; margin-top:10px; line-height:26px; text-align:justify;}
    .talent02 .content .item .right ul{margin-top:0;}
    .talent02 .content .item .right li .intro_box{bottom:0; height:30px;}
    .talent02 .content .item .right li .intro_box .tit{line-height:30px; font-size:14px;}

    /* 客户服务 */
    .customer_service01 .infor .tit{font-size:20px;}
    .customer_service01 .infor .con{width:auto; margin-top:5px; text-align:justify;}
    .customer_service01 .content{margin-top:15px;}
    .customer_service01 .content .item{width:auto;}
    .customer_service01 .content .item .intro{padding:15px;}
    .customer_service01 .content .item .intro .tit{font-size:18px;}
    .customer_service01 .content .item .intro .con{margin-top:5px; font-size:14px;}
    .customer_service01 .content .nav_btns{display:none;}

    .customer_service02{margin-top:20px;}
    .customer_service02 .infor .tit{font-size:20px;}
    .customer_service02 .content{margin-top:0;}
    .customer_service02 .content .item{margin-top:15px;}
    .customer_service02 .content .item.odd .left,
    .customer_service02 .content .item.even .left,
    .customer_service02 .content .item.odd .right,
    .customer_service02 .content .item.even .right{font:none; width:100%;}
    .customer_service02 .content .item .left{}
    .customer_service02 .content .item .left .rect-5614{padding-bottom:0; height:auto;}
    .customer_service02 .content .item .left .intro{position:static; margin:0; padding:15px;}
    .customer_service02 .content .item .left .intro .tit{font-size:18px;}
    .customer_service02 .content .item .left .intro .tit::after{width:100px;}
    .customer_service02 .content .item .left .intro .con{height:auto; overflow-y:visible;}

    /* 在线留言 */
    .leave_message01{padding-top:0;}
    .leave_message01 .infor .tit{font-size:20px; margin-top:0; margin-bottom:15px;}
    .leave_message01 .infor .con{line-height:1.5; font-size:15px; margin-bottom:0;}
    .leave_message01 .form{margin:0 auto;}
    .leave_message01 .form input{font-size:13px;}
    .leave_message01 .line1{width:100%; margin:5% auto 0; box-sizing:border-box;}
    .leave_message01 .yzm_box .yzm{text-indent:10px;}
    .leave_message01 .form .btns_list button{padding:0; height:37px; font-size:14px;}
    .leave_message01 .form textarea{font-size:13px;}
    .leave_message01 .form #content{font-size:13px;}

    /* 2022-1025 */
    .ipart02 .content .item{margin-bottom:3px;}
    .ipart02 .content .item a:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../img/black.6.png) center;}
    .ipart02 .content .item .tit{z-index:2;}

    /* TODO: 760 */


    .equipment01 .infor{margin-bottom:0;}
    .equipment01 .infor .tit{font-size:20px; margin-bottom:0;}
    .equipment01 .infor .tit:after{width:40px; height:2px; margin-left:-20px}
    .equipment01 .infor .con{font-size:16px; padding:0; margin-top:10px; text-align:justify;}
    .equipment01 .content{margin-top:15px;}
    .equipment01 .content .hd{margin-top:0;}
    .equipment01 .content .hd .big_image{display:block; margin-bottom:15px;display:none; }
    .equipment01 .content .hd .big_image:last-child{margin-bottom:0;}
    .equipment01 .content .hd .big_image .intro {bottom:15px;}
    .equipment01 .content .hd .big_image .intro .txt{padding:0 20px; font-size:14px;}
    .equipment01 .content .tabs ul{width:101%;}
    .equipment01 .content .tabs .tab{float:left; width:32.333333%; margin-right:1%; font-size:14px; line-height:36px;}
    .equipment01 .content .bd{margin-top:0; padding:0 20px;}
    .equipment01 .content .bd .bd_content{padding:0; margin-top:20px; background:none;}
    .equipment01 .content .bd .bd_content ul{width:100%; padding-bottom:0;}
    .equipment01 .content .bd .bd_content .item{float:none; width:100%; margin-right:0; margin-bottom:15px;}
    .equipment01 .content .bd .bd_content .item:last-child{margin-bottom:0;}
    .equipment01 .content .bd .bd_content .item .box{padding:0;}
    .equipment01 .content .bd .bd_content .item .box .intro{position:absolute; left:0; right:0; bottom:10px; text-align:center;}
    .equipment01 .content .bd .bd_content .item .box .txt{margin-top:5px; height:22px; color:#fff;}
    .equipment01 .content .bd .bd_content .item.cur::after{display:none;}
    .equipment01 .content .bd .bd_content .item .rect-70{position:relative; padding-bottom:70%;}
    .equipment01 .content .bd .bd_content .item .rect-70:after{content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.4))}
    .equipment01 .content .bd_content .item::after{display:none;}









}
@media only screen and (max-width: 480px) {
    /*mobileMode 480 网站样式*/

    .m_nav .content .mnav_bottom .mnav_li a.mnav_a{padding:0 18px;}
    .m_nav .content .mnav_bottom .mnav_li{padding:0 25px;}
    
    /* TODO: 480 */
}
@media only screen and (max-width: 320px) {
    /* 分页 */
    .pages .right {float:left;}
    /* 新闻列表 */
    .news_list01 .li_box .img_{width:100%; margin-right:0; margin-bottom:10px;}
    .news_list01 .li_box .intro{width:100%;}
    /* 招聘 */
    .recruit02 .bd ._ut{font-size:13px;}
    .recruit02 .bd li{height:50px;}
    .recruit02 .bd li ._un{height:50px; line-height:50px;}
}