body{padding-top: 1rem;}

.header-nav .list-nav li a{float: left;width: 100%;height:100%;color: #D0AC83;}
.header-nav .list-nav li a:hover{color: #D0AC83 !important;}



.list{width: 100%;text-align: center;}
.list-content{width: 12rem;max-width: 100%;margin: 0 auto;padding: 0.5rem 0 0 0;box-sizing: border-box;display: inline-block;text-align: left;}
.focusWrap{display: inline-block;width: 100%;}
.focusWrap ul{float: left;width: 100%;height: 4.8rem;padding-left: 65%;box-sizing: border-box;position: relative;overflow: hidden;}
.focusWrap ul li{float: left;width: 100%;height: 1.6rem;border-bottom: 1px solid #DDDDDD;}
.focusWrap ul .right a{color: #000000;float: left;width: 100%;height: 100%;}
.focusWrap ul .right a h4{float: left;width: 100%;font-size: 0.24rem;font-weight: 700;line-height: 0.5rem;height: 0.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.focusWrap ul .right a p{float: left;width: 100%;font-size: 0.16rem;line-height: 0.3rem;margin-bottom: 0.1rem;height: 0.6rem;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.focusWrap ul .right .yuedu{float: left;font-size: 0.16rem;color: #D0AC83;width: auto;}
.focusWrap ul .right span{float: right;font-size: 0.16rem;color: #999;}
.focusWrap ul .left{position: absolute;left: 0;top: 0;width: 60%;height: 4.8rem;opacity: 0;
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
	-o-transition: opacity 1s;
}
.focusWrap ul li:hover p{color: #000000;}
.focusWrap ul .left h5{position: absolute;left: 0;bottom: 0;width: 100%;height: 0.6rem;line-height: 0.6rem;background:rgba(0,0,0,0.35);font-size: 0.24rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #FFFFFF;box-sizing: border-box;padding: 0 0.1rem;}
.focusWrap ul .on .left{opacity: 1;}
.focusWrap ul .on .right a h4{color: #D0AC83;}

.news{width: 100%;display: inline-block;}
.news-nav{width: 100%;float: left;position: relative;width: 100%;
	float: left;
	position: relative;
	padding-right: 2rem;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	flex-flow:
			wrap;
	align-items: center;}
.news-nav a{height: 0.44rem;color: #999999;font-size: 0.16rem;display: table-cell; vertical-align: bottom;padding-right: 0.4rem;align-items: flex-end;
	display: flex;}
.news-nav .on{font-size: 0.24rem;color: #000000;font-weight: 700;}
.new-content{float: left;width: 100%;}

.list-menu-form{position: absolute;right: 0.1rem;top: 0;border-radius: 0.44rem;overflow: hidden;max-width: 0.44rem;height: 0.44rem;background: #F7F7F7;}
.list-menu-form form{float: left;}
.list-menu-form i{float: right;width: 0.45rem;height: 0.44rem;background:url(../image/2/7.png) no-repeat center center;background-size: 0.22rem 0.22rem;}
.list-menu-form input{float: left;width: 1.6rem;height: 0.44rem;box-sizing: border-box;border: none;line-height: 0.44rem;padding: 0 0.1rem 0 0.2rem;color: #333;font-size: 0.16rem;font-weight: normal;background: none;text-align: left;color: #656565;}

.list-menu-form .submit{position: absolute;right: 0;top: 0;width: 0.45rem;height: 0.45rem;z-index: 1;opacity: 0;cursor: pointer;display: none;}
.list-menu-on .submit{display: inline-block;}
.list-menu-on{max-width: 4rem;}
.list-menu-on i{width: 0.45rem;}

.tishi{width: 100%;text-align: center;line-height: 2rem;font-size: 0.24rem;color: #666;}

/* 模板1 */
.phtml1{display: inline-block;width: 100%;}
.phtml1 li{float: left;width: 48%;margin-right: 4%;margin-top: 0.4rem;box-sizing: border-box;text-align: center;}
.phtml1 li .img{float: left;width: 100%;height: 3.5rem;border-radius: 0.08rem;overflow: hidden;position: relative;}
.phtml1 li:nth-child(2n){margin-right: 0;}
.phtml1 li .con{position: relative;z-index: 1;background: #FFFFFF;}
.phtml1 li h4{float: left;width: 100%;max-height: 0.8rem;line-height: 0.4rem;font-size: 0.24rem;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.phtml1 li h5{float: left;width: 100%;height: 0.5rem;line-height: 0.5rem;font-size: 0.16rem;overflow: hidden;}
.phtml1 li h5 em{font-style: normal;color: #D0AC83;}
.phtml1 li p{float: left;width: 100%;height: 0.6rem;line-height: 0.3rem;font-size: 0.16rem;overflow: hidden;margin-bottom: 0.1rem;  overflow: hidden;color: #999999;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.phtml1 li  .yuedu{font-size: 0.16rem;color: #D0AC83;display: inline-block;width: 1.2rem;height: 0.3rem;background: #D0AC83;color: #FFFFFF;border-radius: 0.04rem;line-height: 0.3rem;margin-top: 0.2rem;}
.phtml1 li  span{float: left;font-size: 0.16rem;color: #999;}
.phtml1 li:hover h5{color: #000000;}
.phtml1 li:hover .yuedu{color: #FFFFFF !important;}
.phtml1 li:hover h4{color: #000000;}
.phtml1 li:hover p{color: #999999;}
.phtml1 li .date{position: absolute;left: 0.1rem;top: 0.1rem;width: 0.85rem;height: 0.85rem;border-radius: 50%;background: #D0AC83;color: #FFFFFF;text-align: center;}
.phtml1 li .date .year{line-height: 0.55rem;height: 0.425rem;float: left;width: 70%;font-size: 0.16rem;}
.phtml1 li .date .md{line-height: 0.35rem;height: 0.425rem;float: right;width: 70%;font-size: 0.24rem;}
.phtml1 li .date::before{content: '';width: 0.02rem;height: 0.6rem;position: absolute;left: 50%;top: 50%;margin-left: -0.01rem;margin-top: -0.3rem;background: #FFFFFF;
transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari 和 Chrome */
    -o-transform: rotate(45deg); /* Opera */
}
.phtml1 li .con{width: 85%;margin: 0 auto;box-sizing: border-box;margin-top: -0.5rem;display: inline-block;background: #FFFFFF;height: 2.57rem;border-radius: 0.08rem;padding: 0.1rem 0.1rem;}


/* 模板2 */
.phtml2{display: inline-block;width: 100%;}
.phtml2 li{float: left;width: 100%;border-bottom: 1px solid #DDDDDD;position: relative;padding: 0.2rem 0rem;box-sizing: border-box;}
.phtml2 li h4{float: left;width: 80%;font-size: 0.24rem;padding: 0.1rem 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;	}
.phtml2 li p{float: left;width: 80%;height: 0.6rem;line-height: 0.3rem;font-size: 0.16rem;overflow: hidden;margin-bottom: 0.1rem;color: #999999;  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
.phtml2 li .date{float: right;width: 0.8rem;position: absolute;right: 0;top: 50%;height: 0.6rem;color: #999999;margin-top: -0.3rem;}
.phtml2 li .date .year{line-height: 0.25rem;height: 0.25rem;float: left;width: 100%;font-size: 0.16rem;}
.phtml2 li .date .md{line-height: 0.35rem;height: 0.35rem;float: left;width: 100%;font-size: 0.24rem;}

/* 模板3 */
.phtml3{display: inline-block;width: 100%;}
.phtml3 li{float: left;width: 100%;position: relative;padding: 0.05rem 0rem;box-sizing: border-box;padding-left: 3rem;margin-top: 0.4rem;padding-right: 0.8rem;}
.phtml3 li .img{position: absolute;left: 0;top: 0;width: 2.8rem;height: 100%;border-radius: 0.08rem;overflow: hidden;}
.phtml3 li h4{float: left;width: 100%;font-size: 0.24rem;height: 0.5rem;line-height: 0.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
	transition: padding 0.5s;
	-moz-transition: padding 0.5s;
	-webkit-transition: padding 0.5s;
	-o-transition: padding 0.5s;box-sizing: border-box;padding-right: 0.1rem;}
.phtml3 li p{float: left;width: 100%;height: 0.9rem;line-height: 0.3rem;font-size: 0.16rem;overflow: hidden;margin-bottom: 0.1rem;color: #999999;  overflow: hidden;
transition: padding 0.5s;
	-moz-transition: padding 0.5s;
	-webkit-transition: padding 0.5s;
	-o-transition: padding 0.5s;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;box-sizing: border-box;padding-right: 0.1rem;}
.phtml3 li .date{width: 0.8rem;position: absolute;right: 0;top: 50%;height: 0.6rem;color: #999999;margin-top: -0.3rem;text-align: right;overflow: hidden;}
.phtml3 li .date .year{line-height: 0.25rem;height: 0.25rem;float: left;width: 100%;font-size: 0.16rem;}
.phtml3 li .date .md{line-height: 0.35rem;height: 0.35rem;float: left;width: 100%;font-size: 0.24rem;}

.phtml3 li:hover h4{padding-left: 0.1rem;padding-right: 0rem;}
.phtml3 li:hover p{padding-left: 0.1rem;padding-right: 0rem;}
.header .language a{
	color: #D0AC83 !important;
}
@media only screen and (min-width: 1200px){
	.list-menu-form{max-width: 4rem;}
	.list-menu-form i{width: 0.45rem;background:url(../image/2/7.png) no-repeat 0.05rem center;}
	.list-menu-form .submit{display: inline-block;}
}
@media only screen and (min-width: 1080px) and (max-width: 1280px) {
	.list-menu{padding: 0.5rem 0.1rem;}
	.list-menu-form{}

	
}
@media only screen and (min-width: 900px) and (max-width: 1080px) {
	.list-menu{padding: 0.5rem 0.1rem;}
	.list-menu-form{}
	.news-nav{padding-right: 0.5rem}
	
}
@media only screen and (max-width: 900px) {
	.list-content{padding: 0rem 0.1rem 0 0.1rem;}
	.list-menu-form{
	transition: max-width 0.5s;
		-moz-transition: max-width 0.5s;
		-webkit-transition: max-width 0.5s;
		-o-transition: max-width 0.5s;}
	.list-menu ul{padding-right: 0.8rem;box-sizing: border-box;}
	.list-menu{padding: 0.5rem 0.1rem;}
	.list-menu ul li{margin-right: 0.2rem;}
	.focusWrap ul{padding-left: 55%;}
	.focusWrap ul .left{width: 50%;}
	.phtml1 li .img{height: 2.5rem;}
	.news-nav{margin-top: 0.2rem;padding-right: 0.5rem}
}
@media only screen and (max-width: 600px) {
	.focusWrap ul{padding-left: 100%;height: 3.5rem;}
	.focusWrap ul .left{width: 100%;height: 3.5rem;}
	.focusWrap ul .right{display: none;}

	.news-nav{padding-right: 0rem}
	.news-nav a{color: #999999;font-size: 0.18rem;display: table-cell; vertical-align: bottom;padding-right: 0rem;width: 100%;
	}
	.news-nav .on{font-size: 0.24rem;color: #000000;}
	
	.phtml1 li{width: 100%;margin-right: 0;}
	
	.phtml3 li{padding-left: 1.6rem;}
	.phtml3 li .img{width: 1.5rem;height: 1rem;}
	.phtml3 li h4{line-height: 0.3rem;height: 0.3rem;}
	.phtml3 li p{height: 0.6rem;}
}

