body{
	margin: 0;
	padding: 0;
}
.title,.icon,.subject,.branch,.book,.news_item{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;		
}
/*div{
	background: rgba(0,0,0,0.1);
}*/

.title{width: 100%;margin-top: 4vh;}
.title_img{width: 6%;height: 3vh;margin-left:4%;border-radius:50%;}
.title_name{width: 71%;margin-left: 1%;}
.title_more{width: 14%;}
.title_name{font-size: 4vw;text-align: left;}
.title_more{font-size: 3vw;color: ;text-align: right;color: #a3a3a3;}
.title_img img{width: 100%;}


.head{width: 100%;height: 30vh;}
.head{background: url(../img/head_bg.jpg);background-size:100% ;}

.main{width: 90%;margin-left: 5%;}

.icon{width: 100%;height: 26vh;margin-top: -12vh;}
.icon_item{width: 20%;height:11vh;margin-left: 4%;margin-top: 1vh;}
.icon_img{width: 80%;height: 8vh;margin-left:10%;border-radius:50%;}
.icon_title{width: 100%;height:2.5vh;margin-top: 0.5vh;}
.icon{border-radius:5vw ;background: rgba(54,108,183,0.1);}
.icon_title{font-size: 3vw;text-align: center;}
.icon_img img{width: 100%;}


.subject{width: 100%;height: 22vh;margin-top: 1vh;}
.subject_left{width: 54%;height: 21.5vh;margin-left: 4%;}
.subject_left_img{width: 100%;height: 21.5vh;}
.subject_right{width: 37%;height: 22vh;margin-left: 1%;}
.subject_right_img{width: 100%;height: 10.5vh;margin-bottom: 0.5vh;}
.subject_left_img img{width: 100%;height: 21.5vh;}
.subject_right_img img{width: 100%;height: 10.5vh;}

.branch{width: 100%;height: 14vh;margin-top: 1vh;}
.branch_box{width: 92%;margin-left: 4%;}
.branch_box { white-space:nowrap; overflow-x:auto; }					
.branch_box::-webkit-scrollbar { width:0; height:0; display: none; } 
.branch_box div {list-style:none; display:inline-block;}	
/*.branch_box div:last-child { margin:0; }*/
.branch_item{width: 350px;height: 14vh;margin-right: 2%;}
.branch_img{width: 100%;height: 14vh;}
.branch_title{width: 100%;height: 3vh;margin-left: -350px;}
.branch_img img{width: 100%;height: 14vh;}
.branch_title{
	font-size: 3vw;
	line-height: 2vh;
	text-align: center;
	z-index: 99;
	position:relative;
	background: rgba(0,0,0,0.4);
	color: white;
}

.book{width: 100%;height: 22vh;margin-top: 1vh;}
.book_item{width: 28%;height:22vh;margin-left: 4%;}
.book_img{width: 100%;height: 19vh;}
.book_title{width: 100%;height: 2vh;margin-top: 0.5vh;}
.book_title{text-align: center;font-size: 3vw;}
.book_img img{
	width: 96%;
	height: 18vh;
	margin-left: 2%;
	border: solid 1px rgba(0,0,0,0.2);
	box-shadow: 10px 10px 5px rgba(0,0,0,0.2);
}

.news{width: 100%;height: 56vh;margin-top: 1vh;}
.news_item{width: 92%;height: 8vh;margin-left: 4%;margin-bottom: 2vh;}
.news_img{width: 20%;height: 8vh;}
.news_info{width: 75%;height: 8vh;margin-left: 3%;}
.news_title{width: 100%;height: 4vh;}
.news_date{width: 100%;height: 2vh;margin-top: 2vh;}
.news_item{border-bottom: solid rgba(0,0,0,0.2) 0.1vh;}
.news_img img{width: 100%;height: 8vh;}
.news_title{
	text-align: left;
	font-size: 3vw;
	line-height: 2vh;
    overflow:hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.news_date{
	text-align: right;
	font-size: 2.5vw;
	line-height: 1.5vh;
	color: #a3a3a3;
}