@charset "utf-8";

@media (min-width: 1600px) {
	.m_header {
    display: none;
}
  .container {
    width: 1200px;
  }
}
.container {
  width: 1200px;
  padding: 0;
}
.banner {
  
  
  text-align: center;
}



.banner img {
  width: 100%;
  display: inline-block;
}
.banner .slick-prev,
.banner .slick-next {
  border: 0;
  width: 34px;
  height: 63px;
  transform: rotate(0);
}
.banner .slick-prev {
  background: url(../images/banner_btnl.png) no-repeat center;
}
.banner .slick-next {
  background: url(../images/banner_btnr.png) no-repeat center;
}
.nybanner {

}


}
@media (max-width: 400px) {
	.m img{    max-width: 98%;
    max-height: 100%;
    margin: auto;
    display: block;}
}
@media (min-width: 1240px) and (max-width: 1612px) {
	.m_header {
    display: none;
}
	
  .container .nav {
    margin-left: 70px;
  }
  .container .nav a {
    padding: 0 25px;
    color: #000;
  }
  .container .nav ul li.active a {
    color: #e5e5e5;
  }
  .container .nav ul li ul li a {
    padding: 0 24px !important;
  }
  .banner {
    width: 100%;
  }
  .phone-nav {
    display: none;
  }
}


	

@media (min-width: 992px) and (max-width: 1239px) {
	
  .container {
    width: 970px;
  }
  .container .nav {
    width: 53%;
    margin-left: 2%;
  }
  .container .nav ul li a {
    padding: 0 12px;
    color: #000;
  }
  .container .nav ul li a:hover {
    color: #e5e5e5;
  }
  .container .nav ul li ul li a {
    padding: 0 11px !important;
  }
  .container .nav ul li.active a {
    color: #e5e5e5;
  }
  .banner {
    width: 100%;
  }
  .phone-nav {
    display: none;
  }
  
}



@media (min-width: 768px) and (max-width: 991px) {

		.m_nav {
    position: absolute;
    background: #333;
    width: 100%;
    left: 0;
    z-index: 66;
    display: none;
}
.m_nav ul li {
    width: 100%;
    padding: 0;
    height:50px;line-height:50px;
    border-top: 1px solid #d4d1d1;
}
	
	.clearfix ul li p{ padding-left: 55px;}
	
  .container {
    width: 100%;
  }
  .container .nav {
    display: none;
  }
 
  .banner {
    width: 100%;
  }
 
  .phone-nav {
    position: absolute;
    font-size: 30px;
    right: 20px;
    line-height: 60px;
    display: none;
    color: #000;
    display: block;
    top: 0;
  }

}
@media (min-width: 641px) and (max-width: 767px) {
	
  .container {
    width: 100%;
  }
   
  .container .nav {
    display: none;
  }
  
  .banner {
    width: 100%;
  }
  
  .phone-nav {
    position: absolute;
    font-size: 30px;
    right: 20px;
    line-height: 60px;
    display: none;
    color: #000;
    display: block;
    top: 0;
  }
}
@media (max-width: 640px) {
	.m_header{ display:block;}
	.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }
	.m_header .logo{ width:80%;height:auto; float:left; overflow:hidden;}
	.m_header .logo img{ width:100%;}
	.m_header .logo a,.m_header .logo img{ display:block}
	.m_header .collapse{  background-color: transparent; border-radius: 4px;  float: right; cursor:pointer;     margin-top: 1%;
    margin-right: 4%; position:relative; width:60px; height:72px; background-image:none;}
	.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 6px; width: 70px; background:#0061a5;  position:absolute; top:50%; transition:all ease 0.3s;}/*必须定位哦*/
	.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}
	.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}
	.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}        
	.m_header .collapse.active span:nth-child(2){ display:none} 
	.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} 
.m_nav{ position:absolute; width:100%; background: #02328d; left:0; z-index:66;  display:none; }
	.m_nav ul li{ width:100%; padding:0; height:120px;line-height:80px;  border-top:1px solid #ccc;}
	.m_nav ul li.now{ background:#fff;}
	.m_nav ul li.now>a{ border-bottom:2px solid #0c85d3}
	.m_nav ul li a{ display:block; width:100%; text-align:center;height:50px;line-height:50px; padding:30px 10px; color:#fff; font-size:40px}
	.m_nav ul li a .open, .m_nav ul li a .close {  display: block;  float: right;  width:10px; height:10px; margin-top:2px }
	.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
	.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;} 
	.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}
	.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}
	.m_nav ul li ul li a{ padding:5px 10px;} 
	.m_nav ul li ul li a i{ width:7px; height:10px; display: block;  float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }
  .container {
    width: 100%;
  }
  
  .container .nav {
    display: none;
  }
  .banner {
    width: 100%;
  }
  .banner .slick-prev,
  .banner .slick-next {
    width: 14px;
    height: 43px;
    margin-top: -21.5px;
  }
  .banner .slick-prev {
    background-position: left center;
  }
  .banner .slick-next {
    background-position: right center;
  }
 
  .phone-nav {
    position: absolute;
    font-size: 30px;
    right: 20px;
    line-height: 60px;
    display: none;
    color: #000;
    display: block;
    top: 0;
  }
  
}
@media (max-width: 480px) and (min-width: 320px) {
		
.m_header{ display:block;}
	.m_header{width:100%; background:url(../images/header_bg.png) repeat; position:relative; left:0; top:0; z-index:9; }
	.m_header .logo{ width:80%;height:auto; float:left; overflow:hidden;}
	.m_header .logo img{ width:100%;}
	.m_header .logo a,.m_header .logo img{ display:block}
	.m_header .collapse{  background-color: transparent; border-radius: 4px;  float: right; cursor:pointer;     margin-top: 1%;
    margin-right: 4%; position:relative; width:60px; height:72px; background-image:none;}
	.m_header .collapse .icon-bar{ border-radius: 1px; display: block; height: 6px; width: 70px; background:#0061a5;  position:absolute; top:50%; transition:all ease 0.3s;}/*必须定位哦*/
	.m_header .collapse span:nth-child(1){ -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); -webkit-transform:translateY(-10px); transform:translateY(-10px);}
	.m_header .collapse span:nth-child(3){ transform:translateY(10px); -transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); -webkit-transform:translateY(10px);}
	.m_header .collapse.active span:nth-child(1){ transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg);}        
	.m_header .collapse.active span:nth-child(2){ display:none} 
	.m_header .collapse.active span:nth-child(3){ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} 
.m_nav{ position:absolute; width:100%; background: #02328d; left:0; z-index:66;  display:none; }
	.m_nav ul li{ width:100%; padding:0; height:120px;line-height:80px;  border-top:1px solid #ccc;}
	.m_nav ul li.now{ background:#fff;}
	.m_nav ul li.now>a{ border-bottom:2px solid #0c85d3}
	.m_nav ul li a{ display:block; width:100%;height:50px;line-height:50px; text-align:center; padding:30px 10px; color:#fff; font-size:40px}
	.m_nav ul li a .open, .m_nav ul li a .close {  display: block;  float: right;  width:10px; height:10px; margin-top:2px }
	.m_nav ul li a .open{ background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;}
	.m_nav ul li a .close{background:url(../images/icon_add.png) no-repeat; background-size:10px 10px;} 
	.m_nav ul li a:hover,.m_nav ul li a.now{ background:#fff; color:#333}
	.m_nav ul li ul li{ line-height:23px;border-bottom:none;border-top:none; font-size:12px; display:none;}
	.m_nav ul li ul li a{ padding:5px 10px;} 
	.m_nav ul li ul li a i{ width:7px; height:10px; display: block;  float: right; background:url(../images/m_menu.png) no-repeat; background-size:7px 10px }
	.clearfix li p{}

	
  .container {
    width: 100%;
  }


  .container .nav {
    display: none;
  }

  .banner {
    width: 100%;
   
  }
  .banner .slick-prev,
  .banner .slick-next {
    width: 14px;
    height: 43px;
    margin-top: -21.5px;
  }
  .banner .slick-prev {
    background-position: left center;
  }
  .banner .slick-next {
    background-position: right center;
  }
 
  .phone-nav {
    position: absolute;
    font-size: 30px;
    right: 20px;
    line-height: 60px;
    display: none;
    color: #000;
    display: block;
    top: 0;
  }
}
.slick-cloned{display: block;}
/*# sourceMappingURL=style.css.map */