

/*头部*/
header a.logo{ position:absolute; left:35%; top:0; width: 30%; vertical-align:middle; z-index: 99;}
header a.logo img{ height: auto; width: 100%;}


/*banner*/
.scroll{ min-width:320px; max-width:640px; margin:auto; }
.scroll_box{ overflow:hidden; visibility:hidden; position:relative;}
.scroll_wrap{ overflow:hidden; position:relative; }
.scroll_wrap li { width:100%; display:block; float:left; position:relative; }
.scroll_wrap li a{ display:block; margin:0 auto; position:relative;}


/*icol1*/
.icol1 { display:block; max-width:640px; margin:0.5rem auto; }
.icol1 li { width:33.3%; display:block; float:left; }
.icol1 li a {  width:94%; display:block; margin:auto;  }
.icol1 li a img { width:100%; }


/*icol2*/
.icol2 {  margin:2rem auto 0 auto; max-width:640px; }
.icol2 .ic2ttl,.icol4 .ic4ttl { width:100%; background:url(../images/ic2tbg.png) center repeat-x; }
.icol2 .ic2ttl span,.icol4 .ic4ttl span { width:30%; text-align:center; display:block; margin:auto; padding:0.8rem 0rem; background:#84171b; font-size:1.6rem; color:#fff;  }
.icol2 ul { margin-top:1.5rem; }
.icol2 li { width:50%; display:block; float:left; margin-bottom:1.5rem; }
.icol2 li a { width:92%; display:inline-block; height:0; line-height:0; margin:0 4%; text-align:center;}
.icol2 li a img { max-width:100%; height:auto;}
.icol2 li span { width:92%; margin:0 4%; display:inline-block; text-align:center; line-height:2rem; font-size:1.4rem; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }


.ic3con{ padding: 2rem 1rem; font-size: 1.4rem; line-height: 150%; }
.ic3con .title{ text-align: center; font-size: 1.8rem; margin-bottom: 1rem; font-weight: bold;}
.ic3con img{ max-width: 100%;} 

.more{ text-align: center; margin: 0 auto 3rem 0;}
.more a{ display: inline-block; width: 90%;  padding:0.5em 0; background:#84171b; line-height:2rem;  color:#fff; border:#fff 1px solid; font-weight: bold; border-radius: 3px;}

/*新闻列表*/
.icol4{ max-width: 640px;}
#News{ padding:2rem 1rem;}
#News li{ border-top: #ccc 1px dotted;}
#News li a{ display: inline-block; width: 100%; height: 2.5em; line-height: 2.5em; font-size:1.2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#News li a span{ float: right; margin-left: 1rem; display: inline-block; font-size:1rem;}
#News dl{ text-align:left; overflow:hidden; width:100%; margin:0 0 0.8em 0; padding-bottom:0.8em; line-height:0;}
#News dl dt{width:35%; float:left;margin:0; border:#a4a4a4 1px solid; border-radius: 4px; overflow: hidden;}
#News dl dt a{ display:inline-block; width:100%; height:auto; overflow:hidden; min-height:6em;}
#News dl dt a img{ max-width:100%; }
#News dl dd{ width:60%; float:right; margin:0; padding:0;}
a.News_tit{ display:inline-block; width:100%;line-height:180%; max-height:1.8em; overflow:hidden;  margin:0 0 0.3em 0; font-size:1.2em;  border-bottom:#c8c8c8 1px dotted; vertical-align:bottom;}
.summary{ display:inline-block; width:100%; line-height:150%; max-height:4.7em; overflow:hidden; vertical-align:bottom; margin:0.5em 0 0.8em 0;}
.newsIco1,.newsIco2{ height:1.5em; width:1.5em; display:inline-block; overflow:hidden; background:url(../images/ico_news.png) center top no-repeat; background-size:100% auto; vertical-align:middle; margin:-2px 2px 0 0;}
.newsIco2{ background-position:center -1.5em; margin-left:1.5em;}
.newsIco2:first-child{ margin-left:0;}

