@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0;/*overflow-x:hidden;*/min-width:320px; font-family:MicrosoftYaHei; /*background:#f7f7f7;*/}
html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
}
a:hover {text-decoration: none;}
img{
	max-width: 100%;
	max-height: 100%;margin: 0;}	
.inner-wrap {
	width: 100%;
	max-width: 1480px;
	min-width: 320px;
	margin: 0 auto;
	/*padding: 20px 20px;*/
}

a{
text-decoration:none;
color: #333333;
}
ul,ol,li,dl,a{
  list-style: none;
}
.sbdiv {max-width:1100px;background:#efefee; position:relative; margin:0px auto; height:250px; padding-bottom:11%;   
    }
@media (max-width:1280px) {
.inner-wrap {
		max-width: 1280px; font-size:10px;
}
.sbdiv { 
 padding-bottom: 35%; height:50px; 
}		
}
@media (max-width:320px) {
.sbdiv { 
 padding-bottom: 25%; height:50px; border:1px solid #FCF;
}	

}
.clearfix:after { content: "." ; display: block ;height: 0 ;clear: both ;visibility: hidden ;}
/* ========== */
/* = articlelist.HTML = */
/* ========== */
.articlelist{ /*padding:60px 0 115px;*/ max-width:1280px;margin:0px auto;}
.overf { 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.articlelist ul{ margin-bottom: 2px;margin:0px auto;}
.articlelist li{ margin-top:30px;  float:left;/**/ max-width:350px;display:inline; }
.articlelist li:nth-of-type(odd){}
.articlelist li:nth-child(3n+1){margin-right:30px;margin-left:38px; }
.articlelist li:nth-child(3n+3){margin-right:30px;margin-left:35px;}
/*li:nth-of-type(even){margin-right:0px;}*/
.articlelist li .item{ display: block; border:1px solid #eeeeee; border-radius:15px; padding: /**/35px 0px 35px 0px;}
.articlelist li .img{ width: 100%; border-radius:10px; overflow: hidden;}
.articlelist li .text{ width:90%; margin:0px auto;}
.articlelist li .text .des{ margin-top: 20px;  line-height: 24px; color: #7f7e7e; height: 50px; overflow: hidden; width:100%;overflow: hidden;}
.articlelist li .text .tit{width:100%; margin:0px auto; height: 64px; line-height: 64px; font-size:18px; color: #333333; padding-right: px; /*position: relative; */ border-bottom:1px dashed #F96;}
.articlelist li .text .tit span{ display: block; color: #333333; }
.articlelist li .text .tit div{ /*position:absolute;*/ top:0; right:0; line-height: 64px; display:block; color: #ff7f5b; font-size: 12px;}


.articlelist li .button-bubble{ margin-top:40px;margin-bottom:40px; margin:0px auto;}

.articlelist li .item:hover { border:1px solid #FFFFFF; -o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.articlelist li .item:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.articlelist li .tit:hover { border-bottom:1px dashed #a3d7af; }

@media (max-width: 1480px){
	.articlelist li .button-bubble{ margin-top:30px;}
}

/*pages*/
.pagination-wrapper{
 margin: 20px auto;
}
.pagination{
 height: 34px;
 text-align: center;
}
.pagination li {
 display: inline-block;
 height: 34px; line-height:34px;
 margin-right: 5px;
}
.pagination li a{

 display: block;
 height: 32px;
 line-height: 32px;
 padding: 0 12px;
 font-size: 16px;
 border: 1px solid #dddddd;
 color: #555555;
 text-decoration: none;
}
.pagination li a:hover{
 background:#f5f5f5;
 color:#c39417; height: 34px;line-height:34px;
}
.pagination li.thisclass {
 background: #c39417; padding: 0 12px;
 color: #fff; 
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
 background: transparent;
 border-color: #09f;
 color: #fff;
 cursor: default;
}