@font-face {
  font-family: '华文行楷';
  src: url('../fonts/huawenxingkai.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
*{margin:0px;padding:0px;}
body{ margin:0px; padding:0px;font-size:14px;background-repeat:repeat; font-weight:600;}
ul,li{list-style: none;}
.nav>li>a {position: relative;display:block;padding: 8px 14px;color: #353535;width: 197px;}
div{margin:0px;border:0px;padding:0px; display:block;}
.clear{clear: both;}
a:link{text-decoration:none;color:#333;outline:none;cursor:pointer;}  /* 指正常的未被访问过的链接*/
a:visited{text-decoration:none;color:#333;outline:none;cursor:pointer;}/*指已经访问过的链接*/
a:hover{text-decoration:none;color:#16b6e1;outline:none;} /*指鼠标悬浮在链接*/
a:active{text-decoration:none;color:#333;outline:none;cursor:pointer;}/* 指正在点的链接*/ 

.mt200{ margin-top:200px;}
.mt30{ margin-bottom:30px}
.divimg a img {display: block;margin: 0 auto;transition: transform 0.3s linear 0s;}
.card .card-heading {display: block;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px 5px 5px 5px;}
.divimg:hover a img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)}
.main{ width:100%;padding:0px; text-align:center; margin:0px; position:relative;}

.navWrap {width:100%;z-index:999;position:relative; overflow:hidden;height:120px; background:#fff;}
.navWrap .div_logo {width: 90%;height: 82px;text-align: left;display: block;margin: 20px auto 0px;max-width: 1200px;}
.navWrap .div_logo a.logo {background-image: url(../images/logo.png);background-repeat: no-repeat;background-position: center center;display: inline-block;float: left;height: 82px;width: 241px;text-indent: -999em;margin-left: 0px;}
.navWrap .div_nav_box { width:100%; text-align:center; position:absolute; bottom:0px;}
.navWrap .div_nav_box .d_box{ width:90%; max-width:1200px;height:120px; margin:0px auto;text-align:right; line-height:120px}
.navWrap .div_nav_box .d_box div{ width:90px; height:100%; display:inline-block; vertical-align:top; color:#666b71; font-size:16px;text-align:center;}
.navWrap .div_nav_box .d_box div a{ color:#666666; width:100%; height:100%; display:block;font-size:16px;}
.navWrap .div_nav_box .d_box div p{ display:inline-block;font-weight: normal;}
.navWrap .div_nav_box .d_box div.on{font-size:16px;font-weight: normal; background:#cfc2b5;}
.navWrap .div_nav_box .d_box div.on a{ color:#fff;width:100%; height:100%; display:block;}
.navWrap .div_nav_box .d_box div:hover{ background:#cfc2b5;font-size:16px; cursor:pointer;}
.navWrap .div_nav_box .d_box div:hover a{ color:#fff;}
.navWrap .div_nav_box .d_box div:hover p{ margin-top:0px}

.div_logo_box_index {position: absolute;left: 50%;margin-left:-325px;top:-89px;text-align: center;}
.div_logo_box_index img{ width:650px;}

.div_logo_box_index_fp {positi120px on: absolute;left: 50%;margin-left:-325px;top:98px;text-align: center;}
.div_logo_box_index_fp img{ width:650px;}

.div_title_box{ width:100%; height:80px; background:#d0b797;}
.div_title_box .div_nav_box{ width:90%; max-width:1200px; text-align:center; height:100%; font-size:20px; color:#fff; margin:0px auto 0px; font-weight:normal;}
.div_title_box .div_nav_box .row{ display: inline-block;vertical-align: top;width: 180px;height: 52px;line-height: 52px;margin-top: 15px;}
.div_title_box .div_nav_box .row a{ color:#fff;}
.div_title_box .div_nav_box .on{ background-image:url(../images/t_bg.png); background-repeat:no-repeat; background-position:center center;}
.div_title_box .div_nav_box .row:hover{background-image:url(../images/t_bg.png); background-repeat:no-repeat; background-position:center center; cursor:pointer}
.div_tags_box{ background-image:url(../images/line.png); background-repeat:no-repeat; background-position:center center; width:1220px; height:71px; margin:80px auto 0px; display:table;position:relative;}
.div_tags_box .div_tags{ font-size:24px; color:#6c4f30; font-weight:normal;letter-spacing: 0.1em; font-family:"微软雅黑 Light";margin-top: -20px;}
.div_tags_box .div_tags img:nth-child(1){ margin-right:15px; position:relative; bottom:2px}
.div_tags_box .div_tags img:nth-child(2){ margin-left:15px; position:relative; bottom:2px}
.div_tags_box .div_subtags{ color:#6c4f30; font-size:18px;letter-spacing: 0.3em;margin-top: 8px;font-weight: normal; font-family:"黑体"}
.div_tags_box .div_btn_more {
    width: 100px;
    height: 40px;
    background: #d0b797;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    position: absolute;
    font-weight: normal;
    border-radius: 30px;
    top: 20px;
    right: 0px;
	cursor:pointer;
	outline:none;
}
.div_collection_box{ width:1200px; text-align:center; margin:50px auto 0px;}
.div_collection_box .div_each_collection{ display:inline-block; vertical-align:top; width:201px; height:258px; background-image:url(../images/ka_bg.png); background-repeat:no-repeat; background-position:center center; text-align:center;margin:25px 25px 0;}
.div_collection_box .div_each_collection:nth-child(-n+4){margin:0px 25px}
.div_collection_box .div_each_collection .tit_img{ margin:30px auto 0px; height:110px}
.div_collection_box .div_each_collection .dd_img{ width:168px; height:160px; background-position:center center; background-repeat:no-repeat;margin: 24px auto 0;background-size: contain;}
.div_collection_box .div_each_collection .p1{ font-size:14px; color:#755a3d; margin:15px auto 0px; width:86%;}
.div_collection_box .div_each_collection .p1 img{ position:relative; bottom:2px;}
.div_collection_box .div_each_collection .p1 img:nth-child(1){ margin-right:10px}
.div_collection_box .div_each_collection .p1 img:nth-child(2){ margin-left:10px}

.div_collection_box .div_each_collection .p2{ font-size:14px; color:#755a3d; margin:15px auto 0px;}
.div_collection_box .div_each_collection .p2 img{ height:20px; margin-right:10px}

.div_about_box{ width:100%; text-align:center; overflow:hidden; position:relative;}
.div_about_box .div_box{ width:900px; margin:150px auto 0px;display:table;}
.div_about_box .div_box .div_title{ float:right; right:0px; font-size:36px; font-family:"yegenyouxingshu2016";writing-mode:tb-rl; color:#ae8a50;position: relative;top: -10px;font-weight: normal;}
.div_about_box .div_box .div_sub_title{ float:right;height:256px;text-align: center; position:relative; display:block;}
.div_about_box .div_box .div_sub_title img{display: inline-block;margin-top: 165px;}
.div_about_box .div_box .div_content{float: right;writing-mode: tb-rl;color: #3f3f3f;font-size: 26px;height: 630px;display: inline-block;margin-right: 20px;width: calc( 100% - 130px);letter-spacing: 1px;text-indent: 2em;line-height: 1.6em;text-align: left;font-family: "shoujinti"; display:none;}

.div_about_bg1{ position:relative; z-index:1;}
.div_about_bg1 .div_con_news_box{ width:1200px; text-align:center; margin:0px auto;position:relative; display:table;font-family: "shoujinti";}
.div_about_bg1 .div_con_news_box .div_con_box {display: table;text-align: right;width:680px;margin:85px auto 0px;}
.div_about_bg1 .div_con_news_box .div_con_box .div_tit_box{
	writing-mode: tb-rl;
	display: inline-block;
	float: right;
	height: 458px;
	width: 50px;
	line-height: normal;
	font-size: 45px;
	text-align: center;
	color: #ac8a4e;
	font-family: "shoujinti";
	font-weight: bold;
	letter-spacing: 0.1em;	
}
.div_about_bg1 .div_con_news_box .div_con_box .img1 {
	display: inline-block;
	position: relative;
	float: right;
	margin-top: 282px;
	margin-right: 28px;
}
.div_about_bg1 .div_con_news_box .div_con_box .div_txt_box {
  writing-mode: tb-rl;
  display: inline-block;
  text-align: left;
  float: right;
  color: #1b1b1a;
  font-size: 22px;
  line-height: 1.8em;
  height: 470px;
  margin-right: 50px;
  width: 490px;
  overflow: hidden;
  text-indent: 2em;
  letter-spacing: 4px;
}
.div_about_bg2{ position:relative; z-index:1; width:1400px; text-align:center; margin:175px auto 0px;}
.div_about_bg2 .div_row_box{ display:block; width:100%;}
.div_about_bg2 .div_row_box .row{ display:inline-block; vertical-align:top;margin: 0px 10px;}
.div_about_bg2 .div_row_box .row p{font-family: "shoujinti";font-size: 19px;color: #000;width: 100%;padding-top: 10px;text-align: center;line-height: 1.5em;}
.div_about_bg2 .div_row_box_2{ display:table; width:1160px; margin: 60px auto 0px;text-align: left;}
.div_about_bg2 .div_row_box_2 .row{display:inline-block;vertical-align: top;z-index:100;width:279px;height:375px; position:relative;}
.div_about_bg2 .div_row_box_2 .row:nth-child(1){ margin-left:0px}
.div_about_bg2 .div_row_box_2 .row:nth-child(2){ margin-left:12px}
.div_about_bg2 .div_row_box_2 .row:nth-child(3){ margin-left:12px}
.div_about_bg2 .div_row_box_2 .row:nth-child(4){ margin-left:12px}

.div_about_bg3{ width:100%; height:850px; position:relative; z-index:1;overflow: hidden;}
.div_about_bg3 .div_title_about{width: auto;position: relative;margin-top:120px; background:url(../images/tit_bg.png); background-repeat:no-repeat; background-position:center; text-align:center; font-size:44px;font-family: "shoujinti"; height:46px; line-height:46px; color:#ac8a4e;}
.div_about_bg3 .div_title_about h2{ font-weight:600;}
.div_about_bg3 .div_yun_box{ position:absolute; z-index:100; right:-10px; top:160px; text-align:right}
.div_about_bg3 .div_yun_box img{ width:90%}
.div_about_bg3 .div_card_box{ width:100%; text-align:center; margin:100px auto 0px;}
.div_about_bg3 .div_card_box img{ border:none; display:inline-block; vertical-align:top; margin:0px 20px;}

.div_contact_bg1{ width:100%; height:850px; position:relative; z-index:1;overflow: hidden;}
.div_contact_bg1 .div_title_about{width: auto;position: relative;margin-top:120px; background:url(../images/tit_bg.png); background-repeat:no-repeat; background-position:center; text-align:center; font-size:44px;font-family: "shoujinti"; height:46px; line-height:46px; color:#ac8a4e;}
.div_contact_bg1 .div_title_about h2{ font-weight:600;}
.div_contact_bg1 .div_content{ width:1100px; text-align:left; margin:70px  auto 0px;}
.div_contact_bg1 .div_content p{ color:#53524f; font-size:32px;font-family: "shoujinti"; margin:0px; height:55px; line-height:55px;}
.div_contact_bg1 .div_content p span{ margin-left:40px}

.div_contact_bg2{ width:100%; text-align:center; overflow:hidden;}
.div_contact_bg2 img{ margin-top:160px; width:900px}


.div_info_bg1{ width:100%; height:850px; position:relative; z-index:1;overflow: hidden;}
.div_info_bg1 .div_title_info{width: auto;position: relative;margin-top:80px; background:url(../images/tit_bg.png); background-repeat:no-repeat; background-position:center; text-align:center; font-size:44px;font-family: "shoujinti"; height:46px; line-height:46px; color:#ac8a4e;}
.div_info_bg1 .div_title_info h2{ font-weight:600;}
.div_info_bg1 .div_content{ width:1100px; text-align:left; margin:70px  auto 0px; display:table;}
.div_info_bg1 .div_content .d_l{ display:inline-block; float:left; width:400px; height:400px;}
.div_info_bg1 .div_content .d_l .row{ width:calc( 100% - 40px ); text-align:left; color:#646464; font-size:24px;font-family: "shoujinti"; display:block;margin:0px; padding:17px 20px; cursor:pointer}
.div_info_bg1 .div_content .d_l .row .p1{ font-size:20px; margin:0px;}
.div_info_bg1 .div_content .d_l .row .p2{ font-size:24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.div_info_bg1 .div_content .d_l .row:hover{ background:#b59573; color:#fff;}
.div_info_bg1 .div_content .d_r{text-align: left;float: right;color: #1b1b1a;font-size: 24px;line-height: 1.8em;height: 400px;width: 660px;overflow: hidden;font-family: "shoujinti";text-indent: 2em;font-weight: 600;}

.div_info_bg2 {position: relative;z-index: 1;overflow: hidden;height: 850px;}
.div_info_bg2 .div_infos_box {width: 1140px;margin: 150px auto 0px;text-align: left;position: relative;display: table;}
.div_info_bg2 .div_infos_box .div_txt_box {writing-mode: tb-rl;display: inline-block;text-align: left;float: right;color: #1b1b1a;font-size: 30px;height: 600px;overflow: hidden;font-family: "shoujinti";}
.div_info_bg2 .div_infos_box .div_txt_box span{ font-family:"微软雅黑 Light";font-size: 18px;font-weight: normal;}

.div_news_bg1{ position:relative; z-index:1;}
.div_news_bg1 .div_con_news_box{ width:1200px; text-align:center; margin:0px auto;position:relative; display:table;font-family: "shoujinti";}
.div_news_bg1 .div_con_news_box .div_con_box {display: table;text-align: right;width:900px;margin:85px auto 0px;}
.div_news_bg1 .div_con_news_box .div_con_box .div_tit_box{
	writing-mode: tb-rl;
	display: inline-block;
	float: right;
	height: 458px;
	width: 50px;
	line-height: normal;
	font-size: 45px;
	text-align: center;
	color: #ac8a4e;
	font-family: "shoujinti";
	font-weight: bold;
	letter-spacing: 0.1em;	
}
.div_news_bg1 .div_con_news_box .div_con_box .img1 {
	display: inline-block;
	position: relative;
	float: right;
	margin-top: 282px;
	margin-right: 28px;
}
.div_news_bg1 .div_con_news_box .div_con_box .div_txt_box {
  writing-mode: tb-rl;
  display: inline-block;
  text-align: left;
  float: right;
  color: #1b1b1a;
  font-size: 22px;
  width: auto;
  line-height: 1.8em;
  height: 470px;
  margin-right: 50px;
  width: 410px;
  overflow: hidden;
}
.div_news_bg1 .div_con_news_box .div_con_box .img2{ width:45px; display:inline-block; position:relative;float:right;margin-top: 210px;margin-right: 110px;}
.div_news_bg1 .div_con_news_box .div_con_box .div_txt_box2 {
  writing-mode: tb-rl;
  display: inline-block;
  text-align: left;
  float: right;
  color: #1b1b1a;
  font-size: 22px;
  width: auto;
  line-height: 1.8em;
  height: 470px;
  margin-right:20px;
}
.div_news_bg1 .div_con_news_box .div_con_box .img3{ display:inline-block; position:relative;float:right;margin-top:210px;margin-right:50px; width:45px}

.div_news_bg2 {position: relative;z-index: 1;overflow: hidden;height: 850px;}
.div_news_bg2 .div_infos_box {width: 1100px;margin: 150px auto 0px;text-align: left;position: relative;display: table;}
.div_news_bg2 .div_infos_box .div_txt_box {
  writing-mode: tb-rl;
  display: inline-block;
  text-align: left;
  float: right;
  color: #1b1b1a;
  font-size: 26px;
  height: 536px;
  overflow: hidden;
  font-family: "shoujinti";
}
.div_news_bg2 .div_infos_box .div_txt_box span{ font-family:"微软雅黑 Light";font-size: 16px;font-weight: normal;}




.div_yewu_box{ width:100%;text-align:center;overflow:hidden; overflow:hidden;}
.div_yewu_box .div_tit{ width:100%; text-align:center;margin-top: 170px;}
.div_yewu_box .div_tit img{ width:50%;}
.div_yewu_box .div_box{ width:1270px; text-align:center;height:320px;;margin:130px auto 0px;}
.div_yewu_box .div_box .div_left{ height:270px; line-height:270px; width:30px; text-align:left; display:inline-block; vertical-align:top; float:left; cursor:pointer}
.div_yewu_box .div_box .div_middle{display:inline-block; vertical-align:top;width:calc( 100% - 200px);height:320px;overflow: hidden;}
.div_yewu_box .div_box .div_middle .div_img_box{ height:270px;display:inline-block; vertical-align:top; text-align:center}
.div_yewu_box .div_box .div_middle .div_img_box img{height:100%;}
.div_yewu_box .div_box .div_right{ height:270px; line-height:270px; width:30px; text-align:right; display:inline-block; vertical-align:top; float:right;cursor:pointer}

.div_zixun_box{ width:100%; height:1080px; text-align:center;overflow:hidden;}
.div_zixun_box .div_box{ width:1180px; margin:110px auto 0px;display:table;overflow: hidden;}
.div_zixun_box .div_box .div_title{ float:right; right:0px; font-size:48px; font-family:"shoujinti";writing-mode:tb-rl; color:#000;position: relative;top:10px;}
.div_zixun_box .div_box .div_sub_title{ float:right;height:175px;text-align: center; position:relative; display:block; background:#3a434a; width:1px;margin-top: 84px;}
.div_zixun_box .div_box .div_con_box{ margin-top:40px;width:1120px;padding:1px 0px;float:left;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box{ width:100%; height:340px; position:relative; text-align:center;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box div{ display:inline-block; vertical-align:top;width: 33%; text-align:center; position:relative;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box .img_title{ width:240px; height:240px; position:relative; margin-top:40px;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box .img_title_middle{ text-align:center; width:300px; height:300px;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box .img_xiabiao{ position:absolute;bottom: -20px;right: 70px;}

.div_zixun_box .div_box .div_con_box .div_zixun_img_box .div_img_left .img_xiabiao{position:absolute;bottom:-23px;right:128px;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box .div_img_middle{ position:relative;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box .div_img_middle .img_xiabiao{position: absolute;bottom: -28px;right: 84px;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box .div_img_middle .div_kuohao_left_box{ position:absolute; bottom:-15px; left:-70px;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box .div_img_middle .div_kuohao_right_box{ position:absolute; top:-30px; right:-65px;}
.div_zixun_box .div_box .div_con_box .div_zixun_img_box .div_img_right .img_xiabiao {position: absolute;bottom: -27px;right: 94px;}

.div_zixun_box .div_box .div_con_box .div_zixun_con_box{ width:100%; position:relative; text-align:center; margin-top: 30px;}
.div_zixun_box .div_box .div_con_box .div_zixun_con_box div{ display:inline-block; vertical-align:top;width: 33%; text-align:center; position:relative}

.div_zixun_box .div_box .div_con_box .div_zixun_con_box .div_con_left{font-size:28px; color:#2f2d2e; text-align:center;font-family:"shoujinti";}
.div_zixun_box .div_box .div_con_box .div_zixun_con_box .div_con_left span{writing-mode: tb-rl;display: inline-block;text-align:left;margin-top:20px;padding-left: 10px; height:180px;line-height: 1.2em;}

.div_zixun_box .div_box .div_con_box .div_zixun_con_box .div_con_middle{font-size:20px; color:#2f2d2e; text-align:center;font-family:"shoujinti";}
.div_zixun_box .div_box .div_con_box .div_zixun_con_box .div_con_middle .div_zixun_title {
  writing-mode: tb-rl;
  display: inline-block;
  text-align: left;
  margin-top: 20px;
  float: right;
  height: 180px;
  width: 73px;
  line-height: 1.2em;
  font-size: 28px;
}
.div_zixun_box .div_box .div_con_box .div_zixun_con_box .div_con_middle .div_desc{
	writing-mode: tb-rl;
    display: inline-block;
    text-align: left;
    margin-top: 20px;
    float: right;
    color: #757575;
    height: 218px;
    font-size:20px;
    width: auto;
    margin-right: 15px;
    line-height:1.4em;
    overflow: hidden;
}

.div_zixun_box .div_box .div_con_box .div_zixun_con_box .div_con_right{font-size:28px; color:#2f2d2e; text-align:center;font-family:"shoujinti";}
.div_zixun_box .div_box .div_con_box .div_zixun_con_box .div_con_right span{writing-mode: tb-rl;display: inline-block;text-align:left;margin-top:20px;padding-left:10px;height:180px;line-height: 1.2em;}

.div_bg4{position: relative;z-index: 0;text-align:center;height:849px; background-image:url(../images/banyuan.png); background-repeat:no-repeat; background-position:center bottom;background-size: 40%;}
.div_dongtai_box{ width:100%;text-align:center;overflow:hidden;padding-top:10px;}
.div_dongtai_box .div_dongtai_title_box{ width:100%; text-align:center; margin:60px auto 0px;}
.div_dongtai_box .div_dongtai_title_box img{ width:600px}
.div_dongtai_box .div_box{ width:1200px;margin:60px auto 0px; text-align:center; display:table;}
.div_dongtai_box .div_box .div_con_left{ float:left; display:inline-block; width:49%;margin-top:66px;}
.div_dongtai_box .div_box .div_con_left .div_row{ width:100%; padding:15px 0px; text-align:left; display:table;}
.div_dongtai_box .div_box .div_con_left .div_row .div_left_con{ float:left; display:block; width:69%;}
.div_dongtai_box .div_box .div_con_left .div_row .div_left_con .div_dongtai_title{ font-size:18px; color:#776b5f; text-align:left;}
.div_dongtai_box .div_box .div_con_left .div_row .div_left_con .div_dongtai_intro{margin-top: 5px;font-size: 14px;text-align: left;color: #847d76;font-weight: 600;}
.div_dongtai_box .div_box .div_con_left .div_row .div_right_con{ float: right; display:block; width:28%; text-align:right; border-left:1px solid #bdaca2;}
.div_dongtai_box .div_box .div_con_left .div_row .div_right_con span{ height: 100px;width: 100px;border-radius: 50px;border: 2px solid #bdaca4;text-align: center;font-size: 20px;line-height: 100px;display: block;margin: 0px auto;color: #bdaca4;}
.div_dongtai_box .div_box .div_con_middle{ display:inline-block; text-align:center;}
.div_dongtai_box .div_box .div_con_middle img{ width: 26px;}
.div_dongtai_box .div_box .div_con_right{ float:right; display:inline-block; width:49%;}
.div_dongtai_box .div_box .div_con_right .div_row{ width:100%; padding:15px 0px; text-align:left; display:table;}
.div_dongtai_box .div_box .div_con_right .div_row .div_left_con{ float: left; display:block; width:28%; text-align:center; border-right:1px solid #bdaca2;}
.div_dongtai_box .div_box .div_con_right .div_row .div_left_con span{ height:100px; width:100px; border-radius:50px; border:2px solid #bdaca4; text-align:center; font-size:20px; line-height:100px;display: block;margin: 0px auto; color:#bdaca4 }
.div_dongtai_box .div_box .div_con_right .div_row .div_right_con{ float:left; display:block; width:67%;margin-left: 20px;}
.div_dongtai_box .div_box .div_con_right .div_row .div_right_con .div_dongtai_title{ font-size:18px; color:#776b5f; text-align:left;}
.div_dongtai_box .div_box .div_con_right .div_row .div_right_con .div_dongtai_intro{margin-top: 0px;font-size: 14px;text-align: left;color: #847d76;font-weight: 600;}

.div_listing_box{background: url(../images/listing_bg_1.jpg) repeat;padding-bottom:20px; overflow:hidden}

.footer {color:#99897a;height:130px;overflow: hidden; position:absolute; bottom:0px;width: 100%; background:#483524;text-align:center;}
.footer .w1200{width:1200px;margin:30px auto 0px;}
.footer .w1200 a{color:#998779;}
.footer .w1200 .p1{color:#998779; font-size:20px; font-family:"楷体"; margin:5px auto 5px;}
.footer .w1200 .p2{ font-size:14px; font-family:"微软雅黑 Light"; font-weight:normal;}

img {
    border: 0;
    outline: 0;
    vertical-align: middle;
	display:block;
}
.mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.video-bg {
	position:relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
#bgVideo {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保持比例填充容器 */
	background: #000; /* 兼容旧浏览器的备用背景色 */
}
.header-bg {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-image: url(/template/default/images/new/header_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #1d1f20;
	display:none;
}
.header-bg .logo_box {
    width: 300px;
    margin-left: 15px;
    margin-top: 15px;
}
.header-bg .logo_box img{ width:100%;}
.header-bg .nav_box {
    position: absolute;
    top: 35px;
    right: 100px;
}
.header-bg .nav_box div {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    text-align: center;
    font-family: "楷体";
    width: 120px;
    font-weight: normal;
}
.header-bg .nav_box div a{ color:#ffe7b9; font-size:30px;letter-spacing: 5px;}

.header-bg .carousel {
	width: 512px;
    height: 512px;
    position: absolute;
    top: 27vh;
    left: 50vw;
	overflow: hidden;
}
.header-bg .carousel img {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.8s ease-out 0s;
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
	cursor: pointer;
	z-index: 1;
}
.header-bg .carousel img.active {
	opacity: 1;
	transform: translateX(-10%);
	-webkit-transform: none;
	transform: none;
	z-index: 2;
}
.header-bg .carousel .caption-container {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}
.header-bg .carousel .caption {
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	padding: 5px 10px;
	border-radius: 5px;
	opacity: 0;
	transition: all 0.8s ease-out 0s;
}
.header-bg .carousel .caption.active {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.header-bg .banner_tit {
    margin: 197px auto 0;
    font-size: 40px;
    font-family: cursive;
    color: #000;
    text-align: center;
    padding: 60px 1px;
    background-image: url('/template/default/images/new/wenlu_shang.png'), url('/template/default/images/new/wenlu_xia.png');
    background-repeat: no-repeat;
    background-position: top left, bottom right;
    display: inline-block;
    letter-spacing: 0px;
    direction: ltr;
    width: 78px;
    position: absolute;
    left: 27vw;
    color: #ffe7b9;
    background-size: 47%;
    white-space: nowrap;
    writing-mode: vertical-lr;
    line-height: 79px;
}
.header-bg .banner_sign {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    font-family: cursive;
    direction: ltr;
    width: 30px;
    text-align: center;
    padding: 10px 0px;
    position: absolute;
    left: 24vw;
    bottom: 34vh;
    line-height: 19px;
}
.header-bg .banner_yin {
    display: inline-block;
    width: 33px;
    text-align: center;
    padding: 10px 0px;
    position: absolute;
    left: 24vw;
    top: 64vh;
}
.header-bg .banner_yin img{ width:100%}


.relic_box{
	position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-image: url(/template/default/images/new/bg_02.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #6f6d6a;
}
.relic_box .scrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}
.relic_box .scrollBox .scroll {
    font-size: 0;
    height: 100vh;
    white-space: nowrap;
	overflow:hidden;
}
.relic_box .scrollBox .scroll::-webkit-scrollbar {
	display: none; /* 隐藏Webkit浏览器中的滚动条 */
}
.relic_box .scrollBox .scroll {
	-ms-overflow-style: none;  /* 隐藏IE和Edge中的滚动条 */
	scrollbar-width: none;  /* 隐藏Firefox中的滚动条 */
}
.relic_box .scrollBox .scroll .item:first-child {
    border-left: none;
}
.relic_box .scrollBox .scroll .item {
    width: 33.33vw;
    display: inline-block;
    height: 100%;
    position: relative;
    border-left: 1px solid #beb8a3;
    white-space: normal;
    vertical-align: top;
}
.relic_box .scrollBox .scroll .item .pic {
    width: 70%;
    height: 50%;
    position: absolute;
    left: 50%;
    bottom: 10vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
.relic_box .scrollBox .scroll .item .pic img {
    max-width: 100%;
    max-height: 100%;
}
.relic_box .scrollBox .scroll .item .h {
    position: absolute;
    left: 5vw;
    bottom: 15vh;
    font-size: 24px;
	font-weight: normal;
}
.relic_box .scrollBox .scroll .item .h::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #7f3222;
    display: inline-block;
    margin-bottom: 0.3em;
}
.relic_box .scrollBox .scroll .item .h {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
}
.relic_box .scrollBox .scroll .item .mask {
    background: url(/template/default/images/new/bg3.jpg) no-repeat center center/cover;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size: 16px;
}
.relic_box .scrollBox .scroll .item .mask .pic {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
}
.relic_box .scrollBox .scroll .item .mask .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 5vw;
	text-align: left;
}
.relic_box .scrollBox .scroll .item .mask .text .h2 {
    font-size: 24px;
	color:#fff;
}
.relic_box .scrollBox .scroll .item .mask .text .h3 {
    margin-top: 0.5em;
	color:#fff;
}

.relic_box .scrollBox .scroll .item .mask .text .p {
    margin-top: 1em;
    color: #999;
    font-family: "微软雅黑 Light";
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 21px;
}
.relic_box .scrollBox .scroll .item:hover>.pic {
    opacity: 0;
}
.relic_box .scrollBox .scroll .item:hover .h {
    z-index: 2;
    font-size: 30px;
}
.relic_box .scrollBox .scroll .item:hover .h a{
	color: #fff;
}
.relic_box .scrollBox .scroll .item:hover .mask {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.relic_box .scrollBox .scroll .item:hover .mask .pic {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
	z-index:2;
}
.relic_box .scrollBox .scroll .item:nth-child(even) .pic {
    bottom: 40vh;
}
.relic_box .scrollBox .scroll .item:nth-child(even):hover .h {
    top: 5vw;
    bottom: auto;
}
.relic_box .scrollBox .scroll .item:nth-child(even) .mask .text {
    bottom: 0;
    top: auto;
}
.relic_footer_box{
	position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-image: url(/template/default/images/new/bg_03.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #efece9;
}
.relic_footer_box .tit {
    position: relative;
    width: 35vw;
    margin-top: 8vh;
    margin-left: 38vw;
}
.relic_footer_box .tit img{ width:100%;}
.relic_footer_box .relic_container {
    width: 77vw;
    height: 51vh;
    margin-top: 6vh;
    margin-left: 18vw;
    position: relative;
    display: block;
}
.relic_footer_box .relic_container .relic_table {
    height: 100%;
    position: relative;
    display: inline-block;
    width: 17vw;
	vertical-align:top;
	background-image: url(/template/default/images/new/index_m.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	margin: 0 13px;
}
.relic_footer_box .relic_container .relic_table img{
	display:block;
	width:100%;
	height:100%;
}
.relic_footer_box .relic_container .relic_table .relic_txt {
    margin: 60px auto 0;
    font-size: 28px;
    font-family: cursive;
    color: #000;
    text-align: center;
    padding: 5px 56px;
    background-image: url('/template/default/images/new/yun_zuo.png'), url('/template/default/images/new/yun_you.png');
    background-repeat: no-repeat;
    background-position: left center, right center;
    display: inline-block;
    letter-spacing: 0px;
    background-size: 20%;
    width: 15vw;
}
.relic_footer_box .relic_container .relic_table .pic {
    width: 180px;
    height: 180px;
	position:absolute;
	left:50%;
	margin-left:-90px;
	top:50%;
	margin-top:-90px;
	-webkit-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
.relic_footer_box .relic_container .relic_table .mask {
    background: url(/template/default/images/new/index_s.png) no-repeat center center/cover;
    color: #908778;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.relic_footer_box .relic_container .relic_table .mask .pic {
	opacity: 0;
    width: 220px;
    height: 220px;
    position:absolute;
	left:50%;
	margin-left:-110px;
	top:50%;
	margin-top:-110px;
	-webkit-transform: translateX(-10%);
    transform: translateX(-10%);
}
.relic_footer_box .relic_container .relic_table .mask .mask_relic_txt {
 	margin: 60px auto 0;
    font-size: 28px;
    font-family: cursive;
    color: #000;
    text-align: center;
    padding: 5px 56px;
    background-image: url('/template/default/images/new/yun_zuo.png'), url('/template/default/images/new/yun_you.png');
    background-repeat: no-repeat;
    background-position: left center, right center;
    display: inline-block;
    letter-spacing: 0px;
    background-size: 20%;
    width: 15vw;
}
.relic_footer_box .relic_container .relic_table .mask .mask_relic_txt a{color: #000;}
.relic_footer_box .relic_container .relic_table:hover .mask {
    opacity: 1;
    visibility: visible;
    z-index: 1;
	cursor:pointer
}
.relic_footer_box .relic_container .relic_table:hover .mask .pic{
    opacity: 1;
    -webkit-transform: none;
    transform: none;
	z-index:2;
}

.relic_footer_box .index_footer {
    text-align: center;
    margin-top: 135px;
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 25px;
    font-weight: normal;
    color: #fff;
    display: inline-block;
    margin-left: 12vw;
}
.relic_footer_box .index_footer a{ color:#fff;}
.relic_footer_box .index_footer .p2{
    font-family: "微软雅黑 Light";
    font-weight: normal;
}
.relic_footer_box .index_footer .p2 a{ color:#fff;}

.fixed_r {
    position: absolute;
    right: 17px;
    top: 50%;
    z-index: 999;
    margin-top: -120px;
    height: 90px;
}
.header-museum-bg {
    height: 70px;
    position: absolute;
    right: 28px;
    top: 0;
    z-index: 1;
    display:none;
    line-height: 70px;
}
.header-museum-bg div {
    display: inline-block;
    vertical-align: top;
    padding: 0 17px;
    font-size: 36px;
    font-weight: normal;
    font-family: cursive;
}
.header-museum-bg div a{ color: #000;}
.relic_museum_container{ width:100vw; height:100vh; background-color:#927a62; text-align:center; position:relative; display:block;}
.relic_museum_container .relic_museum_box {
    width: 99vw;
    margin: 0 auto;
    text-align: center;
    background-image: url('/template/default/images/new/bg_museum.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
	overflow: hidden;
}
.relic_museum_container .relic_museum_box .searchbox {
    width: 100vw;
    height: 70px;
    margin: 3vh auto 0;
	text-align:center;
	position:relative;
	user-select: none;
}
.relic_museum_container .relic_museum_box .searchbox .input_box {
    display: inline-block;
    border-radius: 35px;
    height: 100%;
    background-color: #310f05;
    width: 56vw;
	text-align:left;
	vertical-align: top;
	position: relative;
}
.relic_museum_container .relic_museum_box .searchbox .btn_box {
    display: inline-block;
    border-radius: 23px;
    height: 100%;
    background-color: #310f05;
    width: 5vw;
    margin-left: 3vw;
    vertical-align: top;
    position: relative;
}
.relic_museum_container .relic_museum_box .searchbox .btn_box .searchBtnBox {
    height: 45px;
    background: #a39382;
    width: 176px;
    position: absolute;
    top: 12px;
    left: -39px;
    border-radius: 35px;
    text-align: center;
	user-select: none;
}
.relic_museum_container .relic_museum_box .searchbox .btn_box .searchBtnBox img {
    margin: 0 auto;
    width: 45px;
    position: relative;
    margin-top: 4px;
    cursor: pointer;
	user-select: none;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_one {
    margin-top: 12px;
    margin-left: 70px;
    width: 156px;
    position: relative;
    display: inline-block;
    vertical-align: top;
	user-select: none;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_one .selected {
    width: 156px;
    height: 45px;
    background: #a39382;
    border-radius: 30px;
    position: relative;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    color: #000;
	cursor:pointer;
	user-select: none;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_one .box {
    color: #000;
    font-size: 18px;
    line-height: 45px;
    font-weight: normal;
    margin-top: 2px;
    display: none;
    z-index: 999;
    position: relative;
    height: 643px;
    overflow-y: auto;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_one .box .select_item {
    background: #a39382;
    text-align: center;
    border-top: 1px solid #310f05;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_one .box .select_item:first-child {
    border-top: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_one .box .select_item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_one .box .select_item:hover {
    background: #310f05;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_one .select_btn {
    position: absolute;
    left: 170px;
    top: 14px;
    width: 30px;
	cursor:pointer;
	user-select: none;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_one .select_btn img{ width:100%}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_two {
    margin-top: 12px;
    margin-left: 96px;
    width: 156px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_two .selected {
    width: 136px;
    height: 45px;
    background: #a39382;
    border-radius: 30px;
    position: relative;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    color: #000;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_two .box {
    color: #000;
    font-size: 18px;
    line-height: 45px;
    font-weight: normal;
	margin-top:2px;
	display:none;
	z-index:999;
	position: relative;
	width: 216px;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_two .box .select_item {
    background: #a39382;
    text-align: center;
    border-top: 1px solid #310f05;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_two .box .select_item:first-child {
    border-top: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_two .box .select_item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_two .box .select_item:hover {
    background: #310f05;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_two .select_btn {
    position: absolute;
    left: 170px;
    top: 14px;
    width: 30px;
	cursor:pointer
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_select_two .select_btn img{ width:100%}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_input_box {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    height: 45px;
    position: absolute;
    top: 12px;
    right: 11px;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_input_box input {
    width: 345px;
    height: 45px;
    border: none;
    outline: none;
    border-radius: 23px;
    background: #a39382;
    color: #000;
    padding: 0 20px;
    font-size: 20px;
    font-weight: 600;
}
.relic_museum_container .relic_museum_box .searchbox .input_box .div_input_box input:placeholder-shown{ color: #000;}
/* Chrome/Opera/Safari */
::-webkit-input-placeholder { 
    color: #000;
	font-weight: 600;
}
/* 针对Firefox */
::-moz-placeholder { /* Firefox 19+ */
    color: #000;
	font-weight: 600;
}
.relic_museum_container .relic_museum_box .title {
    width: 27vw;
    margin: 20px auto 0;
	user-select: none;
}
.relic_museum_container .relic_museum_box .title img{ width:100%;}
.relic_museum_container .relic_museum_box .scroll-container {
    width: 89vw;
    text-align: center;
    margin: 10px auto 0;
    overflow: hidden;
    height: 62vh;
}
.relic_museum_container .relic_museum_box .scroll-container .list_box {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    text-align: left;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-left: 16px;
}
.relic_museum_container .relic_museum_box .scroll-container .list_box .list_item {
    background-color: #b7a58f;
    padding: 9px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 20px 23px;
	position: relative;
	float: left;
}
.relic_museum_container .relic_museum_box .scroll-container .list_box .list_item .mask{ position:absolute; left:0; top:0; width:100%; height:100%;background-size: cover; background-position: center center; opacity: 0;transition: opacity 0s ease-out 0s;-webkit-transition: opacity 0s ease-out 0s;}
.relic_museum_container .relic_museum_box .scroll-container .list_box .list_item:hover .mask { opacity: 1;z-index: 1;cursor: pointer;background-size: cover;background-position: center center;}
.relic_museum_container .relic_museum_box .scroll-container .list_box .list_item .each_box{ border:4px solid #5e2a1a;text-align:center;}
.relic_museum_container .relic_museum_box .scroll-container .list_box .list_item .each_box a{ color:#000;}
.relic_museum_container .relic_museum_box .scroll-container .list_box .list_item .each_box a:hover{ color:#2d2d2d;}
.relic_museum_container .relic_museum_box .scroll-container .list_box .list_item .each_box div {
    width: 18vw;
    height: 25vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.relic_museum_container .relic_museum_box .scroll-container .list_box .list_item .each_box p {
    font-size: 30px;
    font-family: cursive;
    text-align: center;
    padding: 7px;
    font-weight: 600;
    overflow: hidden;
    width: 16vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto;
}
/* 隐藏滚动条的另一种方法（兼容性更好） */
.list_box::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}

.relic_folk_container {
    width: 100vw;
    height: 100vh;
    background-color: #927a62;
    text-align: center;
    position: relative;
    display: block;
}
.relic_folk_container .relic_folk_box {
    width: 100vw;
    margin: 0 auto;
    text-align: center;
    background-image: url('/template/default/images/new/bg_folk.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
	position: relative;
}
.relic_folk_container .relic_folk_box .searchbox {
    width: 100vw;
    height: 59px;
    margin: 5px auto 0;
    text-align: center;
    position: absolute;
    user-select: none;
    bottom: 146px;
}
.relic_folk_container .relic_folk_box .searchbox .input_box {
    display: inline-block;
    border-radius: 35px;
    height: 100%;
    background-color: #49463f;
    width: 65vw;
    text-align: left;
    vertical-align: top;
    position: relative;
}
.relic_folk_container .relic_folk_box .searchbox .btn_box {
    display: inline-block;
    border-radius: 23px;
    height: 100%;
    background-color: #49463f;
    width: 5vw;
    margin-left: 3vw;
    vertical-align: top;
    position: relative;
}
.relic_folk_container .relic_folk_box .searchbox .btn_box .searchBtnBox {
    height: 37px;
    background: #b4aca6;
    width: 176px;
    position: absolute;
    top: 11px;
    left: -39px;
    border-radius: 35px;
    text-align: center;
    user-select: none;
}
.relic_folk_container .relic_folk_box .searchbox .btn_box .searchBtnBox img {
    margin: 0 auto;
    width: 38px;
    position: relative;
    margin-top: 3px;
    cursor: pointer;
    user-select: none;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_one {
    margin-top: 11px;
    margin-left: 20px;
    width: 140px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    user-select: none;
    height: 37px;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .selected {
    width: 140px;
    height: 100%;
    background: #b4aca6;
    border-radius: 30px;
    position: relative;
    text-align: center;
    line-height: 37px;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    user-select: none;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .box {
    font-size: 18px;
    line-height: 37px;
    font-weight: normal;
    margin-top: 2px;
    display: none;
    z-index: 999;
    position: absolute;
    width: 140px;
    bottom: 39px;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .box .select_item {
    background: #7aa498;
    text-align: center;
    border-top: 1px solid #fff;
	color:#fff;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .box .select_item:first-child {
    border-top: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .box .select_item:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .box .select_item:hover {
    background: #64887e;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_one .select_btn {
    position: absolute;
    left: 150px;
    top: 12px;
    width: 30px;
	cursor:pointer;
	user-select: none;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_one .select_btn img{ width:100%}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_two {
    margin-top: 11px;
    margin-left: 96px;
    width: 140px;
    position: relative;
    display: inline-block;
    vertical-align: top;
	user-select: none;
    height: 37px;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_two .select_btn {
    position: absolute;
    left: 150px;
    top: 12px;
    width: 30px;
	cursor:pointer
}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_two .select_btn img{ width:100%}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_three {
    margin-top: 11px;
    margin-left: 96px;
    width: 140px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    user-select: none;
    height: 37px;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_three .select_btn {
    position: absolute;
    left: 150px;
    top: 12px;
    width: 30px;
	cursor:pointer;
	user-select: none;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_three .select_btn img{ width:100%}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_input_box {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    height: 37px;
    position: absolute;
    top: 11px;
    right: 11px;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_input_box input {
    width: 345px;
    height: 37px;
    border: none;
    outline: none;
    border-radius: 23px;
    background: #b4aca6;
    color: #000;
    padding: 0 20px;
    font-size: 20px;
    font-weight: normal;
}
.relic_folk_container .relic_folk_box .searchbox .input_box .div_input_box input:placeholder-shown{ color: #000;}
/* Chrome/Opera/Safari */
::-webkit-input-placeholder { 
    color: #fff;
	font-weight: 600;
}
/* 针对Firefox */
::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
	font-weight: 600;
}
.relic_folk_container .relic_folk_box .title {
    width: 100vw;
    margin: 0px auto;
    user-select: none;
}
.relic_folk_container .relic_folk_box .title img {
    width: 100%;
}
.relic_folk_container .relic_folk_box .chuan {
    position: absolute;
    user-select: none;
    top: 15px;
    left: 354px;
	animation-duration: 5s;
}
.relic_folk_container .relic_folk_box .chuan img {
    width: 100%;
}
.relic_folk_container .relic_folk_box .scroll-container {
    width: 76vw;
    text-align: center;
    margin: -7vw auto 0;
    overflow: hidden;
    position: relative;
}
.relic_folk_container .relic_folk_box .scroll-container .list_box {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    text-align: left;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
.relic_folk_container .relic_folk_box .scroll-container .list_box .list_item {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 10px 43px;
    position: relative;
    float: left;
}
.relic_folk_container .relic_folk_box .scroll-container .list_box .list_item .each_box{ text-align:center;}
.relic_folk_container .relic_folk_box .scroll-container .list_box .list_item .each_box a{ color:#243452;}
.relic_folk_container .relic_folk_box .scroll-container .list_box .list_item .each_box a:hover{ color:#1a253b;}
.relic_folk_container .relic_folk_box .scroll-container .list_box .list_item .each_box div {
    border: 3px solid #656565;
    width: 14vw;
    height: 19vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    /* transition: all 1.5s ease; */
}
.relic_folk_container .relic_folk_box .scroll-container .list_box .list_item .each_box p {
    font-size: 26px;
    font-family: cursive;
    text-align: center;
    padding: 7px;
    font-weight: 600;
    overflow: hidden;
    width: 93%;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 auto;
}
.relic_folk_container .relic_folk_box .scroll-container .list_box .list_item:hover .each_box div{ cursor: pointer;box-shadow: 3px 3px 8px rgba(255, 255, 255, 0.8);animation: marquee-border 1s linear infinite; }

/* 隐藏滚动条的另一种方法（兼容性更好） */
.list_box::-webkit-scrollbar {
	display: none; /* Chrome, Safari, Opera */
}
@keyframes marquee-border {
	0% {
		border-top-color: #d0cdca;
		border-right-color: #b3aea8;
		border-bottom-color: #d0cdca;
		border-left-color: #b3aea8;
	}
	25% {
		border-top-color: #b3aea8;
		border-right-color: #d0cdca;
		border-bottom-color: #b3aea8;
		border-left-color: #d0cdca;
	}
	50% {
		border-top-color: #d0cdca;
		border-right-color: #b3aea8;
		border-bottom-color: #d0cdca;
		border-left-color: #b3aea8;
	}
	75% {
		border-top-color: #b3aea8;
		border-right-color: #d0cdca;
		border-bottom-color: #b3aea8;
		border-left-color: #d0cdca;
	}
	100% {
		border-top-color: #d0cdca;
		border-right-color: #b3aea8;
		border-bottom-color: #d0cdca;
		border-left-color: #b3aea8;
	}
}

.relic_collector_container {
    width: 93vw;
    height: 100vh;
    background-color: #927a62;
    text-align: center;
    position: relative;
    display: block;
    margin: 0 auto;
}
.relic_collector_container .relic_collector_box {
    width: 93vw;
    margin: 0 auto;
    text-align: center;
    background-image: url('/template/default/images/new/bg_collector.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
	position: relative;
}
.relic_collector_container .relic_collector_box .title {
    width: 93vw;
    margin: 0px auto;
    user-select: none;
    text-align: center;
}
.relic_collector_container .relic_collector_box .title img { width: 35%;margin: 15px auto 0;}
.relic_collector_container .relic_collector_box .searchBox {
    width: 80vw;
    margin: 0px auto;
    user-select: none;
    text-align: right;
    height: 50px;
    position: absolute;
    right: 137px;
    top: 90px;
}
.relic_collector_container .relic_collector_box .searchBox .element {
    height: 100%;
    width: 350px;
    background: #b4b4b4;
    border-radius: 25px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
}
.relic_collector_container .relic_collector_box .searchBox .element .input {
    border: none;
    outline: none;
    height: 40px;
    margin-left: 32px;
    position: relative;
    margin-top: 7px;
    width: 233px;
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
	background:none;
}
.relic_collector_container .relic_collector_box .searchBox .element .btn_search {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    margin-top: 10px;
    float: right;
    margin-right: 33px;
	cursor:pointer
}

.relic_collector_container .relic_collector_box .scroll-container {
    width: 90vw;
    text-align: center;
    margin: 0px auto 0;
    overflow: hidden;
    height: 72vh;
    position: relative;
}
.relic_collector_container .relic_collector_box .scroll-container .list_box {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    text-align: left;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox {
    width: 79vw;
    height: 23vw;
    position: relative;
    margin: 35px auto 0;
    z-index: 0;
}
.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox:first-child{ margin:0 auto;}
.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .list_item {
    background-size: auto;
    background-image: url(/template/default/images/new/bg_each_collector.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: relative;
    pointer-events: none;
    background-position: center center;
}
.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .list_item .uname_box {
    font-family:"华文行楷",cursive;
    font-size: 50px;
    position: absolute;
    top: 210px;
    left: 411px;
    color: #4b3519;
}
.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .list_item .uid_box {
    font-size: 20px;
    position: absolute;
    top: 291px;
    left: 420px;
    color: #4b3519;
    letter-spacing: 1px;
}
.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .avatar_box {
    background-repeat: no-repeat;
    width: 330px;
    height: 330px;
    z-index: 1;
    position: absolute;
    top: 5px;
    left: 65px;
    border-radius: 160px;
    cursor: pointer;
    pointer-events: all;
    background-size: cover;
    background-position: center center;
}
.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .aba {
    width: 238px;
    height: 210px;
    z-index: 1;
    position: absolute;
    top: 164px;
    right: 298px;
    overflow: hidden;
}
.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .myposition { right: 46px;}
.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .aba .relic_each_box {
    background-repeat: no-repeat;
    width: 238px;
    height: 210px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 5px;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
}

.container_collectorinfo{
	background-image:url(/template/default/images/new/bg_collectorinfo.png);
	background-repeat:repeat-y;
	width:100%;
	margin:0 auto;
	max-width:1920px;
}
.container_collectorinfo .header_collectorinfo {
    width: 100%;
    height: 130px;
    overflow: hidden;
}
.container_collectorinfo .header_collectorinfo .logo_collectorinfo {
    width: 90px;
    position: relative;
    margin-top: 19px;
    margin-left: 16px;
}
.container_collectorinfo .header_collectorinfo .logo_collectorinfo img{ width:100%;}
.container_collectorinfo .header_collectorinfo .nav_collectorinfo {
    position: absolute;
    top: 0;
    right: 130px;
}
.container_collectorinfo .header_collectorinfo .nav_collectorinfo div{
    display: inline-block;
    vertical-align: top;
    font-size: 40px;
    color: #424c3d;
    font-weight: 600;
    font-family: cursive;
    line-height: 130px;
    margin: 0 20px;
    text-shadow: 5px 4px 4px rgba(132, 132, 132, 1);
}
.container_collectorinfo .header_collectorinfo .nav_collectorinfo div a{ color: #424c3d;}
.container_collectorinfo .business_card {
    width: 100%;
    text-align: left;
    position: relative;
	height: 530px;
}
.container_collectorinfo .business_card .seat_1{ width:95vw; height:460px; background:#fff; z-index:3;position: relative;}
.container_collectorinfo .business_card .seat_1 .info_box {
    position: relative;
    margin-left: 720px;
    height: 100%;
    text-align: left;
    overflow: hidden;
}
.container_collectorinfo .business_card .seat_1 .info_box h1 {
    font-size: 40px;
    color: #424c3d;
    margin-top: 30px;
    letter-spacing: 3px;
}
.container_collectorinfo .business_card .seat_1 .info_box .p1 {
    font-size: 20px;
    color: #636562;
    font-weight: normal;
}
.container_collectorinfo .business_card .seat_1 .info_box h2 {
    color: #636562;
    font-size: 30px;
    margin-top: 30px;
    font-weight: normal;
    letter-spacing: 2px;
}
.container_collectorinfo .business_card .seat_1 .info_box .intro {
    font-size: 24px;
    color: #636562;
    font-weight: normal;
    margin-top: 20px;
    letter-spacing: 2px;
    width: 1069px;
    line-height: 39px;
    overflow-y: auto;
    height: 195px;
}
.container_collectorinfo .business_card .seat_2 {
    width: 96vw;
    height: 486px;
    background: #919a88;
    z-index: 2;
    box-shadow: 16px 31px 27px rgba(78, 79, 77, 1);
    position: absolute;
    top: 10px;
}
.container_collectorinfo .business_card .avatar_box {
    position: absolute;
    z-index: 4;
    left: 116px;
    width: 480px;
    height: 480px;
    top: -83px;
    border-radius: 240px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
	border: 1px solid #b9bbb5;
	cursor:pointer
}
.container_collectorinfo .relic_collectorinfo_box{ width:100%; text-align:center; display:block; position:relative;}
.container_collectorinfo .relic_collectorinfo_box .title {
    width: 18%;
    position: relative;
    display: block;
    margin-left: 75px;
    margin-top: 21px;
}
.container_collectorinfo .relic_collectorinfo_box .title img{ width:100%;}
.container_collectorinfo .relic_collectorinfo_box .scroll-container {
    width: 100%;
    text-align: center;
    margin: 10px auto 0;
    overflow: hidden;
    position: relative;
	padding-top: 10px;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .scroll-box {
    display: table;
    position: relative;
    margin: 0 auto;
    text-align: left;
    width: 96%;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .scroll-box .list_item {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin: 30px 22px;
    position: relative;
    float: left;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box {
    text-align: center;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .imageBox {
    background-color: #919a88;
    width: 410px;
    height: 315px;
    box-shadow: 16px 26px 6px rgba(78, 78, 76, 1);
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .imageBox div {
    width: 410px;
    height: 295px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .pname {
    font-size: 26px;
    font-family: cursive;
    text-align: center;
    padding: 7px;
    font-weight: 600;
    overflow: hidden;
    width: 97%;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 30px auto 0;
    color: #3b3d3b;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .pname a{ color:#3b3d3b;}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .mask {
    color: #908778;
    opacity: 0;
    visibility: hidden;
   -webkit-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .mask div {
    width: 410px;
    height: 295px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .mask .tit_box{
	background-color:#919a88; height:60px; font-size:26px; line-height:60px;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .mask .tit_box p {
    font-size: 26px;
    font-family: cursive;
    text-align: center;
    padding: 0 7px;
    font-weight: 600;
    overflow: hidden;
    width: 96%;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px auto;
    color: #3b3d3b;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item:hover .mask {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    cursor: pointer;
    top: -40px;
}
.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item:hover .each_box .pname{ visibility:hidden}
.collectorinfo_footer {
    color: #fff;
    overflow: hidden;
    position: relative;
    bottom: 20px;
    width: 100%;
    background: #3e2712;
    text-align: center;
    padding: 10px 0;
}
.collectorinfo_footer .p2 {
    font-size: 14px;
    font-family: "微软雅黑 Light";
    font-weight: normal;
    letter-spacing: 2px;
    margin: 5px;
}
.collectorinfo_footer .p2 a {
    color: #fff;
}

.collection_footer {
    color: #fff;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    width: 99vw;
    background: #3e2712;
    text-align: center;
    padding: 10px 0;
}

.collection_footer {
    color: #fff;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    width: 100%;
    background: #3e2712;
    text-align: center;
	padding: 10px 0;
}
.collection_footer .p2 {
    font-size: 14px;
    font-family: "微软雅黑 Light";
    font-weight: normal;
    margin: 5px;
    letter-spacing: 2px;
}
.collection_footer .p2 a{ color:#fff;}

@media (max-width:1628.98px){
	.header-bg .carousel {
		width: 512px;
		height: 512px;
		position: absolute;
		top: 27vh;
		left: 48vw;
		overflow: hidden;
	}
	.header-bg .banner_sign {
		display: inline-block;
		font-weight: normal;
		font-size: 26px;
		font-family: cursive;
		direction: ltr;
		width: 33px;
		text-align: center;
		padding: 10px 0px;
		position: absolute;
		left: 24vw;
		bottom: 34vh;
		line-height: 29px;
	}
	.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .mask div {
		width: 360px;
		height: 259px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.collection_container .collection .collection_relic_1 .relic_box_5 .relic_txt {
		display: inline-block;
		font-weight: normal;
		font-size: 30px;
		direction: ltr;
		width: 30px;
		text-align: center;
		padding: 10px 0px;
		position: absolute;
		left: 21vw;
		top: 3vw;
		color: #613e1f;
		line-height: 32px;
	}
	.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item:hover .mask {
		opacity: 1;
		visibility: visible;
		z-index: 1;
		cursor: pointer;
		top: -40px;
	}
	.relic_museum_container .relic_museum_box .scroll-container .list_box .list_item{margin: 20px;}
	.relic_folk_container .relic_folk_box .scroll-container .list_box .list_item {
		text-align: center;
		display: inline-block;
		vertical-align: top;
		margin: 10px 35px;
		position: relative;
		float: left;
	}
	.collection_container .collection .collection_fenge .collection_sanjiao2 {
		background-image: url('/template/default/images/new/sanjiao2.png');
		background-repeat: no-repeat;
		background-position: left center;
		position: absolute;
		right: 20px;
		bottom: -40px;
		width: 85px;
		height: 35px;
		line-height: 32px;
		text-align: right;
		font-size: 28px;
		font-weight: normal;
		background-size: contain;
	}
	.collection_container .collection .collection_relic_2 {
		background-image: url('/template/default/images/new/bg_collection_footer.png');
		background-size: contain;
		background-repeat: no-repeat;
		overflow: hidden;
		position: relative;
		text-align: left;
		height: 848px;
	}
	.relic_folk_container .relic_folk_box .scroll-container {
		width: 76vw;
		text-align: center;
		margin: -8vh auto 0;
		overflow: hidden;
		position: relative;
	}
	.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_two {
		margin-top: 11px;
		margin-left: 75px;
		width: 140px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		user-select: none;
		height: 37px;
	}
	.relic_folk_container .relic_folk_box .searchbox .input_box .div_select_three {
		margin-top: 11px;
		margin-left: 80px;
		width: 140px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		user-select: none;
		height: 37px;
	}
	.relic_collector_container .relic_collector_box .searchBox {
		width: 80vw;
		margin: 0px auto;
		user-select: none;
		text-align: right;
		height: 50px;
		position: absolute;
		right: 107px;
		top: 72px;
	}
	.relic_collector_container .relic_collector_box .searchBox .element .btn_search {
		display: inline-block;
		vertical-align: top;
		width: 35px;
		margin-top: 10px;
		float: right;
		margin-right: 24px;
		cursor: pointer;
	}
	.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox {
		width: 90vw;
		height: 26vw;
		position: relative;
		margin: 35px auto 0;
		z-index: 0;
	}
	.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .list_item{ background-size:contain;}
	.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .avatar_box {
		background-repeat: no-repeat;
		width: 323px;
		height: 323px;
		z-index: 1;
		position: absolute;
		top: 1px;
		left: 59px;
		border-radius: 160px;
		cursor: pointer;
		pointer-events: all;
		background-size: cover;
		background-position: center center;
	}
	.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .aba {
		width: 238px;
		height: 210px;
		z-index: 1;
		position: absolute;
		top: 152px;
		right: 284px;
		overflow: hidden;
	}
	.relic_collector_container .relic_collector_box .scroll-container .list_box .eachbox .myposition {
		right: 37px;
	}
	.relic_collector_container .relic_collector_box .scroll-container {
		width: 90vw;
		text-align: center;
		margin: 0px auto 0;
		overflow: hidden;
		height: 41vw;
		position: relative;
	}
	.container_collectorinfo .relic_collectorinfo_box .title {
		width: 22%;
		position: relative;
		display: block;
		margin-left: 75px;
		margin-top: 12px;
	}
	.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .imageBox div {
		width: 360px;
		height: 259px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.container_collectorinfo .relic_collectorinfo_box .scroll-container .list_item .each_box .imageBox {
		background-color: #919a88;
		width: 360px;
		height: 279px;
		box-shadow: 16px 26px 6px rgba(78, 78, 76, 1);
	}
	.container_collectorinfo .relic_collectorinfo_box .scroll-container .scroll-box .list_item {
		text-align: center;
		display: inline-block;
		vertical-align: top;
		margin: 20px 13px;
		position: relative;
		float: left;
	}
	.container_collectorinfo .relic_collectorinfo_box .scroll-container {
		width: 100%;
		text-align: center;
		margin: 10px auto 0;
		overflow: hidden;
		position: relative;
	}
}