@import url("main.css");
/*大图*/
.slideone{width:100%;height:468px;overflow:hidden;font-size:0;position:relative;margin-bottom: 66px;}
.slideone .allcenter {height:100%;position:relative;}
.slideone .allcenter div{position:absolute;top:160px;left:50px;}
.slideone .allcenter div p{color:#ece9e4;font-size:15px;line-height:24px;margin-top:10px;}


/*资讯*/
.pd50{padding-top: 50px;}
.pre_active{opacity:0;opacity:1\0;}
.pre_active.active{animation:fadeIn 1s forwards;}
@keyframes fadeIn{
				from{opacity: 0;}
					to{opacity: 1;}
			}	
.leftright img{float:left;}
.general img{width:379px;height:374px;}
.infobox{margin-left:440px;}
.info{margin-top:80px;padding:35px 50px;color:#7c6644;border-radius:12px;border:1px solid #e3dacb;background:url(../img/index/gkbg.png) repeat}
.infobox .info div{overflow: hidden;}
.maintitle{width:96px;height:47px;font-size:0;float:left;background:url(../img/index/maintitle.png) no-repeat}
.general .maintitle{background-position: 0 0;}
.line{position:absolute;border-top:1px solid #c2ac8a;margin-top:23px;margin-left:120px;}
.general .line{width:420px;}
.more{float:right;margin-right:5px;line-height:47px;color:#8d7b5b;transition:0.3s;}
.more i{display: inline-block;width:0;height:0;margin-left:7px;border-width:5px 5px;border-color:transparent transparent transparent #8d7b5b;border-style:dashed dashed dashed solid;}
.more:hover{color:#D09F48;margin-right:0;}
.more:hover i{border-color:transparent transparent transparent #D09F48;}
.info p{margin-top:20px;text-indent: 2em;line-height:36px;}

/*展览ˆ*/
.exmenu{}
.oftenex{width:230px;padding:0 20px;float:left; background:url(../img/index/oftenexbg.png) no-repeat left top}
.title{font-size:0;height:80px;background:url(../img/index/exmenu.png) no-repeat}
.oftenex .title{width:195px;margin-top:80px;background-position: 0 0;}
.oftenex ul{margin-top: 17px;}
.oftenex ul li{width:100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 38px;}
.oftenex ul li i{width:15px;height: 38px;float:left;margin-right: 9px;margin-left:5px;background: url(../img/index/exicon.png) no-repeat 0 center;transition:0.3s;}
.oftenex ul li a{padding: 2px 0;color: #aa9063;display: inline-block;line-height: 25px;}
.oftenex ul li:hover i{background-position-x:-15px;margin-left:0;}
.buff{padding: 0 25px;background:#c5aa74;color:#fffffe;display: inline-block;height:30px;line-height:30px;border-radius: 21px;transition:0.3s;}
.buff:hover{background:#D4B67C;}

.oftenex .buff{margin: 25px 0 30px 55px;}
.otherexmenu{width: 245px;float:left;}
.otherexmenu ul li{width:100%;text-align: center;position: relative;}
.otherexmenu ul li:first-child{padding: 10px 0 60px;}
.otherexmenu ul li a{width:110px;display:inline-block;position: absolute;top: 40px;left: 69px;}
.otherexmenu ul li:first-child a{background-position: -305px 0;}
.otherexmenu ul li:last-child a{top: 30px;background-position: -195px 0;}
.otherexmenu ul li:before{content: '';display: block;width:146px;margin:0 auto;height:137px;background:url(../img/index/otherexbg.png) no-repeat;/*transition: all 1s;transform: rotate(0deg);-webkit-transform: rotate(0deg)*/}
.otherexmenu ul li.active:before{transform: rotate(360deg);-webkit-transform: rotate(360deg);transition: all 1s}
.exwrap{width:627px;height:350px;overflow:hidden;float: left;position:relative;background:url(../img/index/bamboo.png) no-repeat left bottom;}

.recommendex_list{width: 9999px;position: absolute;left:0px; ;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recommendex{float: left;width:627px;}
.recommendex div.imgbox{width: 100%;height: 209px;font-size: 0;overflow: hidden;}
.recommendex img{ width: 100%;height: auto;}
.recommendexinfo{padding-top: 30px;}
.recommendexinfo a h3{color:#aa9063;font-size:22px;width:89%;float: left;text-align: right;margin-top: 13px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;transition:0.3s;}
.recommendexinfo a h3:hover{color:#CEB281;}
.recommendexinfo i{width:20px;height:50px;background:#d8b777;float:left;margin-left:20px;margin-top:5px;cursor:pointer;position: relative;transition:0.3s;border: 1px solid transparent;}
.recommendexinfo i span{width:10px;height:10px;display:inline-block;border-radius:2px;border-top:2px solid #F1F1E8;border-right:2px solid #F1F1E8;transform:rotate(45deg);-webkit-transform:rotate(45deg);position: absolute;top: 19px;left: 0;transition:0.3s;}
.recommendexinfo i:hover{width:45px;background:transparent;border-color:#d8b777;}
.recommendexinfo i:hover span{left:14px;border-top:3px solid #d8b777;border-right:3px solid #d8b777;}
.sequence{font-size: 38px;font-weight: bold;color: #aa9063;float: right;margin-right: 100px;transition:0.3s;}
.sequence:before{content:'';width: 70px;height:3px;background:#c09f5f;position:absolute;margin-top: 24px;margin-left: 55px;transition: 0.3s;}
.sequence.active{margin-right:90px;}
.sequence.active:before{width:80px;}
/*典藏*/
.collection{}
ul.collist{}
.collist li{float:left;}
.collist li i{display:block;width:100%;height:262px;position:relative;}
.collist li i:after{content: '';display:block;width:74px;height:74px;position:absolute;background:url(../img/index/coltitle.png) no-repeat;top: 50%;left: 50%;margin-top: -37px;margin-left: -37px;transition:0.3s;}
.collist li:nth-child(1) i:after{background-position:-222px 0 ;}
.collist li:nth-child(2) i:after{background-position:-148px 0 ;}
.collist li:nth-child(3) i:after{background-position:-74px 0 ;}
.collist li:nth-child(4) i:after{background-position:0 0 ;}
.collist li:hover i:after{background-image:url(../img/index/coltitleactive.png);}
.collist li i img{width:287px;height:262px;}
.colinfo{width:100%;text-align:center;height:130px;border-right:1px solid #c9bdac;border-bottom:1px solid #c9bdac;background:transparent;transition:background 0.3s,color 0.3s;}
.collist li:nth-child(1) .colinfo{border-left:1px solid #c9bdac;} 
.colinfo h3,.colinfo h4{font-size:18px;line-height:26px;text-align:center;color:#75716a;}
.colinfo h3{font-size:18px;padding-top: 40px;transition:0.3s;}
.colinfo h4{font-size:12px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 280px;}
.colinfo span{display:none;width:45px;height:35px;border:1px solid #eeeeee;border-radius:2px;margin-top: 15px;background: url(../img/index/colturn.png) no-repeat;background-position: 0 0;transition:all 0.3s;}
.collist li:hover .colinfo{background:#ac8c61;}
.collist li:hover .colinfo h3{padding-top: 25px;color:#fcf8f8;}
.collist li:hover .colinfo h4{display:none;}
.collist li:hover .colinfo span{display: inline-block;background-position:center center;}

/*书刊*/
.book .maintitle{background-position:-96px 0;}
.book .line{width: 310px;}
.book .info{background:none;border:none;padding:15px 50px;}
.skclick{float:right;}
.skclick .more{float:left;margin-right: 20px;transition:0.3s}
.skclick .more:hover{margin-right: 15px;}
.skclick .buff{margin-top: 7px;padding: 0 18px;float: right;}
.skclick .buff:before{content:'';width: 82px;height: 20px;border: 1px solid #e9dcc4;border-radius: 17px;position:absolute;margin-left: -14px;margin-top: 4px;}
.list{margin-top: 30px;margin-right: -4%;}
.list li{float:left;width: 46%;margin: 10px 0;margin-right: 4%;}
.list li a{color:#a59d8e;}
.list li i{width:8px;float:left;margin-right:10px;height: 25px;background:url(../img/index/liicon.png) no-repeat center;}
.list li h3{float:left;font-size: 14px;line-height:26px;transition:0.3s;}
.list li span{float:right;line-height: 26px;font-size: 12px;}
.list li a:hover{color:#D09F48;}


.btn{padding: 0 25px;display: inline-block;height:30px;line-height:30px;border-radius: 21px;transition:0.3s;}
.yellowbtn{background:#BA743A;color:#fffefe;cursor: pointer;}
.yellowbtn a{color:#fffefe;}
.yellowbtn:hover{background:#d78949;}