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

*{
	font-family: "microsoft yahei",微软雅黑;
	margin: 0 auto;
	padding: 0;
}
a{text-decoration: none;color: #000;cursor: pointer;}
body{
	font-size: 16px;
	width: 100%;
	height: auto;
	background: url(../images/nav_bg.jpg);
}
li{list-style: none}
/*icon图标字体*/
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot'); /* IE9*/
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*网站快捷元素*/
.clearfix:after{content: '';clear: both;}
.fl{float: left}
.fr{float: right}


.nav{width: 100%;height:auto;background: rgba(71,71,71,.5);z-index: 2}
.nav img{display: block;}
.banner{width: 100%;height: auto;}
.banner .connect{width: 80%;height: auto;border: 1px solid #cdcdcd;background: #fff;position: relative}
.banner .connect .title{width: 100%;height: auto;margin-top: 2%;}
.banner .connect .title p{
	text-align: center;
    font-weight: 500;
    font-size: 2rem;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.banner .connect .title i{
	color: #6d6969;
	font-size: 1.5rem;
}
.banner .connect .title span{
	color: #6d6969;
	font-size: 1.3rem;
}
.banner .connect .title p:last-child{
		padding-bottom: 1%;
	border-bottom: 1px solid #1d82e9;
}
.newstype{
	width: 96%;
	height: auto;
	overflow: hidden;
    word-wrap: break-word;
    word-break: normal;
	padding: 2% 2% 5% 2%;
	font-size: 1.4rem;
}
.more{
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 100%;
	height: auto;
}
.more ul li{
	list-style: none;
	float: left;
	width: 50%;
	background: #fbfafa;
    padding: 1% 0% 1% 0%;
}
.more ul li:hover{
	background: #1d82e9;
}
.more ul li:hover a{
	color: #fff;
}
.more ul li a{
	text-align: center;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	display: block;
	font-weight: bold;
}

@media only screen and (max-width: 1024px) {
	*{font-size: 16px;}

	
}
@media only screen and (max-width: 768px) {
	*{font-size: 10px;}
	.banner .connect{width: 98%}
	.banner .connect .title p{font-size: 3rem}
	.banner .connect .title span{font-size: 1.5rem}
	.newstype{padding: 2% 2% 10% 2%;}
	.newstype{font-size: 2rem}
	.more ul li a{font-size: 1.4rem}

}
@media only screen and (max-width: 361px){
	*{font-size: 8px;}
	.banner .connect{width: 98%}
	.banner .connect .title p{font-size: 3rem}
	.banner .connect .title span{font-size: 1.5rem}
	.newstype{padding: 2% 2% 10% 2%;}
	.newstype{font-size: 2rem}
	.more ul li a{font-size: 1.4rem}
}


@media only screen and (max-width: 321px){
	.banner .connect{width: 98%}
	.banner .connect .title p{font-size: 3rem}
	.banner .connect .title span{font-size: 1.5rem}
	.newstype{padding: 2% 2% 10% 2%;}
	.newstype{font-size: 2rem}
	.more ul li a{font-size: 1.4rem}
}