body{
	margin: 0; 
	padding:0;
	font-family: Microsoft YaHei,SimSun,Arial, Helvetica, sans-serif; 	 
} 

a:link {
	color: #000;
	text-decoration: none;
}
        a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.main{
	width: 100%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}

.list_button {
	margin-top: 1%;
}
.list_cont_abstract {
	text-indent: 2em;
	line-height: 2em;
}
@media only screen and (min-width:300px ){
body{
	background: white; 
}
.main{
	background: url(../img/bannert1.png) top center no-repeat;		 
	background-size: 100%;	
}
}
@media only screen and (min-width:800px ){
body{
	background: url(../img/bannert1.png) top center no-repeat;		 
	background-size: 100% 100%;	
	
} 
.main{
	background: none;	
}
}  

@media only screen and (min-width:1200px ){
body{
	background: url(../img/bannert1.png) top center no-repeat;		 
	background-size: 100%;	
	height:100%;
} 
.main{
	background: none;	
}
} 


.head{
	width: 90%;
	margin-left: 5%;
	color: white;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.head_left{
	width: 50%;
	margin-top: 0.5%;
	text-align: left;
}
.head_left img{
	width: 5%;
}
.head_right{
	text-align: right;
	width: 50%;
	margin-top: 0.5%;	
}
@media only screen and (min-width:300px ){
.head_left_ch{
	font-size: 3vw;
}
.head_left_eg{
	font-size: 2vw;
}
.head_right{

	font-size: 2vw;
}
.head_mb{
	display: block;
}	
.head_pc{
	display: none;
}	
}
@media only screen and (min-width:600px ){
.head_left_ch{
	font-size: 1vw;
}
.head_left_eg{
	font-size: 0.5vw;
}
.head_right{
	font-size: 0.5vw;
}
.head_mb{
	display: none;
}	
.head_pc{
	display: block;
}	
}

.title_name{
	width: 100%;
	color: white;
	text-align: center;
}
.title_cont{
	width: 50%;
	margin-left: 25%;
	color: white;
	text-align: center;
}
@media only screen and (min-width:300px ){
.title{
	width: 100%;
	margin-top: 5%;
}
.title_name{
	font-size: 7vw;
}
.title_cont{
	font-size: 2vw;
}	
}
@media only screen and (min-width:600px ){
.title{
	width: 100%;
	margin-top: 1%;
}
.title_name{
	font-size: 3vw;
}
.title_cont{
	font-size: 1vw;
}	
}

@media only screen and (min-width:300px ){
.left,.right{
	width: 100%;
}	
}
@media only screen and (min-width:600px ){
.left,.right{
	width: 49%;
}	
}


@media only screen and (min-width:300px ){
.icon{
	width: 90%;
	margin-left: 5%;
	margin-top: 10%;
	border-radius:3vw;
	background: #FFF;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;		
}
.icon_item{
	font-size:2vw ;
	margin-bottom: 0;
	width: 15%;
	margin-left: 8%;
	margin-top: 3%;
}
.icon_item_img,.icon_item_img img{
	width: 100%;
}
.icon_item_title{
	width: 100%;
	text-align: center;
}
}
@media only screen and (min-width:600px ){
.icon{
	width: 90%;
	margin-left: 5%;
	border-radius:1.5vw ;	
	background: rgba(255,255,255,0.5);
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.icon_item{
	font-size:1vw ;
	margin-bottom: 5%;
	margin-left: 8%;
	margin-top: 3%;
}
.icon_item_img,.icon_item_img img{
	width: 100%;
}
.icon_item_title{
	width: 100%;
	text-align: center;
}	
}



@media only screen and (min-width:300px ){
.info{
	width: 90%;
	margin-left: 5%;
	margin-top: 10%;
	background: #FFF;
	border-radius:3vw ;
}
.info_title{
	width: 100%;
	font-size: 3vw;
}
.info_main{
	margin-top: 3%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.info_main_item{
	width: 48%;
	height: 18vw;
	margin-right: 2%;
	border-radius:2vw;
}
.info_main_item_bg01{
	background-image: url(../img/info_bg1.jpg);
	background-size: 100%;	
}
.info_main_item_bg02{
	background-image: url(../img/info_bg2.jpg);
	background-size: 100%;	
}
.info_main_title{
	width: 100%;
	margin-top: 4vw;
	font-size: 3vw;
	color: white;
	background: rgba(0,0,0,0.3);
	text-align: center;
	height: 8vw;
	line-height: 8vw;
}
}
@media only screen and (min-width:600px ){
.info{
	width: 90%;
	margin-left: 5%;
	margin-top: 1%;
    background: none;
	border-radius:1.5vw ;
}
.info_title{
    display: none;
}
.info_main{
	margin-top: 3%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.info_main_item{
	width: 48%;
	height: 9vw;
	margin-right: 2%;
	border-radius:1vw;
}
.info_main_item_bg01{
	background-image: url(../img/info_bg1.jpg);
	background-size: 100%;	
}
.info_main_item_bg02{
	background-image: url(../img/info_bg2.jpg);
	background-size: 100%;	
}
.info_main_title{
	width: 100%;
        height: 4vw;
        font-size: 1.5vw;
        margin-top: 2.5vw;
        line-height: 4vw;
	color: white;
	background: rgba(0,0,0,0.3);
	text-align: center;
}
}


@media only screen and (min-width:300px ){
.news{
	margin-bottom: 10%;
	width: 90%;
	margin-left: 5%;
	margin-top: 10%;
	background: #FFF;
	border-radius:3vw ;display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
	
}
.news_title{
	margin-bottom: 2%;
	width: 50%;
	font-size: 3vw;
}
.news_item{
	margin-bottom: 5%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;		
}
.news_img{
	width: 15%;
	height: 10vw;
}
.news_img img{
    width: 10vw;
    height: 10vw;
	border-radius:50%;
}
.news_cont{
	width: 85%;
	height: 10vw;
}
.news_cont_title{
	font-size: 2.5vw;
}
.news_cont_abstract{
	font-size: 2vw;
	color: #969696;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.news_cont_date{
	text-align: right;
	font-size: 0.8vw;
	color: #969696;
}
}
@media only screen and (min-width:600px ){
.news{
	margin-bottom: 10%;
	width: 100%;
	height: 35vw;
	margin-left: 0%;
	background: rgba(255,255,255,0.5);
	border-radius:1.5vw ;
 
}
.news_title{
	margin-bottom: 2%;
	margin-left: 5%;
	width: 78%;
	font-size: 1vw;
}
.news_item{
	margin-bottom: 5%;
	margin-left: 5%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;		
}
.news_img{
	width: 15%;
	height: 5vw;
}
.news_img img{
    width: 5vw;
    height: 5vw;
	border-radius:50%;
}
.news_cont{
	width: 80%;
	height: 5vw;
}
.news_cont_title{
	font-size: 1.2vw;
}
.news_cont_abstract{
	font-size: 0.8vw;
	color: black;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.news_cont_date{
	text-align: right;
	font-size: 0.8vw;
	color: black;
}
}





@media only screen and (min-width:300px ){
.list{
	width: 90%;
	margin-left: 5%;
	margin-top: 2%;
	background: #FFF;
	border-radius:3vw ;
height:auto;
}
.list_title{
	margin-top: 1%;
	margin-left: 5%;
	width: 90%;
	font-size: 3vw;
}
.list_item{
	margin-top:5%;
	margin-left: 5%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;		
}
.list_img{
	width: 15%;
	height: 10vw;
        margin-top: inherit;
}
.list_img img{
    width: 10vw;
    height: 10vw;
	border-radius:50%;
}
.list_cont{
	width: 75%;
}
.list_cont_title{
	font-size: 2.5vw;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
}
.list_cont_abstract{
	font-size: 2vw;
	color: #969696;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.list_cont_date{
	text-align: right;
	font-size: 0.8vw;
	color: #969696;
}
.list_more{
	width: 100%;
	margin-top:5vw;
	text-align: center;
	font-weight: bold;
	font-size: 4vw;
}

}


/*调整800PX适配*/

@media only screen and (min-width:800px ){
.list{
	margin-left: 5%;
	
	width: 90%;
	height: 45vw;
	background: rgba(255,255,255,0.5);
	border-radius:1.5vw ;
}
.list_title{
	margin-left: 1%;
	width: 95%;
	font-size: 1vw;
}
.list_item{
	margin-bottom: 1.5%;
        margin-top:2%;
	margin-left: 1%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;		
}
.list_img{
	width: 8%;
	height: 5vw;
        margin-top: unset;
}
.list_img img{
    width: 5vw;
    height: 5vw;
	border-radius:50%;
}
.list_cont{
	width: 90%;
	height: 5vw;
}
.lists_cont_title{
	font-size: 0.5vw;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.list_cont_abstract{
	font-size: 0.3vw;
	color: black;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
	word-break:break-all;
	text-justify:distribute;
}
.list_cont_date{
	text-align: right;
	font-size: 0.8vw;
	color: black;
}
.list_more{
	width: 100%;
	margin-top:1vw;
	text-align: center;
	font-weight: bold;
	font-size: 1.5vw;
}
}


/*新增1200PX适配*/
@media only screen and (min-width:1200px ){
.list{
	margin-left: 5%;
	
	width: 90%;
	height: 45vw;
	background: rgba(255,255,255,0.5);
	border-radius:1.5vw ;
}
.list_title{
	margin-left: 1%;
	width: 95%;
	font-size: 1vw;
}
.list_item{
	margin-bottom: 1.5%;
	margin-left: 1%;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;		
}
.list_img{
	width: 8%;
	height: 5vw;
margin-top: auto;
}
.list_img img{
    width: 5vw;
    height: 5vw;
	border-radius:50%;
}
.list_cont{
	width: 90%;
	height: 5vw;
}
.lists_cont_title{
	font-size: 1.2vw;
}
.list_cont_abstract{
	font-size: 0.8vw;
	color: black;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.list_cont_date{
	text-align: right;
	font-size: 0.8vw;
	color: black;
}
.list_more{
	width: 100%;
	margin-top:1vw;
	text-align: center;
	font-weight: bold;
	font-size: 1.5vw;
}
}














@media only screen and (min-width:300px ){
.list_button{
	width: 90%;
	height: 4vw;
	background: rgba(255,255,255,0.5);
	border-radius:1.5vw;
	margin-left: 5%;
	padding-top: 8vw;
        padding-bottom: 2vw;
	font-size: 4vw;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.button{
	margin-top:1vw ;
	width: 30%;
	margin-left: 2%;
	text-align: center;
}
}
@media only screen and (min-width:600px ){
.list_button{
	width: 30%;
	height: 4vw;
	background: rgba(255,255,255,0.5);
	border-radius:1.5vw;
	margin-left: 35%;
	padding-top: 0vw;
        padding-bottom: 0vw;
	font-size: 1.5vw;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}
.button{
	margin-top:1vw ;
	width: 30%;
	margin-left: 2%;
	text-align: center;
}
}

@media only screen and (min-width:300px ){
.xqy_title{
font-size:5vw;
}
.xqy_date,.xqy_cont{
font-size:3vw;
}
.xqy_cont img{
width:80%;
margin-left: 10%;
}
}

@media only screen and (min-width:600px ){
.xqy_title{
font-size:3vw;
}
.xqy_date,.xqy_cont{
font-size:1vw;
}
.xqy_cont img{
width:50%;
margin-left: 25%;
}
}



.clearfix { zoom:1;}
.clear{ clear: both;}
ul{ list-style: none;}
img{width:100%;display:block;}
.p-r{position:relative;}
a{text-decoration:none;}
/*iphone上的Safari解析input[typw="submit"]和input[type="submit"]按钮会以苹果浏览器默认的UI进行渲染，解决发放如下*/
input,input[type="button"],input[type="submit"]，input[type="reset"]{-webkit-appearance:none;} 

@media only screen and (min-width:300px ){
/*header*/
.favor-header-bar{
	/*background-color: #fff;*/
	overflow: hidden;
/*	line-height: 2.5vw;*/
height: 10vw;
	/*border-bottom: 0.1vw solid #e1e1e1;*/
	/*margin-top: 2vw;*/
}

.favor-header-bar li{
	display: block;
	width:33%;
	text-align: center;
	float: left;
	margin-left:-1.5vw;
	height:3vw;
	line-height: 3vw;
	/*margin-top:1.35vw;*/
	/*border-right: 1px solid #e1e1e1;*/
	position: relative;
}
.favor-header-bar a{
	color:#333;
	display:block;
	padding-bottom: 0.8vw;
	width:100%;
	margin:0 auto;
	font-size: 3vw;

}
.favor-header-bar li:last-child{
	border-right:none;
}
.favor-header-bar li.default a{
	color:#f5646b;
	border-bottom: 0.2vw solid #f5646b;
}

/*favor-list*/
.favor-list.swiper-container{
	width:90%;
	margin-left: 5%;
/*	margin-top: 5vw;*/
}
}



@media only screen and (min-width:600px ){
/*header*/
.favor-header-bar{
	/*background-color: #fff;*/
	overflow: hidden;
/*	line-height: 2.5vw;*/
height: 3.6vw;
	/*border-bottom: 0.1vw solid #e1e1e1;*/
	/*margin-top: 2vw;*/
}

.favor-header-bar li{
	display: block;
	width:33%;
	text-align: center;
	float: left;
	margin-left:-1.5vw;
	height:3vw;
	line-height: 1.5vw;
	/*margin-top:1.35vw;*/
	/*border-right: 1px solid #e1e1e1;*/
	position: relative;
}
.favor-header-bar a{
	color:#333;
	display:block;
	padding-bottom: 0.8vw;
	width:100%;
	margin:0 auto;
	font-size: 1.5vw;

}
.favor-header-bar li:last-child{
	border-right:none;
}
.favor-header-bar li.default a{
	color:#f5646b;
	border-bottom: 0.2vw solid #f5646b;
}

/*favor-list*/
.favor-list.swiper-container{
	width:90%;
	margin-left: 5%;
/*	margin-top: 5vw;*/
}
}