@charset "utf-8";
/** {margin: 0;padding: 0;font-family: "microsoft yahei";color: #000;font-size: 14px;}*/
/*ul {list-style: none;}*/
/*a{text-decoration:none;cursor:pointer;outline:none}*/
/*body{ color: #f5f5f5}*/


/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}


/*移动端导航*/
@media screen and (max-width: 768px) and (min-width: 0px){
   img{display: block;}
   .nav-mobile .search .submit {
     width: 20%;
     height: 30px;
     cursor: pointer;
     border: none;
     background: url(../images/top-search.png) center no-repeat;
   }
   .nav-mobile .search {
     line-height: 30px;
     /*width: 258px;*/
     width: 100%;
     height: 30px;
     margin-top: 28px;
     background: #dadada;
   }

   .nav-mobile .search .txt {
     font-size: 12px;
     /*width: 220px;*/
     width: 74%;
     height: 30px;
     margin-left: 6%;
     border: none;
     background: none;
   }

   #nav,#top,#conFl,#con .menu{display: none!important;}
   #con .main{margin-top: 60px}
   .div-pdg{
      padding: 0 3%;
   }
   #banner .bd{margin-top:50px;}
   #banner .hd li {width: 10px;height: 10px;}
   .nav-mobile{
      display: block!important;
   }
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;padding-top: 5px}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../imgs/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../imgs/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}


   /*feature*/
   #feature .firstRow td:first-child{width: 100%;padding: 5px;}
   #feature .firstRow td:nth-child(2){width: 100%;}

   /*text*/
   #text .con{width: 100%!important;border: none;padding:0px;margin-bottom:40px!important;float: left;}

   /*video*/
   #video li{width: 100%;margin: 0;padding-top: 40px}

   /*pro*/
   #pro .type{width: 100%;height: auto;margin-bottom: 20px}
   #pro .type .icon{display: none}
   #pro .bg{display: none;}
   #pro .con{float: left;width: 100%}
   #pro .con .bd{width: 100%;float: left;}
   #pro .con ul{width: 30%}

   /*cont*/
   #cont .cont{width: 100%;margin-bottom: 30px}
   #cont .pro{width: 100%;margin-bottom: 30px}
   #cont .news{width: 100%;margin-bottom: 30px}
   #cont .con{padding: 0}

   /*confr*/
   #conFr{width: 100%}
   #conFr .tit{
     color: #d51030;
     font-size: 24px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-top: 20px
   }
   #conFr .con{margin-top: 30px}
   #conFr .con table{width: 100%}
   #conFr .conFr-img li{height: 130px}
   #conFr .con li img{min-height: 78px}
   #conFr .con p img{width: 100%;height: auto}
   #conFr .tit span{font-size: 28px}
   #conFr .video li{width: 100%;margin: 0;padding-top: 40px}
   #conFr .con video{width: 100%;height: auto}
   /*product*/
   /*.con-products{width: 100%!important};*/


}

}