@charset "utf-8";
/* CSS Document */

.list2 {width: 1200px; margin: 0 auto; float: none; height: auto; overflow: inherit;}
.list2:hover{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.list2 .list-l{width: 70%; float: left;}

.list2 h3{line-height: 40px; padding-top: 8px; border-bottom: 1px solid #ddd;}
.list2 .sub-nav{line-height: 34px; }
.list2 .list-r ul{padding: 8px 0; border-bottom: 1px solid #eee; }

.list-l li{
	border-bottom: 1px solid #eee;
	overflow: hidden;
	padding: 24px 20px 24px 0;
	position: relative;
}
.list-l li:hover{
	border-bottom: 1px solid #fff;
	-webkit-appearance: none;
	-webkit-box-shadow: #bbb 0px 3px 20px;
	-moz-box-shadow: #bbb 0px 3px 20px;
	box-shadow: #ccc 0px 3px 20px;
}

.list2 .cont h2{font-weight: bold; font-size: 1.5em;}
.list2 .cont h3{font-weight: bold; font-size: 1.25em; padding-bottom: 0.3em;}
.list2 .list-l .cont li{
	border-bottom: none;
	padding: 4px 20px 4px 20px;
}
.list2 .list-l .cont li:hover{
	border-bottom: none;
}

.list-l li>a{display: block; float: left; padding-right: 20px; /*max-width: 340px;*/ width: 40%;}
.list-l li img{display:block; max-width: 100%; max-height: 210px; margin: 0 auto; width: fit-content;}
.list-l > li > p{line-height: 24px; text-align: justify; font-weight: 100; float: left; /*width: calc(100% - 341px);*/ width: 60%;}
.list-l h5{ padding-bottom: 18px; /*width: calc(100% - 341px);*/ width: 60%; float: left;}
.list-l .more{position: absolute; right: 20px; bottom: 24px; padding-right: 12px; padding-top: 0; background: url(../images/icon3.gif) no-repeat right center; font-size: 14px;}
.list-l i{font-style: normal; display: block; padding-top: 8px;} 

.hot li{overflow: hidden; border-bottom: 1px dotted #eee;}
.hot li:last-child{border-bottom: 0;}
.hot h6{line-height: 40px; height: 40px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.hot img{float: left; padding-right: 10px;}
.hot p{font-size: 12px; padding-bottom: 8px; overflow: hidden; position: relative; text-align: justify; font-weight: 100;}
.hot p i{position: absolute; bottom: 8px; right: 0; font-style: normal; color: #999;}

.list-r.navbar.sticked{position: fixed; top: 0; right: 0; z-index: 99999; }

.list2 .list-r{width: 335px; float: right; }
.list-r .sub-menu{width: 100%; position: relative; z-index: 1;}
.list-r .sub-menu.sticked{position: fixed; width: 335px; top: 0;}

.intor h1{font-size: 28px; padding: 40px 0 20px 0; text-align: center; border-bottom: 1px dashed #eee;}

.intor h1 {
	font-size: 1.65em;
	font-weight: 600;
	color: #000;
}

.intor .cont {padding: 30px 2%; line-height: 1.8em;}
.intor .cont img {max-width: 100%;}

@media only screen and (max-width:1000px){
	.list2 {width: 96%; }
	.list2 .list-r{display: none;}
	.list2 .list-l{width: 100%; float: none;}
}
@media screen and (max-width: 620px) {
	.list-l li{padding: 24px 0;}
	.list-l li img{float: none; padding: 0; /* width: 100%; */}
	.list-l h5 {padding: 20px 0 18px 0; width: 100%;}
	.list-l li p { padding-left: 0; width: 100%;}
	.list-l li>a { width: 100%; padding-right: 0px;}
	.list-l .more { bottom: 7px; }
	.intor h1 {font-size: 22px; padding: 20px 0 10px 0;}
	.intor .cont{font-size: 0.875em;}
	.intor .cont img{width: 100%}
}





