﻿.m_img{ display:none;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.sidenav{ display:none;}


/*移动端导航*/
@media screen and (max-width: 768px) and (min-width: 0px){
  img{ width: 100%;}
  .en_right{ display:none;}
 .top-head{ display: none;}
 .top02{ display: none;}
 #top{ display: none;}
 #tipfloat{ display: none !important;}
 .channel { width: 100%;}
 .channel_in { width: auto; padding: 10px; margin: 20px 0;}
 .banner{ margin-top: 60px;}
 .category_r{ display: none;}
 .bannerGen{ margin-top: 80px;}
 .bannerTopNews{  margin-top: 80px; height: 150px; overflow: hidden;}
 .bannerTop{  margin-top: 80px; height: 150px; overflow: hidden;}
 .bannerContact{margin-top: 80px; height: 500px;}
 #persons{ width: 100%;}
 .news_l{ width: 100%;}
 .news_r{ width: 100%;}
 .aboutbg { padding: 0;}
 .aboutCon{ padding: 10px;}
 .aboutdesc{ padding: 10px;}
 .aboutTitle{ text-align: center;}
 .aboutTitle1{ text-align: center;}
 .aboutT2{ text-align: center;}
 .about_icon{ margin-bottom: 0;}
 .aboutTitle span{ display: none;}
 .about_l{width: 100%;}
 .about_r{ width: 100%;}
 .about_icon { width: 100%; border-left: none; border-right: none;}
 .ivideo{ width:100%; margin:0 auto;}
 .about_icon li{ width: 50%;}
 a.aboutMore{ float:none; margin:20px auto; width: 200px;}
 .swiper-banner{ margin-top: 80px;}

 .about_icon_index{ margin: 0 0; padding: 0; list-style: none;  position: relative; z-index: 999;}
 .about_icon_index li{ float: left; width: 33%;}
 .about_icon_indexDiv{ padding:10px ;  margin: 5px; border-right: none; }
 .about_icon_index h2{ font-size: 28px; }
 .hiddenm{ display: none;}

 .iprobg{ height: auto;}

 .slideTxtBox .hd ul li{ width: 140px; cursor:pointer; background: #fff; font-size: 12px; text-align: center; margin-right: 0; height: 30px; line-height: 30px; overflow: hidden;}

 .slideTxtBox .hd{  padding:0;  margin: 0 auto; width: 90%; margin-bottom: 50px; overflow-x: scroll; margin: 0 auto;}
 .slideTxtBox .hd ul{ width: 840px;}
 .slideTxtBox .bd { padding: 20px 0 0 0px;}
 .slideTxtBox .bd li{ float: left; width: 30%; margin-bottom: 10px; }
 .slideTxtBox .bd li a p{ line-height: 150%; font-size: 12px;}

 .exhNews_img{ position: relative; left: 0; bottom: 0; width: 100%; z-index: 0;}
 .exh_desc{ margin-bottom: 50px; display: block;width: 100%;}

 .exhNews{ padding:0;  width: 100%; margin-left: 0;}
 .exhNews_title{  padding: 10px;}
 .exhNews_desc{ font-size: 14px; color: #999; margin-bottom:10px ;padding: 10px;}

 .exhbg{ height: 820px;}
 .picScroll-left .bd{ padding:20px 20px 20px 30px;}
 .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
 .picScroll-left .bd ul li{ margin:0 8px; width: 42%; float:left; _display:inline; overflow:hidden; text-align:center; height: auto;  }
 .picScroll-left .bd ul li .pic{ text-align:center; height:auto; overflow: hidden; }
 .picScroll-left .bd ul li .pic img{ width:100%; display:block;  padding:0; height: auto;}
 .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
 .picScroll-left .bd ul li .title{ line-height:24px;   }

 .honorbg{ height: 350px; background: url(../images/honorbg_m.jpg) no-repeat center top; background-size: contain; }



 .ipro_l{ width:96%; padding:2% 0 2% 4%;}
 .ipro_r{ width:100%;}

 .iproduc_l{ width: 100%; float: none;}
.iproduc_r{ width: 100%; float: none;}

.caselayBox{width:100%;position: relative;}
.slideCase03{width: auto; position: relative;; right: 0; top: 0; height: 100px; padding-left: 30px;}
.smallImg03{float: none;;margin:5px;cursor:pointer;}
.slideCase03 .hd03 .next{ width: 30px !important; position: absolute; right: 0; top: 50px; bottom: initial; cursor: pointer;transform:rotate(-90deg);}
.slideCase03 .hd03 .prev{width: 30px; position: absolute; left: 0; top: 50px; bottom: initial; transform:rotate(90deg); cursor: pointer;}
.bd03 li{ float: left; width: 30%;}


.ducTitle{ font-size:40px; color: #000; font-weight: 400; text-align: center;}
.ducTitle1{ font-size: 20px; color: #999; font-weight: normal; margin-bottom: 20px; text-align: center;}
.duc_desc{ font-size:14px; color: #999; line-height: 200%;margin-bottom: 20px; text-align: center; padding: 20px;}
.duc_desc_img{ display: none;}
.ducPx{ line-height: 30px; text-align: center; font-size: 14px;}

.gallery-top {
  height: auto;
  width: 100%;

}
.gallery-thumbs{ display: none;}

/*企业掠影*/
#certify {
	position: relative;
	width: 100%;
	margin: 50px auto
}
#certify  .swiper-slide {
	width: 100%;
	height: 300px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify .swiper-button-prev {
	left: 0;
  top: 120px;
}


#certify .swiper-button-next {
  right: 0;
  top: 120px;
}

.inProduction{ width: 100%; margin: 50px auto;}




.inProductionTitle{ text-align: center; font-size: 14px; padding: 10px 0;}

.exhbg{ margin: 20px auto; background: #f7f7f7; padding:30px 0 0 0; }
.exhTitle{ text-align: center;}
.exhTitle1{ font-size: 20px;  margin-bottom: 20px; text-align: center;}
.exh_desc{ font-size:14px; margin-bottom: 20px; display: block;width: auto; padding: 10px;}

 .category_newpro{ float:left;}
 .category_list{ width: 47%;height:310px;}
 .category_search_form{ width: 100%; background: none;}
 .category_search{ padding: 10px; width:auto; background: #f7f7f7;}
 .category_select{ width: 100px;} 
 .category_input{ width: 150px;}

 .iproT{ padding:0 10px;}

 a.dl_newsa_price{ width: auto !important;}
 a.dl_newsa{ margin: 0; float: none; width: 100%;}
 

 .inewsT{ padding-left: 10px;}
 .newsMore{ width: 80px !important; right: 10px !important;}
 .dl_inews { margin: 10px;}

 .footer_link{ display: none;}
 .footer_tel{ width: auto; padding: 20px 0 10px 10px; float: none;}
 .footer_tel1{ padding-left: 10px; display: none;}
 .footer_tel2{ padding-left: 10px; display: none;}
 .footer_weixin{ right: 10px; display: none;}
 .copyright { width: 100%;}
 .copyright p{ padding: 10px;}
 .cnzz{ display: none;}
 #footer{ padding: 0;}

   .msgNum{display: none;}
   .head{display:none}

   .m_img{display:block;position:fixed; top:0px;left:0px;width:100%;z-index:1000; background: #fff; box-shadow: 0 0 5px #ccc; height: 80px;}
   .m_img_com{position:relative;}
   .cnenCon{ background:#fff; text-align:left; border-bottom:1px solid #eee; padding:10px;overflow:hidden; color:#999; position:relative;}
   
   .mlan{ position:absolute; right:20px; top:10px; height:30px; line-height:30px; color:#ff6a00; text-align:center; font-size:14px;}
	.mlan a{ width: 35px; height: 35px; line-height: 35px; font-size: 16px; background: #f60; color: #fff; border-radius: 4px; display: block;}

   .m_img .headlf{ margin-top: 10px;}
   .headlf .m_logo{display: block; width:50%; padding:0 10px; margin: 0 auto;}
   .headlf .m_logo img{ width:100%;}

   .m_img .headrg{position: absolute;top: 1.0rem;left: 20px; font-size:3rem;}
   .m_img .headrg a {width: 3rem;height:3rem;display: block; color:#000; }
   .m_img .headrg a i{font-size:40px;}


   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}


   .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;}


.sub { width: 100%;}
.sub_about_dl { position: relative; display: none;}
.sub_t{ padding: 10px; border-bottom: none;}
.sub_about_dl dd{ width: 25%;}
.sub_about_dl dd a{ font-size: 12px; padding:10px;}

.event_box{ width: 100%; margin: 0;}
.parBd h4:before{ display: none;}
.parBd h4:after{ display: none;}

.sub_pro_dl { position: relative;}
.sub_pro_dl dd a.on{ background: none; color: #f60;}

.sub_newpro_dl { position: relative; left:0;}
.sub_newpro_dl dd{ padding:0; float:left; margin:0; width:33.3% !important; border:none; }
.sub_newpro_dl dd a{ height:auto !important; font-size:12px; height:80px !important;}

.dh{ height: auto;}
.dh_title { margin-bottom: 20px; line-height:150%;}
.dh_title_en{ width:100%; line-height:150%;}
.dh_search{ position: relative;}
.pro_contant{ border: none; border-bottom: 1px solid #ccc; }
.pro_l{ width: 30%; text-align: center;}
.pro_ul{ width: 65%;}
.pro_ul li{ width: 100%; float: none;}
.pro_ul li a{ padding: 5px 0;}

.sub_news_dl { position: relative;}
.sub_news_dl dd{ width: 33.3%;}
.sub_news_dl dd a{ font-size: 12px; padding:10px;}

.dl_newsList{ padding: 10px 10px  10px 90px;}
.dl_newsList dt{ width: 70px;}
.dl_newsList dt .dltime{ width: 100%; left: 0;}
.dl_newsList dd.ntitle{ font-size: 16px;}
.dltime p{ font-size: 12px;}
.ndesc{ display: none;}
.nmore{ display: none;}
.newsListMore{ display: none;}
.inewsmore_stat_no{ margin: 0;}
.inewsmore_stat{ margin: 0;}
.newsDetailTitle h2{ line-height: 150%;}
.newsDetailTitle{ padding: 10px;}
.newsDetail{  padding: 10px;}

.logincon{ width: 90%; }

.myfav li{ width: 100%; float: none;}

.jxs_l{ width: 100%;}
.jxs_r{ width: 100%;}


/*企业荣誉*/
.honorCon{ width: 100%; margin: 50px auto;}
.honorList{ width: 50%; float: left; height: 300px; text-align: center;}
.honorWidth{ height: 200px; overflow: hidden;}

.customerList{ width: 50%; float: left; height: 240px !important; text-align: center;}
.customerWidth{ height: 130px !important; overflow: hidden;}

/*产品上下*/
.proNP1{ position:relative;}
.proNP1 li{ width:30%; float:left; margin-bottom:10px; }
.proNP1 li a{ height:40px; line-height:40px; text-align:center; font-size:14px; background:#eee; display:block; color:#999;-webkit-transition: all 0.3s ease-in-out;border-radius:4px;}
.proNP1 li a:hover{ background:#4a5199; text-decoration:none; color: #fff;}
.proNP1 li a i{ font-size: 14px;}

.protable{ width:100%; overflow-x:scroll;}

.icimg{  width:100%; height:280px; }
.ic1 a { height:auto; line-height:150%;}

.pro_l{ width:100%; float:none; display: none;}
.pro_l img{ max-width:200px}
.pro_c{ width:95%; padding:20px 0; margin:0 auto; float:none;}
.pro_r{ width:100%;}
.pro_ul{ width:100%; float:none;}

.proCon{ padding: 0;}
.pro_contant{ padding: 10px;}
.pro_contant li{float:left; width:45%; height:auto; text-align:center; margin: 5px;}
.pro_contant  li .pic{ width:100%; text-align:center; height:200px; padding: 0;}
.sub_m{ display: none;}

.picFocus{width:100%; border:none; padding:0;  float: none; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .bd img{ width:100%; display:block;  }
.picFocus .hd ul{ padding: 20px;}
.plist_r{ width: 100%; float: none;}
.plist_rCon{ padding: 20px;}


.ym_l{ width:100%;}
.ym_r{ width:100%;}
.pro_l_ntc{ width:100%; margin:0; margin-bottom:20px;}
.pro_l_ntc img{ width:100%;}
.contact_l{ width:100%; float:none; height:auto;}
.contact_r{ width:100%; float:none; padding-top:20px;}
.contactCon{ padding: 20px;}
.mobnews{ background:#fff;}

.tablescrool{}


.hidden{ display:none;}


}



