﻿@charset "utf-8";
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
div {text-align:left}
a img {border:0}
body { color: #333; text-align: center; font: 12px "微软雅黑"; }
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover { color: #D40000; text-decoration: none}
.clear{height:0; overflow:hidden; clear:both}
.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
.cor_bs,.cor_bs:hover{color:#ffffff;}
.wraper{width:640px; height:100%; margin:0 auto;  position:relative;background:url(../images/bg.jpg) repeat;}

.scroll_pic_view{
	position:relative;
}
.scroll_pic_view>div{
	width:10000px;
	overflow:hidden;
}
.scroll_pic_view ul{
	width:100%;
	white-space: nowrap;
	overflow: hidden;
}
.scroll_pic_view ul li{
	float:left;
}
.scroll_pic_view ul li a{
	display: block;
}
.scroll_pic_view ul li img{
	width:100%;
	max-height:300px;
}

.scroll_pic_view ol{
	position: absolute;
	z-index: 1000;
	bottom:8px;
	width:100%;
	text-align: center;
	pointer-events:none;
}
.scroll_pic_view ol li{
	display: inline-block;
	width: 25px;
    height: 25px;
    margin-left:3px;
    -webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
    background: #272727;
	color:#fff;
	line-height:25px;
	margin-bottom:-5px;
}
.scroll_pic_view ol li span{
	-webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
	display: block;
}
.scroll_pic_view ol li.on span{
	-webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
}
.scroll_pic_view ol li.left span{
	-webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
}
.scroll_pic_view ol li.left{    
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
}
.scroll_pic_view ol li.on{
	color:#ffffff;
	line-height:25px;
	margin-left:1px;
	margin-right:-2px;
	border-bottom: 25px solid #48aff0;
    border-left: 8px solid transparent;
    border-right:8px solid transparent;
    height: 0;
    width: 60px;
	background:none;
	-webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
}


.list_article{
	padding:10px;
}
.list_article li{
	border-bottom:1px solid #ccc;
	padding:10px;
}
.list_article .article_summary{
	padding:0 10px;
}
.list_article .tbox{
	width:100%;
	display: block;
	-webkit-box-sizing:border-box;
}
.list_article .tbox h3{
	font-size:14px;
	line-height:25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	max-width: 200px;
	color:#272727;
}
.list_article .tbox p{
	color:#747474;
	overflow: hidden;
	height:36px; 
	line-height:18px;
}

.list_article .tbox>div{
	vertical-align: middle;
}

.list_article span{
	width:80px;
	height:65px;
	overflow: hidden;
	display: block;
}
.list_article span img{
	width:100%;
	min-height:100%;
}



.main{width:100%;clear:both;height:620px; padding-left:20px; background:url(../images/bg.jpg) repeat; text-align:center; margin:0;padding:0;}
.main ul{ float:left; margin-left:20px;}
.main ul li{width:290px; height:177px; float:left; margin-top:20px; background:#ffffff;border-radius:30px; margin-right:20px;line-height:30px;border-radius:15px;}
.main ul li img{width:290px; height:140px;float:left; text-align:center;}
.main1{width:20%; height:177px;float:left;margin:0 auto;}


