*{
     margin: 0;
     padding: 0;
}
 *:focus{
     outline: none;
}
 a{
     text-decoration: none;
     font-size: initial;
	 color: #8c8c8c;
}
.from{
    position: relative;
    height: 100%;
}
 ul{
     list-style: none;
}
.search{
    position: absolute;
    right: -10%;
    top: 0;
    font-size: 12px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 50%;
}
.search p:hover{
    background: #e24045;
    cursor: pointer;
}
.line{
    border-right: 1px solid #ffffff;
    height: 20px;
}
.search p{
    width: 49%;
    height: 100%;
    background: #cecece;
    color: #ffffff;
    line-height: 1.1538461538461537rem;
    text-align: center;
    
}
/*头部*/
 .header_box{
     width: 100%;
     height: 4.230769230769231rem;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 99;
}
 .header{
     width: 61.92307692307692rem;
     height: 4.230769230769231rem;
     margin: 0 auto;
}
 .header_left{
     float: left;
     width: 17.846153846153847rem;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .header_left img{
     width: 100%;
     height: 1.6153846153846154rem;
}
 .header_center{
     float: left;
     height: 100%;
     width: 31.53846153846154rem;
     margin-left: 4.038461538461538rem;
}
 .header_center>ul{
     height: 1.9230769230769231rem;
     margin-top: 1.1538461538461537rem;
     display: flex;
     justify-content: space-around;
}
 .header_center>ul>li{
     height: 100%;
     width: 3.4615384615384617rem;
     line-height: 1.9230769230769231rem;
     font-size: 0.5384615384615384rem;
     transition: all 0.3s;
     border-radius: 0.19230769230769232rem;
     position: relative;
}
 .header_center>ul>li>a{
     display: inline-block;
     width: 100%;
     height: 100%;
     color: white;
     text-align: center;
     font-size: 0.5769230769230769rem;
}
 .header_center>ul>li:hover{
     background: white;
}
 .header_center>ul>li:nth-child(2):hover{
 	border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }
 
 .header_center>ul>li:nth-child(3):hover{
 	border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }
 
 .header_center>ul>li:nth-child(4):hover{
 	border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }
 
 .header_center>ul>li:nth-child(5):hover{
 	border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }

 .header_center>ul>li:hover .hide_ul{
     display: block;
}
 .header_center>ul>li:hover>a{
     color: black;
}
 .hide_ul{
     width: 4.615384615384615rem;
     position: absolute;
     top: 1.9230769230769231rem;
     left: 0;
     box-sizing: border-box;
     padding: 0.19230769230769232rem 0;
     z-index: 19;
     background: white;
     display: none;
     border-radius: 0.19230769230769232rem;
     border-top-left-radius: 0;
}
 .hide_ul li{
     color: white;
     height: 1.5384615384615385rem;
     line-height: 1.5384615384615385rem;
     box-sizing: border-box;
     padding: 0 0.46153846153846156rem 0 0.7692307692307693rem;
}
 .hide_ul li:hover a{
     color: black;
}
 .hide_ul li a{
     display: inline-block;
     width: 100%;
     height: 100%;
     font-size: 0.5769230769230769rem;
     color: #737070;
}
/*header_right*/
 .header_right{
     float: right;
     width: 7.3076923076923075rem;
     height: 1.1538461538461537rem;
     box-sizing: border-box;
     background: white;
     border-radius: 1.1538461538461537rem;
     margin: 1.5384615384615385rem 0;
     box-sizing: border-box;
     padding: 0 0.5384615384615384rem;
     overflow: hidden;
}
 .header_right .header_select_input{
     float: left;
     width: 5.1923076923076925rem;
     height: 1.1538461538461537rem;
     background: white;
     border: none;
}
 .header_select_input::-webkit-input-placeholder{
     color: #333333;
     font-size: 0.46153846153846156rem;
}
 .header_select_btn{
     float: right;
     width: 1.0384615384615385rem;
     height: 1.1538461538461537rem;
     display: flex;
     justify-content: center;
     align-items: center;
     background: url(../img/select_btn.png) center center no-repeat;
     border: none;
}
 .header_select_btn:hover{
     cursor: pointer;
}
/*尾部*/
 .footer_box{
     width: 100%;
     background: #313131;
}
 .footer{
     width: 56.53846153846154rem;
     box-sizing: border-box;
     padding: 0.5769230769230769rem 0;
     margin: 0 auto;
}
 .footer_top{
     width: 100%;
     box-sizing: border-box;
     padding: 0.5384615384615384rem 0;
     border-bottom: 0.038461538461538464rem solid #8c8c8c;
}
 .footer_top_top{
     width: 100%;
     height: 2rem;
     box-sizing: border-box;
     padding: 0.3076923076923077rem 0;
}
 .footer_top_top h1{
     width: 3.4615384615384617rem;
     height: 1.3076923076923077rem;
     line-height: 1.3076923076923077rem;
     font-size: 0.5384615384615384rem;
     font-weight: 500;
     text-align: center;
     background: black;
     color: white;
}
 .footer_bottom_bottom{
     width: 100%;
     height: 2rem;
     box-sizing: border-box;
     padding: 0.3076923076923077rem 0;
}
 .footer_bottom_bottom ul{
     width: 100%;
     height: 1.3076923076923077rem;
}
 .footer_bottom_bottom ul li{
     float: left;
     height: 1.3076923076923077rem;
     line-height: 1.3076923076923077rem;
     font-size: 0.5384615384615384rem;
     margin-right: 1.7307692307692308rem;
}
 .footer_bottom_bottom ul li a{
     color: #8c8c8c;
     font-size: 0.5384615384615384rem;
}
 .footer_bottom{
     width: 100%;
     box-sizing: border-box;
     padding: 0.5769230769230769rem 0;
     display: inline-block;
}
 .footer_bt_left{
     float: left;
     width: 21.807692307692307rem;
     display: inline-block;
}
 .footer_bt_left ul{
     width: 100%;
     height: 1.9230769230769231rem;
}
 .footer_bt_left ul li{
     float: left;
     margin-right: 1.1538461538461537rem;
     height: 1.9230769230769231rem;
     line-height: 1.9230769230769231rem;
     font-size: 0.5384615384615384rem;
}
 .footer_bt_left ul li a{
     color: white;
     font-size: 0.5384615384615384rem;
}

  .footer_bt_left p{
     height: 1.3846153846153846rem;
     line-height: 1.3846153846153846rem;
     font-size: 0.5384615384615384rem;
     color: #8c8c8c;
}

.footer_bt_left p:nth-child(3){
	box-sizing: border-box;
	 padding-left: 1.0769230769230769rem;
	 background: url(../img/footer_icon.png) left center no-repeat;
	 background-size: 0.8461538461538461rem 0.8461538461538461rem;
}

 .footer_bt_center{
     float: left;
     width: 28.076923076923077rem;
     box-sizing: border-box;
     padding: 0.38461538461538464rem 0 0 0;
}
 .footer_bt_center p{
     font-size: 0.5384615384615384rem;
     color: #8c8c8c;
     height: 1.3846153846153846rem;
     line-height: 1.3846153846153846rem;
}
 .footer_bt_right{
     float: right;
     margin-right: 2.769230769230769rem;
     width: 3.4615384615384617rem;
     box-sizing: border-box;
     padding-top: 0.8846153846153846rem;
}
 .footer_bt_right img{
     width: 3.4615384615384617rem;
     height: 3.4615384615384617rem;
}

/*fenye*/
.nowfente{
    border-radius: 100%;
    color: #ffffff !important;
    display: inline-block;
    background: #e24045;
}
 .fenye_box{
     width: 100%;
     height: 1.3461538461538463rem;
     box-sizing: border-box;
     padding: 0 1rem;
}
 .fenye{
     width: 32.69230769230769rem;
     float: left;
     height: 1.3461538461538463rem;
     line-height: 1.3461538461538463rem;
     font-size: 0.5384615384615384rem;
}
 .fenye strong{
     padding: 0 0.5769230769230769rem;
     color: #555555;
     font-size:0.6153846153846154rem;
     font-weight: 500;
}
 .fenye a{
     padding: 0 0.5769230769230769rem;
     color: #555555;
     font-size:0.6153846153846154rem 
}
.elementPage a:nth-child(1){
     display: inline-block;
     height: 1.3461538461538463rem;
     text-align: center;
     line-height: 1.3461538461538463rem;
     background: #e24045;
     border-radius: 1.3461538461538463rem;
     color: white;
}
 .elementPage a:nth-last-child(1){
     display: inline-block;
     height: 1.3461538461538463rem;
     text-align: center;
     line-height: 1.3461538461538463rem;
     background: #e24045;
     border-radius: 1.3461538461538463rem;
     color: white;
}
.elementPage{
    float: right;
}
 .jump_box{
     float: right;
     height: 1.3461538461538463rem;
     width: 6.538461538461538rem;
     font-size: 0.6153846153846154rem;
}
 .jump_box input{
     width: 2.8846153846153846rem;
     height: 1.3461538461538463rem;
     border-radius: 1.3461538461538463rem;
     text-align: center;
     color: #555555;
     border: 1px solid #e24045;
     font-size: 0.6153846153846154rem;
}
 .jump_box button{
     width: 2.8846153846153846rem;
     height: 1.3461538461538463rem;
     border-radius: 1.3461538461538463rem;
     text-align: center;
     color: white;
     border: none;
     background: #e24045;
     font-size:0.6153846153846154rem 
}
 .jump_box button:hover{
     cursor: pointer;
}

.xy_header{
	display: none;
}

@media (max-width: 980px){
	/*头部*/
	.header_box{
		position: fixed;
		left: 0;
		top: 0;
	}
	
	.header{
		display: none;
	}
	
	.xy_header{
     display: block;
     width: 100%;
     height: 100%;
  	 position: relative;
	}
	
	 .xy_header_logo{
	 	height: 100%;
	     float: left;
	     width: 18rem;
	     margin-left: 0.7692307692307693rem;
	     display: flex;
	     justify-content: center;
	     align-items: center;
	}
	 .xy_header_logo img{
	     width: 100%;
	     height: 2rem;
	}
	 .mianbao_box{
	     float: right;
	     height: 100%;
	     display: flex;
	     flex-direction: column;
	     justify-content: center;
	     margin-right: 0.7692307692307693rem;
	}
	 .mianbao_box img{
	     width: 1.4615384615384615rem;
	     height: 1.3076923076923077rem;
	}
	
	/*xy_nav*/
	.xy_nav{
		position: absolute;
		right: -7rem;
		top: 3.8461538461538463rem;
		z-index: 1009;
		color: white;
		background: rgba(0,0,0,0.4);
	}
	
	.xy_nav ul{
     width: 7rem;
	}
	
	 .xy_nav ul li{
	 	width: 100%;
	     height: 3rem;
	     line-height: 3rem;
	     text-align: center;
	     font-size: 0.6153846153846154rem;
	}
	
	.xy_nav ul a{
     	color: white;
     	font-size: 0.6923076923076923rem 
	}
 	
 	.xy_nav ul .xy_active{
 		background: white;
 	}
 	
 	.xy_nav ul .xy_active a{
 		color: black;
 	}
 	
 	/*floor*/
 	.floor_box{
 		display: none;
 	}
 	
 	/*foot*/
 	.footer{
 		width: 100%;
 	}
 	
 	.footer_top{
 		display: none;
 	}
 	
 	.footer_bt_left{
 		float: initial;
 		text-align: center;
 		width: 100%;
 	}
 	
 	.footer_bt_left ul{
 		display: none;
 	}
 	
 	.footer_bt_left p:nth-child(3){
 		background: none;
 	}
 	
 	.footer_bt_center{
 		float: initial;
 		width: 100%;
 	}
 	
 	.footer_bottom{
 		padding: 0;
 	}
 	
 	.footer_bt_center p{
 		text-align: center;
 	}
 	
 	.footer_bt_right{
 		float: initial;
 		width: 100%;
 		text-align: center;
 	}
 	
 	/*banner*/
	.banner_box{
		height: 16.153846153846153rem;
	}
	
	.banner ul li{
		width: 3.8rem;
	}
	
	.nav{
		width: 100%;
	}
	
	.nav p{
		padding-left: 1.5rem;
		background: url(../img/zuobiao_icon.png) 0.5rem center no-repeat;
	    background-size: 0.6153846153846154rem 0.7692307692307693rem;
	}
	
	.content{
		width: 100%;
	}
 	
 	/*fenye*/
 	.fenye>strong{
 		display: none;
 	}
 	
 	.fenye{
 		width: 100%;
 		text-align: center;
 		float: initial;
 	}
 	
 	.elementPage{
 		float: initial;
 		width: 100%;
 	}
}
 
 
.listpage { text-align: center; line-height:40px; height: 40px; font-size:14px; padding:20px 0px;}
.listpage a {padding:2px 8px; margin-left:5px; border:1px solid #e0e0e0;color:#707070;}
.listpage strong {border:#c60210 1px solid; padding:2px 8px; background-color: #c60210; color:#ffffff; margin-left:5px;}