﻿@charset "utf-8";
@font-face {
	font-family: "HYXinRenWenSongW";
	src: url('https://testminghuaji-1259446244.cos.ap-beijing.myqcloud.com/font/HYXinRenWenSong55J.ttf');
}
/*总体设置(不可更改)*/
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dt,dd{margin:0;padding:0;border:0;font-family:HYXinRenWenSongW;}
select,input{vertical-align:middle;font-size:12px;}
table,tr,td,th{margin:0;padding:0;font-family:HYXinRenWenSongW;}
textarea,td,div,input{font-size:12px;}
body{color:#333;font-size:12px;text-align:center;background:#fff; behavior:url(css/iehoverfix.htc);}
ul,ol{list-style:none; }
img{display:block;}
/**清除浮动**/
.clear{clear:both;font-size:0;line-height:0;height:0; vertical-align:middle;}
/**链接**/
a{outline: none;text-decoration: none; text-decoration:none; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
a:hover{text-decoration:none; color:#715125;}




/**------------------藏画细节页------------------**/
.eject { width:300px; height:420; position:absolute; top:50%;left:50px; text-align:left; margin-top:-210px; z-index:99997;}
.eject .eject_main01 {background-color: rgba(255,255,255,0.9); width:300px; height:74px; display:block; overflow:hidden; border-radius: 15px 15px 0 0;}
.eject .eject_main01 ul li { width:25%; float:left; display:inline; font-size:14px; font-weight:300; text-align:center;}
.eject .eject_main01 ul li a {color:#666666; display:block;}
.eject .eject_main01 ul li .img_box { width:26px; height:26px; overflow:hidden; margin:0 auto; position:relative; margin-top:14px; margin-bottom:4px;}
.eject .eject_main01 ul li a img { width:26px; height:26px; display:block; margin:0 auto; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; position: absolute; top:0; left:0; }
.eject .eject_main01 ul li a img:last-child { top:-100px; }
.eject .eject_main01 ul li a:hover {color:#715125;}
.eject .eject_main01 ul li a:hover img:first-child { top:-100px;}
.eject .eject_main01 ul li a:hover img:last-child { top:0; }
.eject .eject_main02 {background-color: rgba(255,255,255,0.9); width:260px; height:296px; display:block; overflow:hidden; border-radius: 0 0 15px 15px; padding:20px;}
/* 滚动内容样式 */
.scroll_main {width:260px;display: block;margin:0 auto;}
/* 滚动内容区样式 */
.scroll_wrap {width: 100%;height:296px;position: relative;}
/* 滚动内容样式 */
.scroll_wrap .scroll_cont {height:100%;overflow: hidden;}
/* 滚动条 */
.scroll_wrap .scroll_bar {position: absolute;top:0;right:0;width: 3px;height:296px;background-color: #e5ddd3;  border-radius:100px;}
/* 滚动块 */
.scroll_wrap .scroll_slider {position: absolute;top: 0;left: 0;width: 3px;height: 48px;background-color: #715125; opacity:.5;  border-radius:100px;}
.scroll_wrap .scroll_slider:hover{opacity: 1}
.eject .eject_main02 h2 { font-size:16px; font-weight:bold; color:#715125; display:block; text-align:center;}
.eject_info { border-bottom:1px solid #e5ddd3; padding:0 0 20px 0; overflow:hidden; margin-right:20px;}
.eject_info p { font-size:14px; font-weight:300; line-height:20px; color:#715125; padding:15px 0;}
.eject_info a { display:block; width:70px; height:24px; border:1px solid #715125; font-size:13px; font-weight:300; text-align:center; line-height:24px; margin:0 auto; border-radius:100px; color:#715125;}
.eject_info a:hover { background-color:#715125; color:#fff;}
.eject_info2 { border-bottom:1px solid #e5ddd3; padding:20px 0; overflow:hidden; margin-right:20px;}
.eject_info2 ul { margin-top:10px;}
.eject_info2 ul li { font-size:14px; font-weight:300; line-height:22px; display:block;}
.eject_info2 ul li a {color:#715125;}
.eject_info2 ul li a:hover { padding:0 0 0 5px;}
.eject_info2 ul li i { width:2px; height:2px; background-color:#715125; border-radius:100px; float:left; display:inline; margin-right:5px; margin-top:10px;}
.eject_info3 {padding:20px 0; overflow:hidden; margin-right:20px;}
.eject_info3 dl { padding:14px 0; overflow:hidden;}
.eject_info3 dl dt { width:32px; float:left; display:inline;}
.eject_info3 dl dt img { width:32px; height:32px; border-radius:100px;}
.eject_info3 dl dd { width:198px; float:right; display:inline;}
.eject_info3 dl dd b { font-size:14px; font-weight:bold; line-height:32px; color:#715125;}
.eject_info3 dl dd b span { font-weight:300; float:right; display:inline;}
.eject_info3 dl dd p { font-size:14px; font-weight:300; color:#715125; line-height:20px;}
.eject_info3 dl dd i { display:block; text-align:right; font-style:normal; font-size:13px; margin-top:6px;}
.eject_info3 dl dd i a { display:inline-block; vertical-align:middle; color:#666666; font-family:Georgia, "Times New Roman", Times, serif;}
.eject_info3 dl dd i a img { display:inline-block; vertical-align:middle; margin-left:10px; margin-right:4px; width:12px;}
.eject_info3 dl dd .dd_box {border-left:1px solid #e5ddd3; display:block; margin-top:12px; padding:0 0 0 16px;}
.eject_info3 dl dd .dd_box p { font-size:13px; font-weight:300; line-height:18px; color:#333; display:block; padding:3px 0;}
.eject_info3 dl dd .dd_box p span {color:#715125;}
.eject_info3 a.more { display:block; width:70px; height:24px; border:1px solid #715125; font-size:13px; font-weight:300; text-align:center; line-height:24px; margin:0 auto; border-radius:100px; color:#715125; margin-top:10px;}
.eject_info3 a.more:hover { background-color:#715125; color:#fff;}
a.control { width:36px; height:36px; position:absolute; bottom:184px; right:-18px; background-color: rgba(255,255,255,0.9); border-radius:100px; overflow:hidden; display:block; cursor:pointer; box-sizing:border-box;}
a.control i {display:block; width:10px; height:10px; border-top:1px solid #715125; border-right:1px solid #715125; transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg); margin:13px 0 0 20px;}
a.control.hidecontent i {display:block; width:10px; height:10px; border-top:1px solid #715125; border-right:1px solid #715125; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg); margin:13px 0 0 16px;}

.shade{
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:99990;
	
}
.wrap-ms-right{
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99991;
	padding: 5px 0;
	min-width: 80px;
	margin: 0;
	display: none;
	font-family: "微软雅黑";
	font-size: 14px;
	background-color:rgba(255,255,255,0.7);
	box-sizing: border-box;
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.ms-item{
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}
.ms-item:hover{
	background-color: #715125;
	color: #FFFFFF;
}
.m{width: 800px;
margin-left: auto;
margin-right: auto;
}

/**搜索**/
.search_bg { position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0;background-color:rgba(51,51,51,0.2); z-index:99998; display:none;}
.search { position:fixed; width:330px; height:36px; top:70px; right:30px; z-index:99999; display:none;}
.search_info { width:90px; float:left; display:inline; margin-right:10px; position:relative;}
.search_info span { display:block; line-height:36px; border:1px solid #fff; border-radius:1000px; font-size:14px; font-weight:300; color:#fff; text-align:center;}
.search_info span i { display:inline-block;  margin-left:10px; width:7px; height:7px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg); -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.search_info .search_info_main { width:88px; border:1px solid #fff; position:absolute; left:0; top:37px; border-radius:15px; overflow:hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; height:0; opacity:0;}
.search_info .search_info_main p a { font-size:14px; font-weight:300; display:block; text-align:center; line-height:36px; color:#fff;}
.search_info .search_info_main p a:hover {background-color:rgba(255,255,255,0.3);}
.search_info:hover .search_info_main { height:108px; opacity:1;}
.search_info:hover span i {transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.search_info02 { width:180px; float:left; display:inline;}
.search_info02 input { width:178px; height:37px; border:1px solid #fff; border-radius:1000px; overflow:hidden; box-sizing:border-box; background:transparent; font-size:14px; font-weight:300; color:#fff; padding:0 0 0 10px;}
.search_info02 input:focus{outline:none;}
.search_info03 { width:36px; height:36px; float:left; display:inline; margin-left:10px; border-radius:1000px; overflow:hidden; border:1px solid #fff;  -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.search_info03 a { display:block; background-image:url(../images/icon01.png); background-repeat:no-repeat; background-size:24px 24px; width:36px; height:36px; background-position:6px 6px;}
.search_info03:hover { background-color:rgba(255,255,255,0.3);}

.anchors { width:6px; height:6px; border-radius:1000px; overflow:hidden;background-color:rgba(255,255,255,0.5); border:10px solid rgba(0,0,0,0.2); background-clip: padding-box; animation: zoom5 1.5s infinite;-webkit-animation: zoom5 1.5s infinite;-moz-animation: zoom5 1.5s infinite;}
@keyframes zoom5{
0% {
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
	opacity:1;

}
30% {
    -webkit-transform: scale(0.7,0.7);
    -moz-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);
	opacity:0.8;
}
70% {
    -webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
	opacity:0.4;
}
100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
	opacity:0.2;
}
}

.anchors2 { width:6px; height:6px; border-radius:1000px; overflow:hidden;background-color:rgba(113,81,37,.5); border:10px solid rgba(255,255,255,0.2); background-clip: padding-box; animation: zoom6 1.5s infinite;-webkit-animation: zoom6 1.5s infinite;-moz-animation: zoom6 1.5s infinite;}
@keyframes zoom6{
0% {
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
	opacity:1;

}
30% {
    -webkit-transform: scale(0.7,0.7);
    -moz-transform: scale(0.7,0.7);
    transform: scale(0.7,0.7);
	opacity:0.8;
}
70% {
    -webkit-transform: scale(0.9,0.9);
    -moz-transform: scale(0.9,0.9);
    transform: scale(0.9,0.9);
	opacity:0.4;
}
100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
	opacity:0.2;
}
}










