@charset "utf-8";
/*带右栏二级页css*/
/*20180122 v1.0*/
body {
	font-family: Georgia;
}
a {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
a:hover {
	color: #ff9724!important;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
.contant {
	width: 1000px;
	margin: 0 auto; margin-top:30px;
}
.con_top {
	color: #407434;
	font-weight: bold;
	font-size: 14px;
	line-height: 50px;
}
.con_top a {
	color: #407434;
}
.con_left {
	width: 1000px;
	float: left;
}
/*标题通用*/
.title {
	    width: 1000px;
    height: 30px;
    background: url(http://www.newsimg.cn/english/special/2017lh/images/ej-dht.jpg) repeat-x;
    position: relative; margin-bottom:20px;
}
.title h3 {
	padding: 0px 15px 0 0px;
    background: #FFF;
    font-size: 30px;
    position: absolute;
    top: -7px;
    left: 0;
    line-height: 30px;
    color: #cc3333;
    font-weight: bold;
}
.title h3 a {
	color: #407434;
}
.title span {
	display: inline-block;
	float: right;
	line-height: 26px;
	height: 26px;
	font-size: 14px;
	color: #8aa585;
}
.title span a {
	color: #8aa585;
}
/*左侧*/
.con_left ul {
	width: 100%;
	height: auto;
	margin-bottom: 45px;
}
.con_left li {
	font-size: 14px;
	line-height: 35px;
	overflow: hidden;
	position: relative;
	 border-bottom:1px solid #c9c9c9; padding-bottom:10px; margin-bottom:10px;}
.con_left li i {
	width: 2px;
	height: 2px;
	display: inline-block;
	background: #000;
	border-radius: 2px;
	position: absolute;
	top: 17px;
	left: 0;
}
.con_left li span {
	display: inline-block;
	color: #b1b1b1;
	margin-left: 5px;
}

/*xpage list*/
.xpage-more-btn {
    width: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border:1px solid #bbb;
    background: #eee;
    line-height: 2em;
    border-radius: 0.5em;
    cursor: pointer;
}
.xpage-more-btn:hover {
    background: #ddd;
}
.xpage-more-btn:active {
    background: #ccc;
}
hr{ width:100%; height:1px; border:none; background:#eee; margin:10px 0 10px 0;}
/*图片列表*/
.con_img{
		width: 100%;
	}

.xpage-img-list li{ width:30%; height: auto; overflow:hidden; margin:0 1.6% 20px 1.6%; float:left;}
.xpage-img-list li img{ width:100%; height:178px; margin-bottom:8px;}
.xpage-img-list li p{ width:100%; height:48px; overflow:hidden; font-size:16px; line-height:24px;}

@media screen and (max-width:768px) {
	.con_top{ padding-left:10px;}
	.contant{ width:100%;}
	.con_right{ display:none;}
	.con_left{ width:100%; height:auto;}
	.con_left ul{ width: 94%; height: auto; margin-bottom: 45px; margin: 0 auto;}
	.con_left li {
    font-size: 14px;
    line-height: 28px;
    overflow: hidden;
    position: relative;
    padding-left: 10px;
    margin: 10px 0;
}
.con_left li i{ top:13px;}
.title span{ margin-right:10px;}

.title { width: 100%; }
	}