﻿@charset "utf-8";
/*common responsive*/
@media (max-width: 1280px) {
	*{
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */	
	}
	.container{width:1003px;}
	.mainnav .sub ul li p{height: 110px; overflow: hidden;}
	.mainnav .sub{ -webkit-background-size: 100% auto; background-size: 100% auto; background-position:0 109px;}
	.common_hd, .common_hd li a{height: 36px;}
	.common_hd li.on a{height: 35px;}
	.common_hd2 li{margin:0px 2px}
	.common_search .stxt{height: 28px;}.home_search .icon{left: 68%;}
	.common_search label{font-size: 16px; margin-right: 10px;}
	.curmb_channel h1{height: 44px;}

	
}

@media (max-width: 768px) {
	.container{width:100%; padding:0 2%;}
	.body_bg{background: #fff !important;}
	.body_bg .header{background:none !important;}
	.GoTop{display: none;}
	.header .head{height: auto; overflow: hidden;}
	.header .wza{display: none;}
	.header .menu{right: 10px; color: #999;}
	.header .menu li b{color: #ccc;}
	.header .menu li a{color: #999;}
	.header .menu li.mobile, .header .menu li.setHome, .header .menu li.add, .header .menu li.line,  .header .menu li.mobile_sep{display: none;}
	.header .menu li i{display: none;}
	.header .logo, .header .search{display:block;}
	.header .logo img{display: block; margin:55px auto 30px;}
	.header .search{margin-bottom: 20px; border-radius:3px; overflow:hidden; position: relative; padding-right: 92px;}
	.header .search .searchTxt{float:left; width:100%; padding:0 10px 0 47px; background:url(/global/header_ss_icon.png) no-repeat 15px center #f1f1f1; border:0; color:#999999; height:38px; line-height:38px; border-radius:3px 0 0 3px;}
	.header .search .searchBtn{position: absolute; right: 0; top: 0; width:92px; height:38px; background:#f34c4c; color:#f7dddd; font-size:16px; cursor:pointer; border:0; border-radius:0 3px 3px 0; -webkit-appearance:none;}
	.mainnav{margin-bottom: 20px; padding: 0;}
	.mainnav .main{height:auto; padding:6px 0;}
	.mainnav .main li a{font-size: 18px;}
	.mainnav .main li.on a{background:none; color: #fff; font-weight:normal; border-top:none;}
	.mainnav .sub{display: none !important;}

	.common_hd{height: 36px;}
	.common_hd li.on a{height: 35px;}
	.curmb_channel h1{height: 44px;}
	.curmb_channel i{background: #fff;}
	.curmb{float: none; padding-bottom:5px; text-align: right;}
	.common_search .icon, .common_search .shade{display: none;}
	.common_search .tags{display: block; margin: 0 !important; padding: 10px 0 0;}
	
}



@media (max-width: 640px) {
	.common_hd2 li.dot{display: none;}

}


@media (max-width: 479px) {
	
	.mainnav{height:auto; padding:6px 0; overflow:hidden;}
	.mainnav .main li{position:relative; width:36%;}
	.mainnav .main li:after{content:""; width:1px; height:20px; background:#fff; position:absolute; top:50%; margin-top:-10px; right:0; filter:alpha(opacity=20); -moz-opacity: 0.2; opacity:0.2;}
	.mainnav .main li:nth-child(3):after, .mainnav .main li:nth-child(5):after{display:none;}
	.mainnav .main li.nav0{height:68px; width:28%;}
	.mainnav .main li.nav0:after{height:54px; margin-top:-27px;}
	.mainnav .main li a, .mainnav .main li.on a{font-size:16px; line-height:34px;}
	.mainnav .main li.nav0 a{ line-height:68px;}


	
}

@media (max-width: 320px) {
	
	.mainnav ul li a{font-size: 14px;}
	
}