/* CSS Document */

@media (max-width:1200px) {
	.nav-wrap{ width: 750px;}
	.nav-top .p1{ font-size: 30px;}
	.nav-top .p2{ width: 380px;}
	.top-nav .nav-li .nav-link{ font-size: 14px;}	
	.pictrue-7{ padding: 0;}
	.pictrue-7 .swiper-button{ display: none;}
}

@media( max-width:1024px){


}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:40px 0;}
	.navbar-toggle .icon-bar{background:#000000; width:30px; height:4px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}	
	.top-head .sjdnav{ width:150px; position:absolute; right:15px; top:106px; z-index:9999 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; background:rgba(21,21,21,0.7); margin-bottom:3px;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:45px; font-size:15px;}
	.top-head .sjdnav li a span{ text-transform:uppercase;font-family:"Microsoft YaHei"; font-size:12px;}
	.top-head .sjdnav li.acts a{color:#fff; background:#0499B7;}
	.top-logo{ padding-right:20px;}
	.top-line{ display:none;}
	.nav-wrap{ display:none !important;}
	.banpc{ display:none;}
	.phone{ display:block;}
	.pictrue-7 .swiper-slide{ width: 40%; }
	
	.banner{ margin-top: 106px;}

	.yyfa a{ padding: 5px; padding-bottom: 0;}
	.wp6-3{ display: none;}
	.wp6-2{ width: 60%;}
	.wp6-1{ width: 40%;}
	.mlBot{ display: none;}
	.mleft{ width: 100%;}
	.mleft .mlfTop p{ display: none;}
	.mleft .mlfTop h3{ font-size: 22px; line-height: 45px;}
	.mleft .mlfTop{ padding: 0; position: relative;}
	.mleft .mlfTop span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.mlful{ display: none;}
	.mright{ padding-left: 0; margin-top: 15px; float: right; width: 100%;}
	.mright .mrhtop .pull-left{ font-size: 20px;}
}

@media (max-width:768px) {
	.top-head .top-logo img{ height: 64px;}
	.navbar-toggle{ padding: 30px 0;}
	.top-head .sjdnav{ top: 86px;}
	.banner{ margin-top: 86px;}
	
	.pictrue-7 .swiper-slide{ width: 60%;}
	.pictrue-7 .swiper-slide .imgbox{ opacity: 0.3; }
	.pictrue-7 .swiper-slide.swiper-slide-active .imgbox{ opacity: 1; }

	
	.pros .proli:nth-child(3) .proimg .pmack{background: rgba(0,0,0,0);color: #626262;}
	.pros .proli:nth-child(4) .proimg .pmack{ background: rgba(0,0,0,0.5); color: #FFFFFF;}
	.about-img{ width: 100%; max-width: none;}
	.about-img img{ margin: 0 auto;}
	.about-txt{ float: right; padding-left: 0; margin-top: 15px;}
	.about-txt .a-tt{ height: auto; overflow: visible; margin: 10px 0;}
	.wp6-1{ width: 100%;}
	.wp6-2{ width: 100%; padding: 0; border: 0; min-height: auto; margin-top: 15px;}
	.footer{ margin-bottom: 56px;}
	.footer .pull-left{ display: none;}
	.footer p{ width: 100%; text-align: center;}
	.yyfa h3{ line-height: 35px;}
	.index-t01{ font-size: 22px;}
	.li01 a{ padding: 5px}
}

@media (max-width:650px) {

	

}

@media (max-width:540px) {
	.about-txt .tel02 img{ height: 50px;}
	.about-txt .tel02 .nums span{ font-size: 16px; line-height: 22px;}
	.about-txt .tel02 .nums p{ font-size: 22px; font-weight: normal;}
	.wp5{ padding: 0; margin-bottom: 15px;}
	.yyfa a{ padding: 2px; padding-bottom: 0;}
}

@media (max-width:450px) {
	.pros .proli .proimg .pmack{ font-size: 12px; padding: 6px;}
	.mright .mrhtop{ line-height: 30px;}
	.mright .mrhtop .pull-left{ display: none;}
	.mright .mrhtop .pull-right{ float: left !important;}
	.li01{ padding: 5px;}
	.li01 a{ padding: 2px}
}


@media (max-width:415px) {
	.about-txt .tel02 img{ height: 40px;}
	.about-txt .tel02 .nums span{ font-size: 14px;}
	.about-txt .tel02 .nums p{ font-size: 18px; line-height: 22px;}
	
}

@media (max-width:350px) {
	
	
}

@media (max-width:320px) {


	  
	  
}