@charset "utf-8";
@media (min-width:1601px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:15px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:14px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:13px;}}
@media (max-width:328px){html{font-size:13px;}}
@media (min-width: 768px)
{
	.more00 a:hover:before{ left:0; width:100%; background:rgba(0,0,0,0.15)}
	.more00 a:hover{ letter-spacing:1.5px}
	
	.hd ul li a:hover:before{ left:0; width:100%; background-color:rgba(8,187,0,0.15);}
	.hd ul li a:hover{ letter-spacing:1.5px;}
	
	.container01 .center .video_box:hover .img>img{ transform:scale(0.95)}
	.container01 .center .video_box:hover .img .bofang:before{ transform:scale(1.05)}
	.container01 .center .video_box:hover .img .bofang svg{ transform:scale(1.05)}
	
	.container02 ul li a:hover .ico img{ transform:rotateY(180deg)}
	.container02 ul li a:hover .more span{color:#fff;border: #26d31d 1px solid;}
	.container02 ul li a:hover .more span:before{height:100%;top:0;background: #31c12a;}
	.container02 ul li a:hover .more span font{ color:#fff; letter-spacing:0.5px;}
	
	.container03 .center .more:hover:before{ transform:scale(1.25)}
	
	.container05 ul li a:hover .txt{ transform:translateY(100%); background:rgba(0,0,0,0)}
	
	.container06 ul li a:hover .ico{ transform:rotateY(180deg)}
	
	footer .right ul li a:hover svg{ fill:#26d31d}
	footer .left h6 a:hover{ color:#fff}
	
	footer a:hover{ color: #fff;}
	
	 .n_wenhua .fl02 ul li a:hover p{ height:78px;}
  .n_wenhua .fl02 ul li a:hover:before{ left:0; width:100%; opacity: 1;}
  
  .n_wenhua .fl02 ul li a:hover .icon{ border:transparent 1px solid}
  .n_wenhua .fl02 ul li a:hover .icon:before{ transform:scale(1.1); opacity:1}
  .n_wenhua .fl02 ul li a:hover .icon:after{ transform:scale(0.9); opacity:1}
  .n_wenhua .fl02 ul li a:hover .icon img.img01{ display:none}
  .n_wenhua .fl02 ul li a:hover .icon img.img02{ display:inline-block}
	#logo_xq ul li a:hover .mask font{ transform: scale(.5); opacity: 0;transition-delay: 0s;}
#logo_xq ul li a:hover .txt{ opacity: 1; top: 0; transition-delay: .1s;}
.banner>video{ margin:0 -3rem; width: calc(100% + 6rem);}
	
	}
@media (min-width: 992px)
{
}
@media (min-width: 1200px)
{
}
@media (min-width: 1280px)
{
}
@media (min-width: 1440px)
{
}
@media (min-width: 1660px)
{
}
@media screen and (min-width:1200px) and (max-width:1440px){
}
@media (max-width: 1660px)
{
}
@media (max-width: 1600px)
{
 
}
.web{}
.wap{ display:none;}
@media (max-width: 1440px)
{
 
}
@media (max-width: 1360px)
{
#banner .swiper-container { height: 43rem;}
}
@media (max-width: 1280px)
{
#nav ul li a {padding: 0 1.375rem;}
.top_tel {padding-left: 2rem;margin-left: 3rem;}
.bd{padding-top: 0}
.container01 .right p{font-size: 3.625rem;}
}
@media (max-width: 1200px)
{
#nav{ margin-right:1.5rem;}
/*
#header{ display:none;}
#m_header{ display:block; }
#nav_btn_box{ display: block;}
*/
.banner{ margin-top: 4.5rem;}
#nav{ margin-right:0;}
#nav ul li { margin: 0;}

.m{ padding-left:50px; padding-right:50px;}
#banner .swiper-container { height: 35rem;}
#n_banner{ margin-top: 4.5rem;}
}


/*==========================导航和banner变成手机模式============================*/
@media (max-width: 992px){
#nav ul li a {padding: 0 5px;}
.top_tel {padding-left: 20px;margin-left: 20px;}
.bd{padding-top: 50px;}
.container01 .right p{font-size: 2.595rem;}
.container01 .center{margin-left: -15px;}
.container01 .left h2 {font-size: 3rem;}
.container01 .right {padding:6.5rem 0 0 0rem;}
}