@charset "utf-8";

/*common responsive*/
@media (max-width: 1199px) {
	.header{height:auto; overflow:hidden; padding:40px 0 25px;}
	.header .logo{ position:static; margin:0 auto 20px;}
	.header .logo img{margin:0 auto;}
	.header .search{ position:static;}
	.header .search{ width:100%; max-width: 768px; margin:0 auto;}
}

/*ipad*/
@media (max-width: 992px) {
	
}
@media (min-width: 769px) and (max-width: 992px) {
	.header_t .htl .cwz{display:none;}
	.header_t .htl .dsj .hideDiv{ left:0;}
	
	.footer_wzbs{width:15%;}
	.footer_nav, .footer_copyright{padding-left:16%;}
	.footer_wzbs{top:18%;}
}

/* xs mobile*/
@media (max-width: 768px) {
	.header_t{display:none;}
	.body_bg, .wrap{background:none;}
	.pageMain{min-height:inherit;}
	.header{ padding:30px 2%;}
	.header .logo{display:none;}
	.header .logo_mobile{display:block; margin-bottom:36px;}
	.header .search{width:100%;}
	.header .search .searchTxt{background-color:#f1f1f1; border-color:#f1f1f1;}
	.mainnav_box, .curmb_box{ padding:0;}
	.mainnav{border-radius:0; background:#0185db;}
	.mainnav li a{font-size:18px;}
	.header .search .searchBtn{font-size:16px;}
	
	.footer{padding:0 0 15px;}
	.footer .container{ padding:0;}
	.footer_nav{ padding:10px 0; background:#0185db; text-align:center;}
	.footer_nav ul li{float:none; display:inline-block; padding:0 5px; background:none; line-height:1.8;}
	.footer_nav ul li a{color:#fff;}
	.footer_nav ul li a:hover{color:#48dfff;}
	.footer_copyright{text-align:center; padding:15px 2% 5px; line-height:1.8;}
	.footer_wzbs{position:static; width:auto; margin:0;}
	.footer_wzbs img{float:none; display:block; margin:0 auto;}
	#_span_jiucuo img{float:none; display:block; margin:0 auto !important;}
	.pageMain{padding-left:0; padding-right:0;}
	
}

@media (min-width: 481px) and (max-width: 768px) {
	.mainnav{height:60px; line-height:60px;}
	.mainnav li{width:21%;}
	.mainnav li.nav_index{width:16%;}
}

@media (max-width: 480px) {
	.header{padding:20px 0;}
	.header .logo_mobile{margin-bottom:20px;}
	.header .search .searchTxt, .header .search .searchBtn{height:36px;}
	.header .search .searchBtn{ font-size:0.92em;}
	.mainnav{height:auto; padding:6px 0; overflow:hidden; line-height:34px;}
	.mainnav li{position:relative; width:36%;}
	.mainnav li:after{content:""; width:1px; height:20px; background:#79beff; position:absolute; top:50%; margin-top:-10px; right:0;}
	.mainnav li:nth-child(3):after, .mainnav li:nth-child(5):after{display:none;}
	.mainnav li.nav_index{height:68px; width:28%; line-height:68px;}
	.mainnav li.nav_index:after{height:54px; margin-top:-27px;}
	.mainnav li a{font-size:16px;}
}

@media (max-width: 320px) {
	.header .search .searchTxt{width:calc(100% - 70px); -moz-width:calc(100% - 70px); -ms-width:calc(100% - 70px); -o-width:calc(100% - 70px); -webkit-width:calc(100% - 70px);}
	.header .search .searchBtn{width:70px;}
	.curmb{font-size:14px; padding-left:40px; background-position:10px center;}
}