/* innerban */
.innerban { width: 100%; height: 350px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.innerban .black_wamp { width: 100%; height: 100%; background: rgba(0,0,0,.15); }
 
.page_location { background-color: #e5e5e5; padding: 5px 0; }
.page_location p { font-size: 16px; line-height: 1;  font-size: 14px;  line-height: 30px; position: relative; z-index: 1; padding-left: 30px; }
.page_location p span { display: inline-block; margin: 0; padding: 0; line-height: 30px; }  
.page_location p a { display: inline-block; width: auto; height: auto; text-decoration: none; color: #333; }

a.home { 
	display: inline-block; 
	min-width: 25px ; 
	min-height: 25px; 
	background-image: url(../img/icon/icon-home.png); 
	background-repeat: no-repeat;
	background-position: center center;
	background-size:auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

.sub-title {
	background-color: #005096;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	padding: 20px;
}

.sub-title span { font-size: 16px; display: inline-block; padding-left: 15px; }

.biaoti { font-size: .3rem;
	 margin-bottom: 40px;
	  line-height: 1.5; 
	  padding-bottom: 20px;
	  border-bottom: 1px solid #ccc;
	  position: relative;
}
.biaoti big { margin-left: .15rem;color: #0087ff; line-height: 1; font-size: .18rem; display: none; }
.biaoti div{
	position: absolute;
	right: 0;
	bottom: .2rem;
	font-size: .16rem;
	color: #999999;
}

/* innerban-end */


/* 内页框架 */
.boxleft {	width: 300px; float: left; margin-right: 80px; }
.boxleft ul { list-style: none; padding: 0; }
.boxleft ul li { border-bottom: 1px #dcdcdc solid; }
.boxleft ul li a { display: block; text-decoration: none; padding: 20px; color: #535353; font-size: 18px; }
.boxleft ul li:hover a ,
.boxleft ul li.active a {font-weight: bold; color: #005096 !important; }
.boxleft ul li.active { border-color: #005096 !important;}


.boxright { width: calc(100% - 380px); float: left; }

.info { color: #666; line-height: 2; font-size: 16px; }
.info img,
.info video { display: block; margin: 5px auto; max-width: 100%; }

.info h3 {	font-size: .24rem;	margin-bottom: 15px;  line-height: 1.5; color: #005096;	font-weight: bold; }
.info hr {	outline: none;	margin: 28px 0;}

/* 内页框架-end */




/* leadership */
dl.leadership { width: 100%; height: auto; margin-bottom: 45px; }

dl.leadership dt {
	width: 2.4rem;
	height: 2.4rem;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

dl.leadership dd {
	display: block;
	width: calc(100% - 2.4rem);
	float: left;
	height: 2.4rem;
	border: 1px #ccc solid;
	border-left: none;
	padding: .44rem;
}

dl.leadership dd h2 { 
	font-size: .3rem;  color: #005096;	line-height: 1; padding-bottom: 10px;  border-bottom: 1px #ccc solid;	margin-bottom: 20px;
}

dl.leadership dd h2 big {	display: block; font-size: .24rem; margin-top: 8px; line-height: 1; color: #999; }

dl.leadership dd ul { list-style: none; padding: 0; }

dl.leadership dd ul li {
	float: left;
	width: 50%;
	padding-left: 26px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto;
	margin-bottom: 15px;
} 

/* leadership-end */





/* about_contact */

dl.about_contact { width: 100%; height: 3.8rem; }

dl.about_contact dt { width: 3.7rem ; height: auto; float: left; margin-right: .3rem; font-weight: normal; }

dl.about_contact dt h3 { color: #005096; line-height: 1; margin-bottom: 10px; }

dl.about_contact dt p { color: #535353; line-height: 1.35; font-size: .24rem ;}

dl.about_contact dt hr { margin: 16px 0 20px; }

dl.about_contact dd { display: block; float: left; width: calc(100% - 4rem);	height: 100%; }

dl.about_contact dd iframe { width: 100%; height: 100%; border: none; outline: none; }


/* about_contact-end */


/* teacher_list */
.teacher_list { width: 100%; height: auto;margin-bottom: .5rem; }
.teacher_list ul { list-style: none; }
.teacher_list ul li {
	width: calc((100% - 20px) / 2);
	height: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #fafafa;
	padding: 20px;
}
.teacher_list ul li a{
	width: 100%;
	height: 100%;
	display: block;
	min-height: 1.85rem;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
.teacher_list ul li:nth-child(2n) { margin-right: 0; }

.t-img { 
	width: 1.5rem;
	height: 1.85rem;
	margin-right: 0.2rem;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.t-img img { 
	width: 100%; height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}

.teacher_list .t-cards {
	width: calc(100% - 1.7rem);
	float: left;
	overflow: hidden;
	/* white-space: nowrap;
	text-overflow:ellipsis; */
}

.teacher_list .t-cards p{
	width: 100%;
	font-size: .15rem;
	overflow: hidden;
	word-break: break-all;
	/* white-space: nowrap;
	text-overflow:ellipsis; */
	margin-top: 3px;
	color: #333;
}

.t-name {
	font-size: .22rem;
	line-height: 1.5;
	color: #005096;
	font-weight: bold; 
	position: relative;
}

.teacher_list .t-zhiwei {
	margin-bottom: 0.15rem;
	color: #999;
	font-size: .15rem;
	display: block;
}



/* .teacher_list .desc h3::after{
	content: "";
	width: .3rem;
	height: .25rem;
	background: url(../img/icon/icon-jt2.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
} */


.teacher_list ul li:hover img ,
.t-img:hover img {
	transform: translate(-50%,-50%) scale(1.1);
	transition: all .35s;
}

.teacher_list ul li:hover .desc h3::after{
	opacity: 1;
}

/* teacher_list-end */




/* events-list */
.events-list { width: 100%; }
.events-list ul { list-style: none; padding: 0; position: relative; z-index: 1; }
.events-list ul::before {
	content: "";
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	background-color: #005097;
	/* background: -webkit-linear-gradient(top, #005097 50%, #fff 30% );
	background: -moz-linear-gradient(top, #005097 50%, #fff 30% );
	background: -ms-linear-gradient(top, #005097 50%, #fff 30% );
	background: linear-gradient(top, #005097 50%, #fff 30% ); */
}

.events-list ul li { width: 100%; min-height: 135px; position: relative; 	}

.events-list ul li:nth-child(1) { text-align: center; }

.events-list ul li::before {
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color:#005097 ;
	border: 7px #fff solid;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	box-shadow: 0 0 50px #ffffff;
	/* box-shadow: 0 0 3px #005097; */
}

.events-list ul li::after {
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50%;	
	border: 1px #005097 solid;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
}

.events-list ul li .years {
	color: #005097 ; 
	
	text-align: right;
	font-size: .3rem ;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(calc(-50% - 55px), -50%);
	font-weight: bold;
	line-height: 1;
}

.events-list ul li:nth-child(2n-1) .years  { min-width: 120px; text-align: left; transform: translate(calc(-50% + 90px), -50%);}

.events-list ul li .years span {color: #666666;	font-size: .18rem;}

.events-list ul li dl {
	background-color: #f7f7f7;
	padding: .25rem;
	width: 352px;
	position: relative;
	z-index: 1;
}

.events-list ul li dl::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 15px transparent solid;
	border-left: 25px #f7f7f7 solid;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

.events-list ul li:nth-child(2n-1) { padding-left: calc(100% - 352px); }

.events-list ul li:nth-child(2n-1) dl::after {
	border: 15px transparent solid;	
	border-right: 25px #f7f7f7 solid;
	position: absolute;
	left: -38px;
}


.events-list ul li dl dt { 
	font-size: .24rem; color: #0087ff; 
	line-height: 1;
	text-align: left;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px #dadada solid;
}

.events-list ul li dl dd { display: block;	width: 100%; }
.events-list ul li dl dd h4 {
	font-size: .18rem;
	color: #333;
	text-align: left;
	font-weight: bold;
	line-height: 1.35;
	margin-bottom: 10px;
}

.events-list ul li dl dd p {
	color: #666666;
	font-size: .18rem;
}

/* events-list-end */




/* about-event */
.Events{
	position: relative;
}
.Events::after{
	content: "";
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: #ccc;
	left: 1.35rem;
	top: 0;
	z-index: -1;
}
.event_item{
	display: flex;
	align-items: center;
	color: #666;
	margin-bottom: .5rem;
	font-weight: bold;
	font-size: .18rem;
	position: relative;
}

.event_item::after{
	content: "";
	position: absolute;
	width: .18rem;
	height: .18rem;
	border: 1px solid #ccc;
	background-color: white;
	top: 50%;
	left: 1.35rem;
	transform: translate(calc(-50% + 1px),-50%) rotate(45deg);
	transition: all .35s;
}
.Events :first-child::after{
	width: .3rem;
	height: .3rem;
}
.event_item span{
	font-size: .2rem;
}
.event_time{

	flex-basis: 1.35rem;
	margin-right: .4rem;
}
.event_desc{
	flex: 1;
	display: flex;
	align-items: center;
}
.event_desc .imgWrap{
	flex-basis: 1.5rem;
	height: 1rem;
	position: relative;
	overflow: hidden;
	margin-right: .3rem;
}
.event_desc .imgWrap img{
	height: 100%;
	width: 100%;
	position: absolute;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all .35s;
}
.event_desc h4{
	margin-bottom: 5px;
	font-size: .22rem;
	font-weight: bold;
}
.event_desc p{
	line-height: 1.3;
	font-size: .16rem;
	color: #999;
}
.event_item:hover .event_desc h4{
	color: #005096;
}
.event_item:hover img{
	transform: translate(-50%,-50%) scale(1.1);
	transition: all .35s;
}
.event_item:hover::after{
	background-color:#005096;
	transition: all .35s;
} 

/* about-events end */

/* page */
.page li{
	width: .35rem;
	height: .35rem;
	text-align: center;
	line-height: .35rem;
	color: #333;
	font-size: .18rem;
	float: left;
	list-style: none;
	margin-right: .15rem;
	cursor: pointer;
	transition: all .35s;
}

.page li a { background-color: transparent; color: #333; text-decoration: none; }


.page li:last-child { margin-right: 0; }


.page li.prev,.page li.next{
	background: url(../img/icon/arrow-left-bold.png) no-repeat center center;
	background-size: 60%;
}
.page li.next{
	background-image: url(../img/icon/arrow-right-bold.png);
}
.page li.prev:hover{
	background-image: url(../img/icon/arrow-left-bold\ \(1\).png);
}
.page li.next:hover{
	background-image: url(../img/icon/arrow-right-bold\ \(1\).png);
}

.page li.active,
.page li.active a,
.page li:hover{
	background-color: #005096;
	color: white;
	transition: all .35s;
}
/* page end */


/* teacher_details*/
.card{
	display: flex;
	margin-bottom: .45rem;
}
.card .imgWrap{
	
	flex-basis: 3.2rem;
	height: 3.2rem;
	position: relative;
	overflow: hidden;
}
.card .imgWrap img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.card .msg{
	flex: 1;
	
	border:1px solid #ccc ;
	border-left: none;
	padding: .25rem .1rem .25rem .25rem;
}
.card .msg .msg_title{
	padding-bottom: .25rem;
	margin-bottom: .25rem;
	border-bottom: 1px solid #cccccc;
}
.card .msg h3{
	font-size: .3rem;
	color: #005096;
	margin-bottom: .1rem;
}
.card .msg .msg_title span{
	color: #999;
	font-size: .24rem;
}
.card .msgList{
	display: flex;
	flex-wrap: wrap;
}
.card .msgList li{
	flex-basis: 50%;
	margin-bottom: .15rem;
	list-style: none;
	font-size: .16rem;
	color: #666666;
	font-weight: bold;
	padding-left: .3rem;
	position: relative;
}
/* .card .msgList li::after{
	content: "";
	width: .17rem;
	height: .2rem;
	position: absolute;
	top: .03rem;
	left: 0;
	
	background: url(../img/icon/3669443_ic_book_icon.png) no-repeat center center;
	background-size: 100%;
}
.card .msgList li:nth-child(2)::after{
	background-image: url(../img/icon/phone.png);
}
.card .msgList li:nth-child(3)::after{
	background-image: url(../img/icon/cap.png);
}
.card .msgList li:nth-child(4)::after{
	background-image: url(../img/icon/email.png);
}
.card .msgList li:nth-child(5)::after{
	background-image: url(../img/icon/icons8-warranty-90.png);
}
.card .msgList li:nth-child(6)::after{
	background-image: url(../img/icon/icon-web.png);
} */
.card .msgList li:nth-child(2n-1){
	padding-right: .4rem;
}
.desc_item{
	margin-bottom: .5rem;
}
.desc_item p{
	font-size: .16rem;
	color: #666;
	line-height: 1.8;
}
.desc_item p:first-child{
	color: #005096;
	font-size: .2rem;
	margin-bottom: .15rem;
	font-weight: 600;
}
.desc_item .mab{

	margin-bottom: .35rem;
}

/* teacher_details end*/


/* direction */
.researchList li{
	list-style: none;
	/* padding: .45rem 0; */
	/* border-top: 1px solid #ccc; */
}
.list_row{
	display: flex;
	font-size: .18rem;
	margin-bottom: .15rem;
	font-weight: bold;
}
.row_title{
	flex-basis: 1.4rem;
	color: #333;
}
.row_content{
	flex: 1;
	color: #666;
}
.research_img{
	width: 100%;
	margin-top: .15rem;
}
/* direction end*/

/* research  */
.filter_year{ margin-bottom:.25rem; }
.filter_year ul { padding: 0;  }
.filter_year li {
	display: inline-block;
	width: 1.25rem;
	height: .45rem;
	line-height: .45rem;
	text-align: center;
	font-size: .18rem;
	border: 1px solid #ccc;
	list-style: none;
	margin-right: 10px;
	transition: all .35s;
}

.filter_year li a {	color: #666666;}  
.filter_year li:last-child{	margin-right: 0 }

.filter_year li:hover, 
.filter_year li.active {
    border-color: #005096;
    background-color: #005096;
    transition: all .35s;	
}

.filter_year li:hover a, 
.filter_year li.active a { color: #fff; }


.articleList { margin-bottom: 35px; }
.articleList ul { padding: 0; }
.articleList li { padding: .3rem 0;	border-bottom: 1px solid #ccc; }
.articleList li a {	color: #666; font-size: 18px; }
.articleList li .tittle { font-size: 20px; margin-bottom: 10px; }
.articleList li span.icon { margin-bottom: 0; margin-top: 8px; margin-right: 8px; }

.articleList li:hover a{ color: #005096; }
.articleList li:hover{	border-color: #005096; }


.publish_info {  display: none; }


/* research end */



/* news  */
.curbiaoti{	margin-bottom: 0;}
.tab{ margin-bottom: .45rem;	}
.tab span{
	display: inline-block;	
	padding:12px 0 ;
	font-size: .2rem;
	color: #666666;
	font-weight: bold;
	margin-right: .45rem;
	position: relative;
}
.tab span.active{ color: #0087ff; }
.tab span.active::after{
	content: "";
	width: 100%;
	height: 5px;
	background-color: #0087ff;
	position: absolute;
	top: 0;
	left: 0;
}

.tab_list{	margin-bottom: .5rem; }
.tab_list ul{ display: flex; flex-wrap: wrap; }

.tab_list ul li {
	flex-basis: calc(50% - 20px);
	margin-right: 40px;
	padding: .3rem .25rem;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	transition: all .35s;
}
.tab_list ul li:nth-child(2n){	margin-right: 0;}

.tab_list ul li a {
	display: block; width: 100%; height: 100%; position: relative;
	text-decoration: none;
}

.tab_list ul li p {	
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; 
	line-height: 1.5;
	font-size: .2rem;	
	margin-bottom: .15rem;	
	color: #333;
}

.tab_list ul li span {	color: #999;	font-size: .16rem;}
.tab_list ul li:hover{
	background-color: #005096;
	border-color: #005096;
	transition: all .35s;
}

.tab_list ul li:hover p,
.tab_list ul li:hover span{	color: #fff;}
/* news end */

/* job */
.job_list{	margin-bottom: .5rem;}

.job_list li{	
	height: 1.8rem;
	margin-bottom: .2rem;
	border: 1px solid transparent;
}

.job_list li a{	display: flex;	height: 100%;}

.job_list li .imgWrap{
	flex-basis: 3.05rem;
	position: relative;
	overflow: hidden;
	height: 100%;
	position: relative;
	box-shadow: 0 0 5px rgba(0,0,0,.05);
}

.job_list li .imgWrap::after{
	content: "";
	height: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #005096;
	transition: all .35s;
}
.job_list li .imgWrap img{
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: all .35s;
}
.job_list li .msg{
	flex: 1;
	height: 100%;
	border: 1px solid #ccc;
	padding: 0 .2rem;
	display: table;
	border-left: none;
}
.job_list li .msg div{
	display: table-cell;
	vertical-align: middle;
}
.job_list li .msg p{
	font-size: .2rem;
	color: #666;
	margin-bottom: .1rem;
}
.job_list li .msg span{
	font-size: .14rem;
	color: #999;
}
.job_list li:hover{
	border-color:#005096;
}
.job_list li:hover .msg{
	border-color: transparent;
}
.job_list li:hover p{
	color: #005096;
}
.job_list li:hover .imgWrap::after{
	height: 5px;
	transition: all .35s;
}
/* job end */

.recruimentWrap{
	text-align: center;
}
.recruimentWrap img{
	max-width: 100%;
}

/* news_detail */
.news_title{
	padding-bottom: .45rem;
	margin-bottom: .45rem;
	border-bottom: 1px solid #ccc;
}
.news_title h3{
	font-size: .3rem;	
    line-height: 1.35;
	color: #005096;
	margin-bottom: .07rem;
}
.news_title span{
	font-size: .18rem;
	color: #999999;
}
.news_describe{
	font-size: .18rem;
	color: #666;
}
.news_describe .mar{
	margin-bottom:.5rem ;
}
.desc_imgs{
	display: flex;
	justify-content: space-between;
	height: 3.8rem;
	margin-bottom: .5rem;
}
.desc_imgs div{
	overflow: hidden;
	height: 100%;
	position: relative;
}
.desc_imgs div:first-child{
	flex-basis: 47%;
}
.desc_imgs div:last-child{
	flex-basis: 50%;
}
.desc_imgs div img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	object-fit: cover;
	transform: translate(-50%,-50%);
}

.page_btn {
    width: 100%;
    text-align: right;
    margin: 50px 0;
}

.page_btn span {
	display: inline-block;
	width: .9rem;
	height: .38rem;
	color: #666666;
	font-size: .18rem;
	text-align: center;
	line-height: .38rem;
	border: 1px solid #ccc;
	margin-right: .15rem;
	transition: all .35s;
}


.page_btn span, .page_btn a {
    display: inline-block;
    width: 0.9rem;
    height: 0.38rem;
    color: #666666;
    font-size: .18rem;
    text-align: center;
    line-height: .38rem;
    border: 1px solid #ccc;
    margin-right: 0.15rem;
    transition: all .35s;
}

.page_btn span:hover, .page_btn a:hover {
    color: white;
    background-color: #005096;
    border-color: #005096;
    transition: all .35s;
}

/* news_detail end */



.news_withImg { width: 100%; margin: 50px 0; margin-bottom: 15px; }

.news_withImg ul { padding: 0; list-style: none; }

.news_withImg ul li { 
	width: calc(calc(100% - 20px) / 3); 
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}


.news_withImg ul li:nth-child(3n) { margin-right: 0; }

.img_16 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 0;
	padding-top: 56%;
	
	position: relative;
	z-index: 1;
	transition: all .35s;
}

.img_16 a {
	display: block;
	border-bottom: 5px transparent solid;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .35s;
}

.img_16 img {
	max-width: 100%;
	width:  100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}

.news-bt {  padding: 10px 0; }
.news-bt a {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: .18rem;
	line-height: 1.5;
	/* font-weight: bold; */
	min-height: .5rem;
	color: #666;
	transition: all .35s;
}

.news_withImg ul li span { display: block; font-size: .14rem; color: #999; }

.news_withImg ul li:hover .img_16 a { border-color: #005096;	transition: all .35s; }
.news_withImg ul li:hover .news-bt a { color: #005096;	transition: all .35s; }


.news-hot {	width: 300px;  float: left;	margin-left: 0.8rem; }

.news-hot h3 { 
	line-height:1; 
	font-weight: bold;	
	color: #005096; 
	font-size: .24rem; 
	margin-bottom: 25px;
	position: relative;
}

.news-hot ul li { margin-bottom: 25px; transition: all .35s;}

.news-hot ul li:hover a {  color: #005096; transition: all .35s; }


	
.lecture_list ul li { 
	width: calc(calc(100% - 20px) / 2); 
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 1px #dadada solid;
}
.lecture_list ul li:nth-child(2n) { margin-right: 0; }

.lecture_list ul li a {
	display: block;
	padding: 15px;
	width: 100%;
	height: auto;
	text-decoration: none;
	color: #333;
}

.lecture_list ul li a h3 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical ;
	font-size: .24rem;
	margin-bottom: .1rem;
	line-height: 1.58;
}

.lecture_list ul li a span {
	display: block;
	color: #999;
	font-size: .16rem;
	line-height: 1.58;
}


/* news_detail end */




/* source_downlaod */
.source_downlaod {}

i.btn_downlaod {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0px;
    bottom: -5px;
    background-color: #eee;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-image: url(../img/icon/icon-download.png);
	background-position: center 5px; 
	background-size: 24px;
}


/* source_downlaod-end */