@media screen and (min-width: 1024px) {
   .banner{
   	width: 1200px;
   	height: auto;
   	margin: 0 auto;
   	display: flex;
   	flex-direction: column;
   	justify-content: center;
   	align-items: center;
   }
   .banner img{
   	width: 100%;
   	height: auto;
   }
   .banner_tit{
	   position: absolute;
	   z-index: 11;
   }
   .banner h1{
   	color: #fff;
   	font-weight: bold;
   	font-size: 30px;
   }
   .banner span{
   	color: #fff;
   	font-size: 16px;
   }
   .main{
   	width: 1200px;
   	height: auto;
   	margin: 0 auto;
   }
   .map{
	   font-size: 16px;
	   padding: 10px 0px;
	   color: rgba(0, 0, 0, 0.7);
   }
   .map a{
	   color: rgba(0, 0, 0, 0.7);
   }
   .map a:hover{
   	   color: #1B468B;
   }
   .map i{
	   padding: 0px 5px;
	   font-style: normal;
   }
   .news_nav{
	   width: 1200px;
	   height: auto;
	   padding: 10px 0px 20px 0px;
	   margin: 0 auto;
   }
   .news_nav ul{
	   display: flex;
	   justify-content: center;
	   align-items: center;
	   flex-wrap: wrap;
   }
   
   .liint{
   	  padding: 6px 15px;
	  margin: 0px 10px;
	  font-size: 16px;
	  border: 1px solid #1B468B;
	  margin-bottom: 20px;
   }
   .liint a{
	  color: #1B468B; 
   }
   .licur{
	 padding: 6px 15px;
	 margin: 0px 10px;
	 background-color: #1B468B;
	 font-size: 16px;
	 border: 1px solid #1B468B;  
	 margin-bottom: 20px;
   }
   .licur a{
	  color: #fff; 
   }
   .news_nav ul li:hover{
   	  padding: 6px 15px;
   	  margin: 0px 10px;
	  background-color: #1B468B;
   	  font-size: 16px;
   	  border: 1px solid #1B468B;
   	   margin-bottom: 20px;
   }
   .news_nav ul li:hover a{
   	  color: #fff;
   }
   .news_list{
	   width: 1200px;
	   margin: 0 auto;
   }
   .news_list ul li{
	   display: block;
	   border: 1px solid #E5E5E5;
	   background-color: #fff;
	   margin-top: 20px;
	   padding: 20px 40px 20px 20px;
   }
   .news_list ul li:hover{
   	   display: block;
   	   border: 1px solid #1B468B;
   	   background-color: #fff;
   	   margin-top: 20px;
   	   padding: 20px 40px 20px 20px;
   }
   .news_list ul li:hover .list_tit h1{
   	   font-size: 18px;
   	   color: #1B468B;
   	   overflow: hidden;
   	   padding-bottom: 10px;
   	   white-space: nowrap;
   	   text-overflow: ellipsis;
   }
   .news_list ul li:hover .more{
	   margin-left: auto;
	   font-size: 16px;
	   color: #fff;
	   padding: 5px 12px;
	   background-color: #1B468B;
   }
   .news_list ul li a{
   	   display: flex;
   	   justify-content: flex-start;
	   align-items: flex-start;
   }
   .time{
	   width: 200px;
	   height: 150px;
	   background-color: #F4F4F4;
	   display: flex;
	   flex-direction: column;
	   justify-content: center;
	   align-items: center;
	   margin-right: 40px;
   }
   .time img{
	   width: 200px;
	   height: 150px;
   }
   .time span{
	   font-size: 24px;
	   color: rgba(0, 0, 0, 0.9);
   }
   .time i{
	   font-size: 14px;
	   color: rgba(0, 0, 0, 0.3);
	   font-style: normal;
   }
   .list_tit{
	   width: 700px;
   }
   .list_tit h1{
	   font-size: 18px;
	   color: rgba(0, 0, 0, 0.9);
	   overflow: hidden;
	   padding-bottom: 10px;
	   white-space: nowrap;
	   text-overflow: ellipsis;
   }
   .list_tit p{
	   font-size: 16px;
	   color: rgba(0, 0, 0, 0.5);
	   line-height: 24px;
	   overflow: hidden;
	       text-overflow: ellipsis;
	       display: -webkit-box;
	       -webkit-line-clamp: 2;
	       -webkit-box-orient: vertical;
   }
   .list_tit p span{
      line-height: 30px;
       color: rgba(0,0,0,0.3);
   }
   .more{
	   margin-left: auto;
	   align-self: center;
	   font-size: 16px;
	   color: rgba(0, 0, 0, 0.6);
	   padding: 5px 12px;
	   background-color: #F4F4F4;
   }
   .page{
	   width: 100%;
	   padding: 40px 0px 40px 0px;
   }
   .page ul{
	   display: flex;
	   justify-content: center;
	   align-items: center;
   }
   .page ul li{
	   margin: 0px 10px;
   }
   .page ul li a{
   	   padding: 8px 15px;
	   border: 1px solid #e6e6e6;
	   border-radius: 5px;
	   font-size: 16px;
	   color: rgba(0, 0, 0, 0.7);
   }
   .page ul li a:hover{
   	   padding: 8px 15px;
   	   border: 1px solid #1B468B;
   	   border-radius: 5px;
   	   font-size: 16px;
	   background-color: #1B468B;
   	   color: #fff;
   }
   .active span{
	   padding: 8px 15px;
	   border: 1px solid #1B468B;
	   border-radius: 5px;
	   font-size: 16px;
	   background-color: #1B468B;
	   color: #fff;
   }
   .disabled span{
	   padding: 8px 15px;
	   border: 1px solid #e6e6e6;
	   border-radius: 5px;
	   font-size: 16px;
	   color: rgba(0, 0, 0, 0.3);
   }
   
   .newscon{
	   width: 100%;
	   padding: 20px 0px;
	   background-color: #F4F4F4
   }
   
   .news_content{
	   width: 1120px;
	   margin: 0 auto;
	   padding: 40px;
	   background-color: #fff;
   }
   .news_content h1{
	   font-size: 34px;
	   font-weight: bold;
	   text-align: center;
	   line-height: 60px;
	   padding-bottom: 20px;
   }
   .news_content .tip{
	   text-align: center;
	   font-size: 16px;
	   color: rgba(0, 0, 0, 0.3);
   }
   .news_content .tip span{
	   margin: 0 20px;
   }
   #rich_con{
	   padding-top: 40px;
   }
   #rich_con p{
	   font-size: 16px;
	   line-height: 28px;
	   color: rgba(0, 0, 0, 0.7);
	   text-indent:2em;
   }
   
   .madeyibinlist{
   	   width: 1178px;
   	   margin: 0 auto;
   	   padding: 40px 0 40px 22px;
   	   background-color: #fff;
   }
   .madeyibinlist ul{
   	   
   }
   .madeyibinlist ul li{
   	   display: inline-block;
   	   padding: 0px 10px;
   	   width: 264px;
   	   height: 200px;
   	   margin-bottom: 20px;
   }
   .madeyibinlist ul li a img{
   	   width: 264px;
   	   height: 165px;
   }
   .madelist p{
   	   text-align: center;
   	   line-height: 40px;
   	   font-size: 16px;
   	   color: rgba(0, 0, 0, 0.7);
   	   white-space: nowrap;
   	   overflow: hidden;
   	   text-overflow: ellipsis;
   }
   .madeyibinlist ul li a:hover .madelist p{
   	   text-align: center;
   	   line-height: 40px;
   	   font-size: 16px;
   	   color: #1B468B;
   }
   
   .huiyuanlist{
   	   width: 1120px;
   	   margin: 0 auto;
   	   padding: 40px;
   	   background-color: #fff;
   }
   .huiyuanlist ul li{
   	   margin-bottom: 20px;
   	   padding: 20px;
   }
   .huiyuanlist ul li a{
   	   display: flex;
   	   justify-content: space-between;
   	   align-items: flex-start;
   }
   .huiyuanlist ul li a img{
   	   width: 200px;
   	   height: 125px;
   }
   .huiyuan_list{
   	   width: 840px;
   	   display: flex;
   	   flex-direction: column;
   	   justify-content: flex-start;
   	   align-items: flex-start;
   }
   .huiyuan_list h1{
   	   width: 100%;
   	   font-size: 18px;
   	   color: rgba(0, 0, 0, 0.9);
   	   font-weight: 400;
   	   text-align: left;
   	   padding-bottom: 20px;
   	   white-space: nowrap;
   	   overflow: hidden;
   	   text-overflow: ellipsis;
   }
   .huiyuan_list p{
   	   font-size: 16px;
   	   color: rgba(0, 0, 0, 0.3);
   	   text-align: left;
   	   line-height: 28px;
   	   overflow: hidden;
   	       text-overflow: ellipsis;
   	       display: -webkit-box;
   	       -webkit-line-clamp: 3;
   	       -webkit-box-orient: vertical;
   }
   .huiyuanlist ul li a:hover .huiyuan_list h1{
   	   width: 100%;
   	   font-size: 18px;
   	   color: #1B468B;
   	   font-weight: 400;
   	   text-align: left;
   	   padding-bottom: 20px;
   	   white-space: nowrap;
   	   overflow: hidden;
   	   text-overflow: ellipsis;
   }
   .huiyuanlist ul li a:hover .huiyuan_list p{
   	   font-size: 16px;
   	   color: rgba(0, 0, 0, 0.7);
   	   text-align: left;
   	   line-height: 28px;
   	   overflow: hidden;
   	       text-overflow: ellipsis;
   	       display: -webkit-box;
   	       -webkit-line-clamp: 3;
   	       -webkit-box-orient: vertical;
   }
   .phoneserch{
	   display: none;
   }
   .back{
	   display: none;
   }
}

@media screen and (max-width: 1024px) {
    .banner{
    	width: 100%;
    	height: 8rem;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
    }
	.banner img{
		width: 100%;
		height: 100%;
	}
	.banner_tit{
		   position: absolute;
		   z-index: 11;
	}
    .banner h1{
    	color: #fff;
    	font-weight: bold;
    	font-size: 1.2rem;
    }
    .banner span{
    	color: #fff;
    	font-size: 0.7rem;
    }
    .main{
    	width: 100%;
    	height: auto;
    	margin: 0 auto;
    }
	.map{
		   display: none;
	}
	.map a{
		   color: rgba(0, 0, 0, 0.7);
	}
	.map a:hover{
		   color: #1B468B;
	}
	.map i{
		   padding: 0px 5px;
		   font-style: normal;
	}
	.news_nav{
		   height: auto;
		   padding: 0px 0.5rem 1rem 0.5rem;
		   margin: 0 auto;
	}
	.news_nav ul{
		   display: flex;
		   justify-content: center;
		   align-items: center;
		   flex-wrap: wrap;
		   margin-top: 20px;
	}
	.liint{
		  padding: 0.2rem 0.5rem;
		  margin: 0.5rem 0.5rem 0 0.5rem;
		  font-size: 0.75rem;
		  border: 1px solid #1B468B;
	}
	.liint a{
		  color: #1B468B; 
	}
	.licur{
		 padding: 0.2rem 0.5rem;
		 margin: 0.5rem 0.5rem 0 0.5rem;
		 background-color: #1B468B;
		 font-size: 0.75rem;
		 border: 1px solid #1B468B;  
	}
	.licur a{
		  color: #fff; 
	}
	.news_list{
		   padding: 0 1rem;
		   margin: 0 auto;
	}
	.news_list ul li{
		   display: block;
		   border: 1px solid #1B468B;
		   background-color: #fff;
		   margin-top: 1rem;
		   padding: 0.5rem;
	}
	.news_list ul li a{
		   display: flex;
		   justify-content: flex-start;
		   align-items: center;
	}
	.time{
		   width: 38%;
		   height: 5rem;
		   background-color: #F4F4F4;
		   display: flex;
		   flex-direction: column;
		   justify-content: center;
		   align-items: center;
		   margin-right: 10px;
	}
	.time img{
		   width: 100%;
		   height: 100%;
	}
	.time span{
		   font-size: 1rem;
		   color: rgba(0, 0, 0, 0.9);
	}
	.time i{
		   font-size: 0.7rem;
		   color: rgba(0, 0, 0, 0.3);
		   font-style: normal;
	}
	.list_tit{
		   width: 60%;
	}
	.list_tit h1{
		   font-size: 0.8rem;
		   color: #1B468B;
		   overflow: hidden;
		   padding-bottom: 0.5rem;
		   white-space: nowrap;
		   text-overflow: ellipsis;
	}
	.list_tit p{
		   font-size: 0.7rem;
		   color: rgba(0, 0, 0, 0.5);
		   line-height: 1.2rem;
		   overflow: hidden;
		       text-overflow: ellipsis;
		       display: -webkit-box;
		       -webkit-line-clamp: 2;
		       -webkit-box-orient: vertical;
	}
	.list_tit p span{
	    color: rgba(0,0,0,0.3);
	}
	.more{
		display: none;
	}
	.page{
		   padding: 30px 1rem;
	}
	.page ul{
		   display: flex;
		   justify-content: center;
		   align-items: center;
	}
	.page ul li{
		   margin: 0 0.12rem;
	}
	.page ul li a{
		   padding: 0.2rem 0.5rem;
		   border: 1px solid #e6e6e6;
		   border-radius: 5px;
		   font-size: 0.7rem;
		   color: rgba(0, 0, 0, 0.7);
		   overflow: hidden;
		   white-space: nowrap;
		   text-overflow: ellipsis;
	}
	
	.active span{
		   padding: 0.2rem 0.5rem;
		   border: 1px solid #1B468B;
		   border-radius: 5px;
		   font-size: 0.7rem;
		   background-color: #1B468B;
		   color: #fff;
		   overflow: hidden;
		   white-space: nowrap;
		   text-overflow: ellipsis;
	}
	.disabled span{
		   padding: 0.2rem 0.5rem;
		   border: 1px solid #e6e6e6;
		   border-radius: 5px;
		   font-size: 0.7rem;
		   color: rgba(0, 0, 0, 0.3);
		   overflow: hidden;
		   white-space: nowrap;
		   text-overflow: ellipsis;
	} 
	
	.madeyibinlist{
		padding: 0 1rem;
		   margin: 0 auto;
		   background-color: #fff;
	}
	.madeyibinlist ul{
		   display: flex;
		   justify-content: space-between;
		   flex-wrap: wrap;
		   align-items: flex-start;
	}
	.madeyibinlist ul li{
		   display: block;
		   width: 8rem;
		   margin-bottom: 1rem;
	}
	.madeyibinlist ul li a img{
		   width: 8rem;
		   height: 5rem;
	}
	.madelist p{
		   text-align: center;
		   line-height: 1.4rem;
		   font-size: 0.75rem;
		   color: rgba(0, 0, 0, 0.7);
	}
	
	.huiyuanlist{
		padding: 0 1rem;
		   margin: 0 auto;
		   background-color: #fff;
	}
	.huiyuanlist ul li{
		   margin-bottom: 1rem;
	}
	.huiyuanlist ul li a{
		   display: flex;
		   justify-content: space-between;
		   align-items: flex-start;
	}
	.huiyuanlist ul li a img{
		   width: 6rem;
		   height: 4rem;
	}
	.huiyuan_list{
		   width: 10rem;
		   display: flex;
		   flex-direction: column;
		   justify-content: flex-start;
		   align-items: flex-start;
	}
	.huiyuan_list h1{
		   width: 100%;
		   font-size: 0.8rem;
		   color: rgba(0, 0, 0, 0.9);
		   font-weight: 400;
		   text-align: left;
		   padding-bottom: 0.8rem;
		   white-space: nowrap;
		   overflow: hidden;
		   text-overflow: ellipsis;
		  
	}
	.huiyuan_list p{
		   font-size: 0.75rem;
		   color: rgba(0, 0, 0, 0.3);
		   text-align: left;
		   line-height: 1.2rem;
		   overflow: hidden;
		       text-overflow: ellipsis;
		       display: -webkit-box;
		       -webkit-line-clamp: 2;
		       -webkit-box-orient: vertical;
	}
	.phoneserch{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1rem;
	}
	.search_input{
		width: 60%;
		height: 1.8rem;
		padding: 0 2% 0 10%;
		background:url(../img/search.png) no-repeat 0.2rem center #eee;
		border-radius: 0.2rem 0 0 0.2rem;
		line-height: 1.2rem;
		font-size: 0.75rem;
		outline: none;
		margin: 0;
	}
	.search_but{
		width: 20%;
		height: 1.8rem;
		background-color: #1B468B;
		color: #fff;
		font-size: 0.75rem;
		border: none;
		border-radius: 0 0.2rem 0.2rem 0;
		margin: 0;
		padding: 0;
	}
	.back{
		   position: fixed;
		   right: 1rem;
		   bottom: 1rem;
	}
	.back a{
		   display: block;
		   width: 1.5rem;
		   height: 1.5rem;
		   background-color: #fff;
		   box-shadow: 0 0 0.2rem #eee;
		   border: 1px solid #eee;
		   border-radius: 50%;
		   padding: 0.3rem;
	}
	.back a img{
		   width: 1.5rem;
		   height: 1.5rem;
	}
}