@media only screen and (max-width: 1200px) {
	.nav_menu ul li a{ color:#fff;    padding: 0 !important;}
	.nav_menu .fl ul li{ width:100%; color:#fff;}
	.nav_menu .fl ul li a{ color:#fff; border:none;}
	.nav_menu{ border:none;}
	.nav_menu .inner{ width:100%;}
	.nav_menu .fl{ width:100%;}
	.nm_pro li dt{ width:100%;}
	.nav_menu ul li{ width:100%;}
	.nm_pro li dt h3 a{ color:#fff; border:none; font-weight:normal;}
	.nm_pro li dt img{ display:none;}
	.nm_pro li dd{ display:none;}
	nav li >dl
	.search form:hover input[type="text"], .search form input[type="text"]:focus{width: 150px;}
	.navBox h1{margin-top: 18px;}
	#web_logo img{ max-width:none;}
	.top{display: none;}
	.nav-subnav-container{ }
	.navBox{position: relative;padding: 15px 10px; max-width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
	nav{height: 100%; position:fixed;width: 40%;left: -100%;background: rgba(46,47,50,0.8);top:81px;
		 transition:all .4s ease-in-out 0s;
		  -webkit-transition:all .4s ease-in-out 0s;
		   -moz-transition:all .4s ease-in-out 0s;
		  -ms-transition:all .4s ease-in-out 0s;
		  -o-transition:all .4s ease-in-out 0s; }
	nav.active{left: 0;}
	nav li{ float:none !important; height:100%; line-height:65px; width:100% !important;}
	nav li:before {
    content: "+";
    font-family: "Ionicons";
    cursor: pointer;
    float: right;
    padding:0 15px;
    right: 0;
    position:  absolute;
    height:50px;
    font-size: 2rem;
    color:  #fff;
    line-height:60px;
}

nav li:hover:before {
     content: "-";
    font-family: "Ionicons";
    cursor: pointer;
    float: right;
    padding:0 15px;
    right: 0;
    position:  absolute;
    height:50px;
    font-size: 2rem;
    color:  #fff;
    line-height:60px;
}
nav li:first-child:before{ content:"";}
nav #nav_99:before{content:"";}
	nav li a span{ color:#fff;}
	nav li a{float:none !important; text-align:center; width:auto !important;line-height:65px;}
	nav>li{display: block;margin-right: 0;width: 100%;color: #fff;margin-bottom: 1px; }
	nav>li:after{background: rgba(27,87,172,0.8);}
	nav p{display: none;}
	.navBox h1{margin-top: 0;}
	menu{display: block !important;}
	body{padding-top: 62px;}
	header{position: fixed;top: 0;width: 100%;left: 0;background: rgba(255,255,255,1);z-index: 99;}
	
	.newsList li span{display: none;}
	.search{margin-left: 0;}
	h1 img{height: 44px;width: auto;}
	.navBox h1 p, .navBox h1 span{font-size: 12px;}
	.navBox h1 p{margin-left: 5px;padding-left: 5px;}
	menu{margin-left: 15px;}
	nav>a{transform: translateX(-100%);}
	nav.active>a{transform: translateX(0);}
	nav.active>a:nth-of-type(1){ transition:all .4s ease-in-out .4s;
  -webkit-transition:all .4s ease-in-out .4s;
   -moz-transition:all .4s ease-in-out .4s;
  -ms-transition:all .4s ease-in-out .4s;
  -o-transition:all .4s ease-in-out .4s; }
	nav.active>a:nth-of-type(2){ transition:all .4s ease-in-out .6s;
  -webkit-transition:all .4s ease-in-out .6s;
   -moz-transition:all .4s ease-in-out .6s;
  -ms-transition:all .4s ease-in-out .6s;
  -o-transition:all .4s ease-in-out .6s; }
	nav.active>a:nth-of-type(3){ transition:all .4s ease-in-out .8s;
  -webkit-transition:all .4s ease-in-out .8s;
   -moz-transition:all .4s ease-in-out .8s;
  -ms-transition:all .4s ease-in-out .8s;
  -o-transition:all .4s ease-in-out .8s; }
	nav.active>a:nth-of-type(4){ transition:all .4s ease-in-out 1s;
  -webkit-transition:all .4s ease-in-out 1s;
   -moz-transition:all .4s ease-in-out 1s;
  -ms-transition:all .4s ease-in-out 1s;
  -o-transition:all .4s ease-in-out 1s; }
	nav.active>a:nth-of-type(5){ transition:all .4s ease-in-out 1.2s;
  -webkit-transition:all .4s ease-in-out 1.2s;
   -moz-transition:all .4s ease-in-out 1.2s;
  -ms-transition:all .4s ease-in-out 1.2s;
  -o-transition:all .4s ease-in-out 1.2s; }
	nav.active>a:nth-of-type(6){ transition:all .4s ease-in-out 1.4s;
  -webkit-transition:all .4s ease-in-out 1.4s;
   -moz-transition:all .4s ease-in-out 1.4s;
  -ms-transition:all .4s ease-in-out 1.4s;
  -o-transition:all .4s ease-in-out 1.4s; }

  	nav.active>a:nth-of-type(7){ transition:all .4s ease-in-out 1.6s;
  -webkit-transition:all .4s ease-in-out 1.6s;
   -moz-transition:all .4s ease-in-out 1.6s;
  -ms-transition:all .4s ease-in-out 1.6s;
  -o-transition:all .4s ease-in-out 1.6s; }

  	nav.active>a:nth-of-type(8){ transition:all .4s ease-in-out 1.8s;
  -webkit-transition:all .4s ease-in-out 1.8s;
   -moz-transition:all .4s ease-in-out 1.8s;
  -ms-transition:all .4s ease-in-out 1.8s;
  -o-transition:all .4s ease-in-out 1.8s; }

  	nav.active>a:nth-of-type(9){ transition:all .4s ease-in-out 2s;
  -webkit-transition:all .4s ease-in-out 2s;
   -moz-transition:all .4s ease-in-out 2s;
  -ms-transition:all .4s ease-in-out 2s;
  -o-transition:all .4s ease-in-out 2s; }
  	
	.sub-nav{ background-color:rgba(0,0,0,.5) !important; height:100vh !important; width:60% !important; left:40% !important;}
	.subnav-right ul li a img {
		display:none;
            
        }
		 .subnav-column ul li a {
                color: #fff !important;
            }
.oneImg{height:auto !important;}
 .subnav-column ul li { float:none !important;}
.oneImg .subnav-column{width:100% !important;}
.subnav-left .subnav-column{ padding-left:0 !important;}
 .subnav-column ul {
        margin:10% 0 0 0 !important;
    }
	.subnav-column ul li{ text-align:center; padding-right:0 !important;}
	.subnav-left{ width:100% !important;}
	.oneImg{width:100% !important;}
	.subnav-right ul li a{
	width: 0px !important;
	height: 0px !important;
	overflow:hidden;
}
		.nav_menu ul li {display: block;width: 100% !important;padding-left: 0 !important;}
	.nav_menu .fr ul li a img {display: none;}
}

@media only screen and (max-width: 767px){
nav {top: 62px;}
}