body{
	width:100%;
	font-size:12px;
	height:auto;
	margin:0 auto;
	background-color: #f0f0f0;


	
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}

@media screen and (min-width:860px){

header{
	width:100%;
	height:auto;
	margin:0 auto;
/*
background-image:url('../img/test/testback1.png');
background-size:120% 250%;
	*/
}
#header_top{
	width:100%;
	height:32px;
	margin:0 auto; 
	background-color:#fff;
	border-bottom: 2px solid #ded9d9;
}
#header_top_cont{
	width:1200px;
	height:100%;
	margin:0 auto;
	color:#333;
}
#calendar{
	width:100%;
	height:25px;
	
	float:left;
	font-size: 13px;
}
#calendar ul{
	margin:0;
	padding:0;
width:100%;
	height:25px;
	padding-top:9px;
	
}
#calendar ul a{
	padding:0;
	//border-right:1px solid  #717171;
	height:18px;
	width:auto;float:left;
	color:#717171;
	text-decoration:none;
}
#calendar ul li{
	padding-top:0;
	height:18px;
	width:100%;
	
	
	list-style-type:none;
	padding-left:8px;
	padding-right:8px;
}
#calendar>ul>a:last-child{
	border-left:none;
}
#header_middle{
	width:1200px;
	margin:0 auto;
	height:130px;
	padding-top:40px;
	position:relative;
}
#logo{
	float:left;
	width:auto;
	margin-top:15px;
}
#select_form{
	    float: left;
	    width: 397px;
	    margin-top: 27px;
	  
	    position: absolute;
	    right: 0;
}
#select{
	border: 1px solid #E7E6E2;
	    height: 35px;
	    width: 300px;
	    background-color: #f9f9f5;
	    margin-top: -1px;
	    padding-left: 15px;
	    margin-left: 35px;
		outline: none;
}
#sure{
	background-color: #d21c32;
	height:35px;
	width:68px;
   margin-left:-10px;
	color:#f3f3f3;
	padding:0;
	border:1px solid  #E7E6E2;
	border-bottom:2px solid #d21c32;
	
}
nav{
	width:100%;
	margin:0 auto;
	height:42px;
background-color:#d21c32;
	
	
}
nav>ul{
	width: 1200px;
	height:100%;
	margin:0 auto;
	padding:0;
}
nav>ul>li{
	list-style-type: none;
	float:left;
	height:42px;
	width:198.833333px;	
    display:inline;
	/*border-right:1px solid #f0f0f0;*/
     position:relative;
	 background-color:#d21c32;
    // background-color: red;
	position: relative;
	z-index: 995;
     
}
nav>ul>li:first-child{
	/*border-left:1px solid #f0f0f0;*/
}
nav>ul>li>a{
	text-decoration: none;
	width:100%;
	height:100%;
	display:block;
	height:30px;
	padding-top:10px;
	text-align: center;
	font-size: 1.33em;
   color: #fff;
    font-family:"微软雅黑";
    font-weight: bold;
    //background-color: red;
   // border:1px solid yellow;
    position: absolute;
	top:0;
	z-index: 999;
}
.navicon{
    position: relative;
    top: 3px;
margin-right:4px;
}
nav>ul>li:hover{
	background-color:#d67883;
	color:#fff;
}
nav>ul>li>div{
	display: none;
}
nav>ul>li:hover>div{
	display: block;
}
nav>ul>li:hover >a{
	color:#fff;
}
.sc_nav{
	position: absolute;
	top:42px;
	
}
.sc_nav ul{
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
	
}
.sc_nav ul li{
	list-style-type: none;
	float:left;
	height:42px;
	width:198.833333px;	
	
	display:inline;

	 position:relative;
	 background-color:#d21c32;

	position: relative;
}
.sc_nav>ul>li:hover{
	background-color:#d67883;
	color:#fff;
}
.sc_nav>ul>li:hover >a{
	color:#fff;
}
.sc_nav>ul>li>a{

		text-decoration: none;
		width:100%;
		height:100%;
		display:block;
		height:30px;
		padding-top:10px;
		text-align: center;
		font-size: 1.33em;
	   color: #fff;
	    font-family:"微软雅黑";
	    font-weight: bold;
	    //background-color: red;
	   // border:1px solid yellow;
	    position: absolute;
		top:0;
		z-index: 999;
	}

/*
.an_border{
	border-bottom:3px solid #d7161f;
	height:42px;
	width:0%;
	margin:0 auto;
	position: relative;
	z-index: 998;
	
}
 .on{
	animation: border 500ms forwards;
	-moz-animation: border 500ms forwards;
	-webkit-animation: border 500ms forwards;
	-ms-animation: border 500ms forwards;
}
.off{
	animation: noBorder 300ms forwards;
	-moz-animation: noBorder 300ms forwards;
	-webkit-animation: noBorder 300ms forwards;
	-ms-animation: noBorder 300ms forwards;
}
@keyframes border{
	from{}
	to{width:100%}
}
@-moz-keyframes border{
	from{}
	to{width:100%}
}
@-ms-keyframes border{
	from{}
	to{width:100%}
}
@-webkit-keyframes border{
	from{}
	to{width:100%}
}
@keyframes noBorder{
	from{width:100%}
	to{width:0%}
}
@-moz-keyframes noBorder{
	from{width:100%}
	to{width:0%}
}
@-ms-keyframes noBorder{
	from{width:100%}
	to{width:0%}
}
@-webkit-keyframes noBorder{
	from{width:100%}
	to{width:0%}
} */



}

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

header{
	width:100%;
	height:auto;
	margin:0 auto;
background-color:#e6e4e2;
/*
background-image:url('../img/test/testback1.png');
background-size:120% 250%;
	*/
}
#header_top{
	width:100%;
	height:32px;
	margin:0 auto; 
	background-color:#fff;
	border-bottom: 2px solid #ded9d9;
}
#header_top_cont{
	width:100%;
	height:100%;
	margin:0 auto;
	color:#333;
}
#calendar{
	width:100%;
	height:25px;
	
	float:left;
	font-size: 13px;
}
#calendar ul{
	margin:0;
	padding:0;
width:100%;
	height:25px;
	padding-top:9px;
	
}
#calendar ul a{
	padding:0;
	//border-right:1px solid  #717171;
	height:18px;
	width:auto;float:left;
	color:#717171;
	text-decoration:none;
}
#calendar ul li{
	padding-top:0;
	height:18px;
	width:100%;
	
	
	list-style-type:none;
	padding-left:8px;
	padding-right:8px;
}
#calendar>ul>a:last-child{
	border-left:none;
}
#header_middle{
	width:100%;
	margin:0 auto;
	height:160px;
	padding-top:40px;
	position:relative;
}
#logo{
	float:left;
	width:auto;
	margin-top:15px;
margin-left:20px;
}
#select_form{
	    float: left;
	    width: 397px;
	    margin-top: 87px;
	  
	    position: absolute;
	    right: 20px;
}
#select{
	border: 1px solid #E7E6E2;
	    height: 35px;
	    width: 300px;
	    background-color: #f9f9f5;
	    margin-top: -1px;
	    padding-left: 15px;
	    margin-left: 35px;
		outline: none;
}
#sure{
	background-color: #d21c32;
	height:35px;
	width:68px;
   margin-left:-10px;
	color:#f3f3f3;
	padding:0;
	border:1px solid  #E7E6E2;
	border-bottom:2px solid #d21c32;
	
}
nav{
	width:100%;
	margin:0 auto;
	height:84px;
background-color:#d21c32;
	
	
}
nav>ul>li>div{
	display: none;
}
nav>ul{
	width: 100%;
	height:100%;
	margin:0 auto;
	padding:0;
}
nav>ul>li{
	list-style-type: none;
	float:left;
	height:42px;
	width:33.333333%;	
    display:inline;
	/*border-right:1px solid #f0f0f0;*/
     position:relative;
	 background-color:#d21c32;
    // background-color: red;
	position: relative;
	z-index: 995;
     
}
nav>ul>li:first-child{
	/*border-left:1px solid #f0f0f0;*/
}
nav>ul>li>a{
	text-decoration: none;
	width:100%;
	height:100%;
	display:block;
	height:30px;
	padding-top:10px;
	text-align: center;
	font-size: 1.33em;
   color: #fff;
    font-family:"微软雅黑";
    font-weight: bold;
    //background-color: red;
   // border:1px solid yellow;
    position: absolute;
	top:0;
	z-index: 999;
}
.navicon{
    position: relative;
    top: 3px;
margin-right:4px;
}
nav>ul>li:hover{
	background-color:#d67883;
	color:#fff;
}

.sc_nav{
	position: absolute;
	top:42px;
	
}
.sc_nav ul{
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
	
}
.sc_nav ul li{
	list-style-type: none;
	float:left;
	height:42px;
	width:198.833333px;	
	
	display:inline;

	 position:relative;
	 background-color:#d21c32;

	position: relative;
}
.sc_nav>ul>li:hover{
	background-color:#d67883;
	color:#fff;
}
.sc_nav>ul>li:hover >a{
	color:#fff;
}
.sc_nav>ul>li>a{

		text-decoration: none;
		width:100%;
		height:100%;
		display:block;
		height:30px;
		padding-top:10px;
		text-align: center;
		font-size: 1.33em;
	   color: #fff;
	    font-family:"微软雅黑";
	    font-weight: bold;
	    //background-color: red;
	   // border:1px solid yellow;
	    position: absolute;
		top:0;
		z-index: 999;
	}

/*
.an_border{
	border-bottom:3px solid #d7161f;
	height:42px;
	width:0%;
	margin:0 auto;
	position: relative;
	z-index: 998;
	
}
 .on{
	animation: border 500ms forwards;
	-moz-animation: border 500ms forwards;
	-webkit-animation: border 500ms forwards;
	-ms-animation: border 500ms forwards;
}
.off{
	animation: noBorder 300ms forwards;
	-moz-animation: noBorder 300ms forwards;
	-webkit-animation: noBorder 300ms forwards;
	-ms-animation: noBorder 300ms forwards;
}
@keyframes border{
	from{}
	to{width:100%}
}
@-moz-keyframes border{
	from{}
	to{width:100%}
}
@-ms-keyframes border{
	from{}
	to{width:100%}
}
@-webkit-keyframes border{
	from{}
	to{width:100%}
}
@keyframes noBorder{
	from{width:100%}
	to{width:0%}
}
@-moz-keyframes noBorder{
	from{width:100%}
	to{width:0%}
}
@-ms-keyframes noBorder{
	from{width:100%}
	to{width:0%}
}
@-webkit-keyframes noBorder{
	from{width:100%}
	to{width:0%}
} */




}
@media screen and (max-width:767px){


header{
	width:100%;
	height:auto;
	margin:0 auto;
background-color:#e6e4e2;
/*
background-image:url('../img/test/testback1.png');
background-size:120% 250%;
	*/
}
#header_top{
	width:100%;
	height:32px;
	margin:0 auto; 
	background-color:#fff;
	border-bottom: 2px solid #ded9d9;
}
#header_top_cont{
	width:100%;
	height:100%;
	margin:0 auto;
	color:#333;
}
#calendar{
	width:100%;
	height:25px;
	
	float:left;
	font-size: 13px;
}
#calendar ul{
	margin:0;
	padding:0;
width:100%;
	height:25px;
	padding-top:9px;
	
}
#calendar ul a{
	padding:0;
	//border-right:1px solid  #717171;
	height:18px;
	width:auto;float:left;
	color:#717171;
	text-decoration:none;
}
#calendar ul li{
	padding-top:0;
	height:18px;
	width:100%;
	
	
	list-style-type:none;
	padding-left:8px;
	padding-right:8px;
}
#calendar>ul>a:last-child{
	border-left:none;
}
#header_middle{
	width:100%;
	margin:0 auto;
	height:160px;
	padding-top:40px;
	position:relative;
}
#logo{
	float:left;
	width:auto;
	margin-top:15px;
}
#select_form{
	    float: left;
	    width: 397px;
	    margin-top: 87px;
	  
	    position: absolute;
	    right: 20px;
}
#select{
	border: 1px solid #E7E6E2;
	    height: 35px;
	    width: 300px;
	    background-color: #f9f9f5;
	    margin-top: -1px;
	    padding-left: 15px;
	    margin-left: 35px;
		outline: none;
}
#sure{
	background-color: #d21c32;
	height:35px;
	width:68px;
   margin-left:-10px;
	color:#f3f3f3;
	padding:0;
	border:1px solid  #E7E6E2;
	border-bottom:2px solid #d21c32;
	
}
nav{
	width:100%;
	margin:0 auto;
	height:84px;
background-color:#d21c32;
	
	
}
nav>ul>li>div{
	display: none;
}
nav>ul{
	width: 100%;
	height:100%;
	margin:0 auto;
	padding:0;
}
nav>ul>li{
	list-style-type: none;
	float:left;
	height:42px;
	width:33.333333%;	
    display:inline;
	/*border-right:1px solid #f0f0f0;*/
     position:relative;
	 background-color:#d21c32;
    // background-color: red;
	position: relative;
	z-index: 995;
     
}
nav>ul>li:first-child{
	/*border-left:1px solid #f0f0f0;*/
}
nav>ul>li>a{
	text-decoration: none;
	width:100%;
	height:100%;
	display:block;
	height:30px;
	padding-top:10px;
	text-align: center;
	font-size: 1.33em;
   color: #fff;
    font-family:"微软雅黑";
    font-weight: bold;
    //background-color: red;
   // border:1px solid yellow;
    position: absolute;
	top:0;
	z-index: 999;
}
.navicon{
    position: relative;
    top: 3px;
margin-right:4px;
}
nav>ul>li:hover{
	background-color:#d67883;
	color:#fff;
}

.sc_nav{
	position: absolute;
	top:42px;
	
}
.sc_nav ul{
	width: 100%;
	height:100%;
	margin:0;
	padding:0;
	
}
.sc_nav ul li{
	list-style-type: none;
	float:left;
	height:42px;
	width:198.833333px;	
	
	display:inline;

	 position:relative;
	 background-color:#d21c32;

	position: relative;
}
.sc_nav>ul>li:hover{
	background-color:#d67883;
	color:#fff;
}
.sc_nav>ul>li:hover >a{
	color:#fff;
}
.sc_nav>ul>li>a{

		text-decoration: none;
		width:100%;
		height:100%;
		display:block;
		height:30px;
		padding-top:10px;
		text-align: center;
		font-size: 1.33em;
	   color: #fff;
	    font-family:"微软雅黑";
	    font-weight: bold;
	    //background-color: red;
	   // border:1px solid yellow;
	    position: absolute;
		top:0;
		z-index: 999;
	}

/*
.an_border{
	border-bottom:3px solid #d7161f;
	height:42px;
	width:0%;
	margin:0 auto;
	position: relative;
	z-index: 998;
	
}
 .on{
	animation: border 500ms forwards;
	-moz-animation: border 500ms forwards;
	-webkit-animation: border 500ms forwards;
	-ms-animation: border 500ms forwards;
}
.off{
	animation: noBorder 300ms forwards;
	-moz-animation: noBorder 300ms forwards;
	-webkit-animation: noBorder 300ms forwards;
	-ms-animation: noBorder 300ms forwards;
}
@keyframes border{
	from{}
	to{width:100%}
}
@-moz-keyframes border{
	from{}
	to{width:100%}
}
@-ms-keyframes border{
	from{}
	to{width:100%}
}
@-webkit-keyframes border{
	from{}
	to{width:100%}
}
@keyframes noBorder{
	from{width:100%}
	to{width:0%}
}
@-moz-keyframes noBorder{
	from{width:100%}
	to{width:0%}
}
@-ms-keyframes noBorder{
	from{width:100%}
	to{width:0%}
}
@-webkit-keyframes noBorder{
	from{width:100%}
	to{width:0%}
} */


}