﻿.m_img{ display:none;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.sidenav{ display:none;}

.index_t{ display:none;}
.iabout_img{ display:none;}
.index_category{ display:none;}
.index_pro{ display:none;}
.index_more{ display:none;}
.index_advan{ display:none;}
.mhidden{ display:block;}
.mshow{ display:none;}
.mfixnav{ display:none;}
#shopinner{ display:none;}
#brandinner{ display:none;}
.slide_index{ display:none;}
.mback{ display:none;}
.popup{ display:none;}
.mobVideo{ display:none;}
/*移动端导航*/
@media screen and (max-width: 768px) and (min-width: 0px){
    .mobVideo{ display:block;}
    .fixcontact{ right:10px; bottom:100px;}
    .mhidden{ display:none;}
    .mshow{ display:block}
  .headtop{ display:none;}
    .channel{ width:100%;}
    #top{ display:none;}
    #footer{ display:none;}
    #videoIcon{ display:none;}

    .shopcontent{ display:none; position:relative;}
    .shoplist{ padding:20px;}
    .shoplist_t{ font-size:18px; color:#0e6e9a;}
    .shoplist_ul{ display:flex; list-style:none; align-content:center;}
    .shoplist_ul li{ width:25%; justify-content:center;}
    .shoplist_ul li img{ width:100%;}

    .brandlist_ul{ display:flex; list-style:none; align-content:center;}
    .brandlist_ul li{ width:50%; justify-content:center;}
    .brandlist_ul li img{ width:100%;}


    .mfixnav{ display:block; position:fixed; bottom:0; left:0; width:100%; z-index:99}
    .mfixnav_ul{ display:flex; list-style:none; height:40px; padding:10px 0; background:#595757; box-shadow: 0 0 5px #fff;}
    .mfixnav_ul li{ width:25%; text-align:center;position:relative;}

    .mfixnav li.fbrand{ }
    .mfixnav .fbrand_ul{ position:absolute;}
    .mfixnav .fbrand_ul{background:#ea5f04;display:none;position:absolute;left:0;bottom:50px;padding:10px; border-radius:5px 5px 0 0; z-index:10005; width:100%;}
    .mfixnav .fbrand_ul li{ height:30px; line-height:30px; font-size:14px;overflow:hidden; width:100%;}
    .mfixnav .fbrand_ul li a{ color:#fff; }

    .mfixnav_ul li a{ color:#fff;}
    .mfixnav_i{ margin-bottom:5px;}


    .bannertop{ display:none;}

    .index_pro{ display:block; padding:15px 10px; background:#fff;}
    .recommend_pro{ background:#fff;}
    .index_pro_list_ul{ display:flex; flex-wrap:wrap; justify-content:space-between;}
    .index_pro_list_ul li{ width:49%;}
    .index_pro_list_ul li .index_pro_list_img{}
    .index_pro_list_ul li img{ width:100%;}
    .index_pro_list_t{ height:40px; font-weight:normal; font-size:12px;}

    .video_l{ display:none;}

    .videoMob{ display:block; padding:20px; background:#fff; margin-bottom:50px;}
    .videoMob_list_ul{ display:flex; flex-wrap:wrap; justify-content:space-between; list-style:none;}
    .videoMob_list_ul li{ width:50%;}
    .videoMob_lk{ padding:10px; margin:10px; display:block; border:1px solid #ccc; box-shadow:0 0 5px #eee; background:#fff; border-radius:5px; min-height:auto;}
    .videoMob_lk img{ width:100%;}
    .videoMob_t{ font-size:14px; height:40px; overflow:hidden; font-weight:normal}

    .index_advan{ display:block; padding:20px; background:#fff;}
    .index_advan_ul{ display:flex; flex-wrap:wrap; justify-content:space-between;}
    .index_advan_ul li{ width:33.3%; }
    .index_advan_ul .index_advan_con{ padding:10px; margin:20px 10px; display:block; border:1px solid #ccc; background:#fff; box-shadow:0 0 5px #eee; border-radius:5px}
    .index_advan_con_i{ padding:10px 0;}
    .index_advan_con_i i{ font-size:30px;}
    .index_advan_con_t{ font-size:18px; padding:5px 0;}


    .mnews{ padding:20px; background:#fff; margin-bottom:50px;}
    .dl_inews{ background:#fff;}
    .dl_inews_img{ display:block;}

    .aboutbg{position: relative; background: #fff;}
    .aboutheight{position: relative; height: auto;}
    .iabout_l{width: 100%; position: relative; top:0; left:0}
    .iabout_t{ display:none;}
    .iabout_img{ display:block; border-radius:10px; margin:20px auto; overflow:hidden; width:90%;}
    .iabout_img img{ width:100%;}
    .iabout_desc{ padding:0 20px; font-size:14px; line-height:150%;}
    .iabout_more{ margin-top:10px; padding:10px 20px; display:none;}
    a.aboutMore{  width:100px; height:25px; line-height:25px;  border:1px solid #f60; color:#f60;background:#fff; font-size:12px; }
    .aboutMore i{ font-size:12px}
    .icirum{ display:none;}

    .ibrandjpg{ display:none;}
    .index_t{ display:block; text-align:left; margin:0 auto; margin-bottom:20px; position:relative; line-height:normal; padding:0 20px;}
    .index_brand{ display:none;}
    .index_t1{ font-size:12px; color:#777; font-weight:normal;}
    .index_t2{font-size:18px; color:#000; position:relative}

    .index_more{ position:absolute; right:10px; bottom:0; display:block;}
    .index_more a{ border:1px solid #f60; padding:5px 15px; border-radius:20px; display:block; color:#f60; font-size:14px; width:80px; margin:0 auto; text-align:center;}

    .videocon{ padding:0;}
    .video_l{ width: 100%; float: none;}
    .news_r{width: 100%; float: none;}


    .listBox{ width:100%; display:none;}

    a.dl_newsa{width:100%;margin:0; }

    /*首页分类*/
    .index_category{ display:block; height:40px; line-height:40px; background:#0e89c1; margin-top:60px;}
    .index_category_ul{ display:flex;}
    .index_category_ul li{ width:33.3%;}
    .index_category_ul li a{ text-align:center; display:block; font-size:16px; color:#fff; border-right:1px solid #0e6e9a;}


    	.slide_index{ text-align:left; position:relative; width:100%; margin-top:60px; display:block;}

		.slide_index .hd{  display:block; height:40px; line-height:40px; background:#595757; margin-top:60px;}
		.slide_index .hd ul{  display:flex;  }
		.slide_index .hd ul li{ width:33.3%;text-align:center; display:block; font-size:16px; color:#fff; border-right:1px solid #888;height:40px; line-height:40px;}
        .slide_index .hd ul li a{ color:#fff; display:block;}
		.slide_index .hd ul li.on{  color:#fff; background:#c00;}
		
        .slide_index .bd{position:absolute; left:0; top:40px; z-index:99;background:rgba(0,0,0,.8); z-index:99; height:270px; width:100%; display:none;}
        .slide_index .cateclose{ position:absolute; left:50%; width:60px; margin-left:-30px; bottom:10px; z-index:99; color:#fff; z-index:99;}
        .slide_index .cateclose i{ font-size:34px; font-weight:200;}
		.slide_index .bd ul{ display:none;  padding:20px;}
		.slide_index .bd li{ width:48%; display:inline-block;}        
        .slide_index .bd li a{ font-size:14px; color:#fff; text-align:left;padding:10px 0; display:block;}  
        .div_show{display: block !important;}
        .tabon{background: #ff9600; color:#fff;}

        .mobtabs{ width:100%; position:absolute; left:0; top:40px; display:none; background:rgba(0,0,0,.8); z-index:999; height:270px;}
        .tabs {display: flex;width:100%; background:#777}
        .tabs li {width: 33.3%;height: 40px; line-height:40px; text-decoration: none;list-style-type: none; text-align:center; color:#fff; font-size:14px;}
        .tabs-box {display: none; padding:20px;}
        .active {background-color: #f60;color: #fff;}
        .boxOne {display: block;}
        .icategory_mob{ display:flex; flex-wrap:wrap;}
        .icategory_mob dd{ width:50%;}
        .icategory_mob dd a{ color:#fff; font-size:14px; line-height:30px;}

    /*关于我们*/
    .inabout{background: url(../images/inabout_mob.jpg) no-repeat center top;}
.intitleOut{width: 100%; background:none; height: auto; border-bottom: none; margin-bottom: 10px;}
    .intitle{ width:100%; float:none; text-align:center;}
    .labout_line{ margin:0 auto;}
    .ul_aboutleft{ width:100%; float:none; display:block; display:flex; }
    .ul_aboutleft li{ width:30%; margin:0 10px; float:none;}

    .ul_newsin{ width:100%; float:none; display:block; display:flex; }
    .ul_newsin li{ width:50%; margin:0 10px; float:none;}

    .content{padding: 20px;}
    .content img{ width:100%;}

    /*产品分类*/
    .mcategory{ width:90%; margin:0 auto; margin-bottom:80px; }
    .mcategory_sec{ list-style:none; padding:0}
    .mcategory .mcategory_out{ background:#fff; margin-bottom:20px; border-radius:5px; box-shadow: 0 0 5px #ccc;}
    .mcategory_sec .parent .child{  border-bottom:1px solid #eee;}
    .mcategory_sec .parent .child a{ display:block; font-size:14px; padding:10px;}
    .mcategory_sec .mcategory_sec_lk{ background:#0e89c1; padding:10px; font-size:18px; display:block; color:#fff;}

    /*产品展示*/
    .mplist{ margin-bottom:80px;}
    .site{ position:relative; bottom:0; left:0; padding:10px;}
    .sitemp{ background:#8bb4dd; height:40px; line-height:40px; padding:0 20px; position:relative; }
    .sitemp h2{color:#fff; font-size:16px; font-weight:bold;}
    .mback{ position:absolute; right:0; bottom:0; height:40px; background:#0e89c1; color:#fff; padding:0 10px; font-size:14px; display:block;}
    .mback i{ font-size:14px;}
    .mlistpro{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:10px;}
    .mlistpro li{ width:50%;}
    .mlistpro_out{ background:#eee; border-radius:5px; margin:10px; padding:5px;}
    .mlistpro_img img{ width:100%;}
    .mlistpro_t{ text-align:center; height:40px; line-height:40px; overflow:hidden;}

    .n-left{ display:none;}
    .n-right{ width:100%; float:none; margin-bottom:80px;}
    .listProMain{ margin-top:30px;}
    .listProMain li{ width:45%; margin:2%; height:auto; }
    .listProMain li .imgBox{ width:96%; height:100%;}
    .listProMain li .img{ width:100%; height:100%;}
    .listProMain li a{ width:100%; height:auto; padding:3px;}

    .pro_detail img{ width:100%;}
    .title1{ text-align:center; color:#000;}
    .proNP1{ position:relative; display:flex; }
    .proNP1 li{ width:50%;}
    .proNP1 li a{ margin:0 20px;}

    .pd_l{width: 100%; float: none;}
    .pd_r{width: 100%; float: none;}
    .spec-preview{ width:100%; height:100%; border:none;}
    .spec-scroll{ width:100%;}
    .spec-scroll .items{ width:100%; float:none; margin-bottom:30px; }
    .spec-scroll .items ul{ position:relative; width:100%;display:flex; align-items:center; align-content:center;justify-content: center; }

    .pd_detail{ padding:20px;}
    .pro_detail_caption{ padding:0 10px;}
    .pro_detail_in{ padding:10px; width:90%; overflow-x:scroll;}
    .pro_detail_in table{ width:800px;}
    .pro_detail_in .table td{ white-space:nowrap}
    .ProBreak{ margin-bottom:80px; width:100%;  margin:0 auto; text-align:center;}
    .ProBreak a{ width:40%; margin:0 auto;}

    .page { margin-bottom:80px !important;}

    .commonContent{ margin-bottom:80px;}

    /*企业环境*/
    .grid{ width:90%;}
    .grid .imgWidth{ width:100%;}

    /*视频*/
    .videoList{ display:flex; justify-content:center; align-content:center; flex-wrap:wrap }
    .videoList li{ width:90%; margin:10px;}

    /*新闻*/
    #news_list a{ padding:10px; height:auto;}
    #news_list .time{ display:none;}
    #news_list .picImg{ width:100%; height:auto; float:none; margin:0; overflow:hidden;}
    #news_list .picImg img{ height:auto; width:100%;}
    #news_list .listtext{ width:100%; float:none; height:auto; margin:0;}
    #news_list .listtext .title{ margin-bottom:10px;}

    
    /*feedback*/
    .feedback{padding: 0; margin: 0; width:90%; margin:0 auto; padding-top:0; float:none;}
    .feedbackbg{ background:#fff; padding:20px;}
    .feedback_l{ width:90%; float:none; margin:0 auto; margin-bottom:20px;}
    .feedback_l h2{ margin-bottom:20px;}
    .m_under{ margin:20px auto;}
    .m_input{ width:100%; text-indent:5px;}


   .m_img{display:block;position:fixed; top:0px;left:0px;width:100%;z-index:1000; height:60px; overflow:hidden; background: #fff; box-shadow: 0 0 5px #ccc;}
   .m_img_com{position:relative;}
   .cnenCon{ background:#fff; text-align:left; border-bottom:1px solid #eee; padding:0 10px;overflow:hidden; color:#999; position:relative;}
   .cnen_resfor{ font-size:12px;}
   .resfor{ color:#8bb4dd; font-size:14px;  display:inline-block; font-weight:400; padding:0 10px;height:30px; line-height:30px; }
   .resfor_en{ color:#8bb4dd; font-size:14px;  display:inline-block; font-weight:400; padding:0 5px;height:30px; line-height:30px; }
   .mlan{ position:absolute; right:10px; top:0; height:30px; line-height:30px; color:#ff6a00; text-align:center; font-size:12px;}


   .m_img .headlf{background-size:100%; background:url(../images/mheadbg.png) no-repeat center bottom; }
   .headlf .m_logo{display: flex; width:60%; padding:5px; margin:0 auto;}
   .headlf .m_logo a{ display:inline-block; width:50%}
    .headlf .m_logo a img{ width:100%}
  

   .m_img .headrg{position: absolute;top: 5px;left: 10px; font-size:3rem;}
   .m_img .headrg a {width: 3rem;height:3rem;display: block; color:#595757; }
   .m_img .headrg a i{font-size:28px;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}

   .m_img .headlan{position: absolute;top: 20px;right: 0; font-size:14px;}
   .m_img .mlan{ width: 20px;height:20px; line-height:20px; display: block; color:#f60; border:1px solid #f60; border-radius:4px;}

   .m_img .headsearch{position: absolute;top: 16px;right: 45px;}
   .m_img .headsearch i{font-size:26px; color:#595757;}
   .headsearch_input{ height:40px; line-height:40px; width:100%; text-indent:5px; border-bottom:1px solid #ccc; border-top:none; border-left:none; border-right:none; font-size:18px;}
   .headsearch_btn{position:absolute; right:20px; bottom:25px; width:30px; height:30px;  color:#777;}
   .headsearchin{ padding:20px; position:relative;}
   .headsearch_close{ font-size:20px; text-align:left; margin-bottom:10px;}
   .headsearch_close i{ font-size:16px; color:#777;}
   .headsearch_key{ padding:20px;}
   .headsearch_t{ font-size:14px; font-weight:bold; color:#333; margin-bottom:10px;}
   .headsearch_ul{ display:flex; flex-wrap:wrap;}
   .headsearch_ul li{ width:33.3%;}
   .headsearch_ul li a{ height:30px; line-height:30px;}
   .headsearch_ul_en{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
   .headsearch_ul_en li{ width:50%;}
   .headsearch_ul_en li a{ padding:10px 0; display:block;}
    .popup {position: fixed;top: 0;right: 0;background: #fff;width: 100%;height: 100%;z-index: 10000;display: none;}

   .sidenav{background:#fff;display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(-105%,0);transition:transform .3s;top:0;width:70%;z-index:9999; }
   .sidenav.show{transform:translate(0,0)}
   .sidenav-header{ text-align:center; padding:20px 10px;}
   .sidenav-header img{ max-width:100px; border:none;}
   .sidenav-header-title{ font-size:16px; }
   .sidenav-menu{list-style:none;margin:0;padding:0}
   .sidenav-menu li{display:block;position:relative}
   .sidenav-menu a{background:0 0;color:#BDBDBD;display:block;line-height:24px;padding:16px 32px;text-decoration:none}
   .sidenav-menu a:hover{background:#616161}
   .sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{color:#FAFAFA}
   .sidenav-dropdown-icon,.sidenav-link-icon{color:#757575;position:absolute;text-align:center;top:16px}
   .sidenav-link-icon{display:block;height:24px;left:24px;width:24px}
   .sidenav-link-title{display:block;padding:0 16px 0 40px}
   .sidenav-dropdown{display:none;list-style:none;padding:0}
   .sidenav-dropdown a{background:#191919;padding-left:72px}
   .sidenav-dropdown a:hover{background:#616161}
   .sidenav-dropdown li:first-child a{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
   .sidenav-dropdown-icon{display:none;height:16px;right:16px;width:16px}
   .sidenav-dropdown-icon.show{display:block}
   .sidenav-overlay{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}
   .sidenav-no-scroll{overflow:hidden!important}

/** =======================
 * Contenedor Principal
 ===========================*/

.accordion_mnav {width: 100%;background: #FFF; text-align: left;}
.accordion_mnav .link {cursor: pointer;display: block;    padding: 15px 15px 15px 22px;color: #4D4D4D;    font-size: 16px;    font-weight:500;border-bottom: 1px solid #CCC;    position: relative;
    -webkit-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease;}
.accordion_mnav .linkon .link{ color:#f60 !important;}
.accordion_mnav .linkon i{ color:#f60;}
.accordion_mnav li:last-child .link {    border-bottom: 0;}
.accordion_mnav li{    cursor: pointer;}
.accordion_mnav li i {font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;    -o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion_mnav li i.fa-chevron-down { position:absolute; right: 15px;left: auto; top:18px; font-size: 14px; color:#999;}
.accordion_mnav li.open .link {    color: #f60;}
.accordion_mnav li.open i {    color: #f60;}
.accordion_mnav li.open i.fa-chevron-down {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}

/**
 * Submenu
 -----------------------------*/
.submenu {    display: none;    background: #f7f7f7;    font-size: 14px; border:none}
.submenu li {    border-bottom: 1px solid #d6d7dc;}
.submenu li.sec{ border-bottom:none; background:#fcfcfc;}
.submenu li.sec i{ font-size:12px; color:#999;}
.submenu li.sec a{ color:#333;}
.submenu li.third{ border-bottom:none;background:#fcfcfc;}
.submenu li.third a{ padding: 10px 10px 10px 62px; color:#888;}

.submenu a {display: block;text-decoration: none;color: #111;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;    -o-transition: all 0.25s ease;    transition: all 0.25s ease;}
.submenu a:hover ,.submenu li.current a{    background: #f39800;    color: #FFF;}
.submenu li a i{ font-size:12px; color:#999 !important;}
.submenu li a.on{ color:#f60 !important; }

.submenu li.sub_quick{ color:#8bb4dd;padding: 10px 10px 10px 42px; border-bottom:none; background:#eee; font-size:14px;}
.submenu li.sub_quick_li{ color:#999;padding: 8px 0; border-bottom:none; background:#eee;}
.submenu li.sub_quick_li a{ padding:0 0 0 42px;color:#999;}




.hidden{ display:none;}


}



