@charset "utf-8";

/******************************投资者关系  CSS***********************************/


.focusBox{overflow: hidden;}

.honors_cases{width: 100%;max-width: 1000px;margin: 0 auto;}

.honors_box{margin-top: 30px;}
.honors_top{height: 50px;text-align: center;padding-right: 66px;}
.honors_top a{color: #493627;font-size: 26px;text-decoration: none;padding: 0 0 10px 65px;
background: url(csnsh_indexSectionPic2017-26.png) no-repeat left top;background-size: 45px 35px;}
.honors_top span{color: #493627;font-size: 26px;text-decoration: none;padding: 20px 0 10px 80px;
background: url(wydk_yanzi_20171101.jpg) no-repeat left top;background-size: 70px 57px;}
.honors_top span{color: #493627;font-size: 26px;text-decoration: none;padding: 0 0 10px 65px;
background: url(csnsh_indexSectionPic2017-26.png) no-repeat left top;background-size: 45px 35px;}

.bkcn{margin-left: -2rem;}
.bkcn img{width: 100%;}
.b31m{width: 28%;float: left;margin-left: 2%;height: 220px;}
.b32m{width: 66%;float: left;padding: 0 2%;background: #fff;height: 220px;}
.b31{ width: 31%; float: left; margin-left: 2.3%;}
.b22{ width: 48%; float: left; margin-left: 2%;}

.xycn{ margin-top: 1.5rem;}
.xycn img{ max-height: 221px;}
.xycn h2{ font-size:2rem; font-weight: normal; margin-top: 2rem;}
.xycn p{ margin-top: 1.5rem; font-size:1.6rem; line-height: 2.4rem;overflow: hidden; text-overflow: ellipsis; 
display: -webkit-box; max-height: 14.4rem; -webkit-line-clamp: 6; -webkit-box-orient: vertical; color: #5c5c5c; height:140px;}
.xycn p font{ color: #E0E101;}
.xycn p font a{ color: #E0E101;}

.jrsc{}
.jrsc img{ max-height: 204px;}
.jrlg{ position: relative;}
.jrlg span{ position: absolute; display: block; width: 48%; height: 4.8rem; line-height: 4.8rem; font-size:2rem; color: #fff; text-align: center; left: 0; top: 0; background:rgba(0,0,0,.6);}

.jrlist{padding:2%;padding-left:25px; min-height:72px; width:92%;font-size:1.6rem;}
.jrlist li{ width: 33.3%; float: left; line-height: 3rem;}
.jrlist li.long{ width: 45%;}
.jrlist2 li{ width: 28%;}
.jrlist2 li.long{ width: 35%;}

.mt15{ margin-top: 1.5rem;}
.mt25{ margin-top: 2.5rem;}
.mt35{ margin-top: 3.5rem;}

/*投资者关系*/


@media screen and (max-width: 768px){
    
    .person_main{padding-top: 0;}
    .focusBox{height: auto;}
    .honors_box{margin-top: 2rem;}    
	
	.xycn{ margin-top:.5rem;}	
	.mt25{ margin-top: 0;}
	.xycn h2{ font-size:1.6rem; font-weight: normal; margin-top: .5rem;text-align: center;}
	.xycn p{ margin-top: .5rem; font-size:1.4rem; line-height: 2.4rem;overflow: inherit; text-overflow: ellipsis;text-indent: 2em;
	display: inherit; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #5c5c5c;max-height: inherit;height: auto;}


	.bkcn{  margin-left: 0%; width: 98%; padding:1%;padding-top: 0;}

	.b31m{margin-left: 0%;width: 100%;float:inherit;text-align: center;height: auto;}
	.b32m{ margin-left: 0%; width:98%; float:inherit;margin-top: 10px;height: auto;}
	.b31{ width: 100%; float:inherit; margin-left: 0%;margin-top: 1.5rem;}
	.jrlist{min-height: inherit;}
	.b22{ width: 100%; float: inherit; margin-left: 0%;margin-top: 1.5rem;}
}
 
