@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#fff; font: normal 100%; font-size:100%; font-family:'Arial';}/*100% 即默认16px*/
body,html{ padding-top:0px; overflow-x:hidden;}
* {font: normal 100%; font-size:100%; font-family:'Arial';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px;margin-left:-40px; *margin-left:0px;}
li {list-style-type:none;}
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
a { text-decoration:none;outline-style:none; color:#858585;}
a:hover { color:#981B23;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}

DIV.thepage {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px;FONT-SIZE: 4vw; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
DIV.thepage A {
	MARGIN: 3px; COLOR: #666; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none; border:1px solid #cccccc; padding:5px; padding-left:12px; padding-right:12px; FONT-SIZE: 4vw;
}
DIV.thepage A:hover {
	COLOR: #fff; BACKGROUND-COLOR:#981B23;border:1px solid #981B23;FONT-SIZE: 4vw;
}
DIV.thepage A:active {
	COLOR: #981B23; BACKGROUND-COLOR: #fff;FONT-SIZE: 4vw;
}
DIV.thepage SPAN.current {
	MARGIN: 3px; COLOR: #ffffff; BACKGROUND-COLOR: #981B23; border:1px solid #981B23; padding:5px; padding-left:12px; padding-right:12px; FONT-SIZE: 4vw;
}
DIV.thepage SPAN.disabled {
	MARGIN: 3px; COLOR: #cccccc; BACKGROUND-COLOR: #fff;FONT-WEIGHT: bold; border:1px solid #cccccc; padding:5px; padding-left:12px; padding-right:12px; FONT-SIZE: 4vw;
}

#top { width:100%; margin-top:0%; position:relative; position:fixed; z-index:9999;}
#top #tarea { width:100%; overflow:hidden; padding-top:4%; background:url(../images/navbg.png) center top; background-size:auto 100%;}
#top #tarea #logo { float:left; width:35%; text-align:right; overflow:hidden; margin-top:1%; margin-bottom:2%;}
#top #tarea #logo img { width:80%; height:auto; display:block; margin-left:14%; margin-top:2%; margin-bottom:0%;}
#top #tarea #tel { float:right; width:20%; text-align:right; margin-top:1.8%;}
#top #tarea #tel #img { float:right; width:25%; margin-right:25%; text-align:right;}
#top #tarea #tel #img img { width:100%; height:auto; cursor:pointer;}

#top #pagemenu { display:none; position:absolute; width:100%; z-index:9999; overflow:hidden; background-color:#981B23; padding-top:3%; padding-bottom:2%; opacity:0.9;}
#top #pagemenu ul { width:100%;}
#top #pagemenu ul a { display:block; float:left; width:33.3%; margin-bottom:1%; font-size:3.8vw; line-height:10vw; text-align:center; color:#fff; background:url(../images/mbg.png) no-repeat center center; background-size:70%;}

#indexad { margin:0 auto; width:100%; display:block; margin:0px; padding:0px; margin-top:13.5%; padding:0px; overflow:hidden; text-align:center; position:relative; z-index:999;}
#indexad #adarea { margin:0 auto; width:100%; height:auto; display:block; overflow:hidden; text-align:center;}
#indexad #adarea #ads { margin:0 auto; width:100%; height:auto; display:block; overflow:hidden; position:relative; z-index:998;}
#indexad #adarea #ads ul { width:100%;}
#indexad #adarea #ads ul li {width:100%; height:auto; display:block; overflow:hidden;list-style-type:none;vertical-align:0;margin:0;padding:0;-webkit-text-size-adjust: none}
#indexad #adarea #ads ul li img {  width:110%; height:110%; display:block;}

.sliders{display:block;}/*display:none;用于获取更加体验*/
.focus { display:none; width:100% !important;height:2.5vw; overflow:hidden; padding-bottom:1%; text-align:center;}
.focus div { margin:0 auto; width:52% !important;height:2.5vw; overflow:hidden; text-align:center; position:relative;}
.focus span{ width:2.5vw;height:2.5vw;margin-right:1.2vw;border-radius:50%;background:#fff;font-size:0; text-decoration:none; display:inline-block;*display:inline;*zoom:1;}
.focus span.current{background:#981B23}

#pagead { width:100%; overflow:hidden; margin-top:13.5%; text-align:center;}
#pagead img { width:200%; margin-left:-50%; display:block;}

#indexarea1 { width:100%; overflow:hidden; margin-top:0%; overflow:hidden;}
#indexarea1 #show { margin:0 auto; width:100%; height:auto; overflow:hidden; position:relative; background:url(../images/bg1.jpg) no-repeat center top; background-size:100% 100%;}
#indexarea1 #show #areainfo { margin:0 auto; width:100%; overflow:hidden; padding-bottom:7%; margin-top:7%;}
#indexarea1 #show #areainfo #lefttime { margin:0 auto; position:relative; z-index:1; width:98%; height:auto; padding-bottom:6%; overflow:hidden; background:url(../images/img1.png) no-repeat center top; background-size:100%;}
#indexarea1 #show #areainfo #rinfos { margin:0 auto; position:relative; z-index:2; margin-top:5%; width:90%;} 
#indexarea1 #show #areainfo #rinfos #infos { width:100%; height:auto; padding-bottom:3%; border-radius:2vw; overflow:hidden; background:url(../images/newsbg.jpg) no-repeat center top; background-size:100% 100%; border:1px solid #ccc; }
/*
#indexarea1 #show #areainfo #rinfos #infos {--tw-bg-opacity: 1;--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);--tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
*/
#indexarea1 #show #areainfo #lefttime #timename { margin:0 auto; width:100%; overflow:hidden; margin-top:7%; font-size:5vw; line-height:8vw; color:#8F6938; font-weight:bold; text-align:center;}
#indexarea1 #show #areainfo #lefttime #area { margin:0 auto; width:80%; overflow:hidden; margin-top:2%; padding-bottom:2%; text-align:center;}
#indexarea1 #show #areainfo #lefttime #area #stitle { width:100%; text-align:center; font-size:4.5vw; color:#8F6938; font-weight:bold;}
#indexarea1 #show #areainfo #lefttime #area #times { width:99.5%; border:1px solid #8F6938; border-radius:2vw; margin-top:3%; overflow:hidden;}
#indexarea1 #show #areainfo #lefttime #area #times #names { width:100%; overflow:hidden; background-color:#8F6938;}
#indexarea1 #show #areainfo #lefttime #area #times #names ul { width:100%;}
#indexarea1 #show #areainfo #lefttime #area #times #names ul li { float:left; width:33.3%; text-align:center; color:#fff; font-size:3.3vw; line-height:8vw;}
#indexarea1 #show #areainfo #lefttime #area #times #time { width:100%; overflow:hidden; background-color:#fff;}
#indexarea1 #show #areainfo #lefttime #area #times #time ul { width:100%;}
#indexarea1 #show #areainfo #lefttime #area #times #time ul li { float:left; width:33.3%; text-align:center; color:#8F6938; font-size:4vw; font-weight:bold; line-height:8vw;}
#indexarea1 #show #areainfo #lefttime #tips { margin:0 auto; width:100%; margin-top:3%; text-align:center; overflow:hidden; font-size:3.5vw; color:#8F6938; font-weight:bold;}
#indexarea1 #show #areainfo #rinfos #infos #news { margin:0 auto; width:95%; overflow:hidden; margin-top:5%;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews { margin:0 auto; width:95%; overflow:hidden;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #bigclass { width:100%; overflow:hidden; position:relative; z-index:2;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #bigclass ul { width:100%;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #bigclass ul li { float:left; width:25%; height:8vw; border-bottom:2px solid #E5E6EB; overflow:hidden; text-align:center;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #bigclass ul li a { display:block; width:100%; height:8vw; overflow:hidden; text-align:center; color:#333; font-size:3.8vw;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #bigclass ul li.on { border-bottom:2px solid #94151C;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #bigclass ul li.on a { color:#94151C;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #line { width:100%; height:2px; overflow:hidden; background-color:#E5E6EB; position:relative; z-index:1; margin-top:-2px;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #limg { width:100%; height:57vw; overflow:hidden; margin-top:5%;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #limg img { width:100%; height:100%;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #limg a { display:block; width:100%; height:57vw; overflow:hidden; position:relative;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #limg a p { position:absolute; background:url(../images/mask2.png) repeat left top; left:0px; bottom:0px; right:0px; text-align:left; color:#fff; font-size:3.5vw; width:90%; padding-left:5%; padding-right:5%; line-height:10vw; height:10vw; overflow:hidden;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #nlist { width:100%; margin-top:5%; overflow:hidden;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #nlist a { display:block; width:100%; overflow:hidden; text-align:left; font-size:3.5vw; color:#666; height:7vw; line-height:7vw;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #nlist a:hover { color:#8E0F16;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #moren { width:100%; overflow:hidden; margin-top:5%; margin-bottom:5%;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #moren a { display:block; margin:0 auto; background-color:#8E0F16; border-radius:4vw; transition:background-color 0.3s linear; width:40%; height:8vw; line-height:8vw; color:#fff; font-size:3.5vw; text-align:center;}
#indexarea1 #show #areainfo #rinfos #infos #news #rnews #moren a:hover { background-color:#AF1820; transition:background-color 0.3s linear;}

#indexarea2 { margin:0 auto; width:90%; overflow:hidden; margin-top:6%;}
#indexarea2 #title { margin:0 auto; width:100%; overflow:hidden;}
#indexarea2 #title #lline { float:left; width:35%; height:1px; border-top:1px solid #C7C4C4; margin-top:4%;}
#indexarea2 #title #rline { float:right; width:35%; height:1px; border-top:1px solid #C7C4C4; margin-top:4%;}
#indexarea2 #title #bigname { float:left; width:30%; text-align:center; font-size:4.5vw; color:#000; line-height:8vw; font-weight:bold;}
#indexarea2 #showarea { margin:0 auto; width:100%; overflow:hidden; margin-top:6%;}
#indexarea2 #showarea ul { width:105%;}
#indexarea2 #showarea ul li { float:left; width:45%; overflow:hidden; margin-right:5%; margin-bottom:5%;}
#indexarea2 #showarea ul li a img { width:99%; height:35vw; display:block; border:0px solid #D9D9D9;}
#indexarea2 #showarea ul li a p { display:block; margin:0 auto; margin-top:0%; width:100%; font-weight:bold; text-align:center; color:#333; font-size:4vw; line-height:10vw; text-align:center;}
#indexarea2 #showarea ul li a div { width:100%; text-align:center; overflow:hidden; font-size:3vw; color:#ccc; margin-top:-3%;}

#footer { width:100%; overflow:hidden; text-align:center; padding-top:5%; border-top:1px solid #E6E6E6; background-color:#fff; padding-bottom:5%; margin-top:5%; margin-bottom:16%; font-size:3vw; line-height:6vw; color:#868686;}
#footer * { font-size:3vw; color:#868686; line-height:6vw;}
#footer font { font-size:3vw; color:#E77817; line-height:6vw;}
#footer img { width:35%; height:auto; margin-bottom:2%; border:1px solid #E6E6E6;}
#footer #imgConac { border:0px; width:15%; height:auto; margin-top:3%;}

#float { display:block; margin:0 auto; width:100%; overflow:hidden; position:absolute; z-index:9999; position:fixed; bottom:0px;} 
#float #bshow { width:103%;}
#float #bshow a { display:block; float:left; width:49%; padding-top:3%; padding-bottom:3%; border-right:1px solid #fff; text-align:center; color:#fff; font-size:4vw; border-top:0px;}
#float #bshow a img { width:10%; vertical-align:middle; margin-top:-3%;}
#float #bshow #b1 { background-color:#971920;}
#float #bshow #b2 { background-color:#971920;}
#float #bshow #b3 { background-color:#971920;}

#body { background:url(../images/bg.png) repeat-y center top; position:relative; z-index:1;}
#position { margin:0 auto; width:100%; height:8vw; position:relative; margin-top:15%; border-bottom:1px solid #F1F3F3; background-color:#fff;}
#position #pos { margin:0 auto; width:90%; height:8vw; font-family:'宋体'; font-weight:bold; text-align:left; line-height:8vw; font-size:3vw; color:#666; overflow:hidden; position:relative;}
#position #pos a { font-size:3vw; color:#666; line-height:8vw; font-weight:normal;}
#position #pos a:hover { color:#8E0F16;}
#position #pos span { font-size:3vw; color:#666; line-height:8vw; font-weight:normal;}

#selarea { margin:0 auto; width:90%; overflow:hidden; margin-top:5%; border-left:1px solid #E6E6E6; border-top:1px solid #E6E6E6;}
#selarea ul { width:103%;}
#selarea ul li { float:left; width:48%; background-color:#fff; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; text-align:center; overflow:hidden;}
#selarea ul li a { display:block; width:100%; height:8vw; line-height:8vw; text-align:center; overflow:hidden; font-size:3.5vw; color:#666;}
#selarea ul li.on { background-color:#971920;}
#selarea ul li.on a { color:#fff;}

#aboutmain { margin:0 auto; width:100%; margin-top:5%; overflow:hidden;}
#aboutmain #ptitle { width:100%; height:8vw; text-align:center; line-height:8vw; font-size:4vw; font-weight:bold; color:#fff; overflow:hidden; background:url(../images/titlebg.png) no-repeat center top; background-size:100% 100%;}
#aboutmain #aboutarea { width:100%; padding-bottom:3%; overflow:hidden; background:url(../images/pbg.jpg) repeat-y center top; background-size:100%;}
#aboutmain #aboutarea #imgslide { margin:0 auto; width:90%; height:40vw; overflow:hidden; margin-top:6%;}
#aboutmain #aboutarea #imgslide #imgs { margin:0 auto; width:100%; height:40vw; overflow:hidden; position:relative; z-index:1;}
#aboutmain #aboutarea #imgslide #imgs ul { width:100%;}
#aboutmain #aboutarea #imgslide #imgs ul li { float:left; width:100%; height:40vw; overflow:hidden; position:relative;}
#aboutmain #aboutarea #imgslide #imgs ul li img { width:100%; height:auto; display:block;}
#aboutmain #aboutarea #imgslide #abts { margin:0 auto; width:100%; height:1.5vw; overflow:hidden; position:relative; z-index:999; margin-top:-5vw;}
#aboutmain #aboutarea #imgslide #abts ul {display: table;margin:0 auto;text-align:center;padding:0;}
#aboutmain #aboutarea #imgslide #abts ul li { float:left; width:6vw; height:1.5vw; margin-left:0.5vw; margin-right:0.5vw; cursor:pointer; background-color:#fff; opacity:0.5; border-radius:10px;}
#aboutmain #aboutarea #imgslide #abts ul li.on {  background-color:#fff; opacity:1;}
#aboutmain #aboutarea #vrbt { margin:0 auto; width:35%; height:8vw; text-align:center; position:relative; z-index:2; margin-top:5%;}
#aboutmain #aboutarea #vrbt a { display:block; width:100%; height:8vw; line-height:8vw; background-color:#981B23; text-align:center; color:#fff; font-size:3.5vw; border-radius:4vw;}
#aboutmain #aboutarea #vrbt a:hover { background-color:#AF2F38;}
#aboutmain #aboutarea #rcontent { margin:0 auto; width:90%; overflow:hidden; margin-top:6%; font-size:3.5vw; line-height:7vw; color:#000; text-align:justify;}
#aboutmain #aboutarea #rcontent img { max-width:100%;}
#aboutmain #aboutarea #rcontent * { font-size:3.5vw; line-height:7vw;}
#aboutmain #aboutarea #videotitle { margin:0 auto; width:90%; overflow:hidden; margin-top:8%;}
#aboutmain #aboutarea #videotitle #titlename { margin:0 auto; width:80%; height:5vw; overflow:hidden;}
#aboutmain #aboutarea #videotitle #titlename #tl { float:left; width:30%; height:5vw; overflow:hidden; background:url(../images/tl.png) no-repeat right 2px;}
#aboutmain #aboutarea #videotitle #titlename #tr { float:right; width:30%; height:5vw; overflow:hidden; background:url(../images/tl.png) no-repeat right 2px;transform:rotateY(180deg);}
#aboutmain #aboutarea #videotitle #titlename #name { float:left; width:40%; text-align:center; font-size:4.5vw; color:#981B23; font-weight:bold; line-height:5vw;}
#aboutmain #aboutarea #videos { margin:0 auto; width:90%; overflow:hidden; margin-top:6%;}
#aboutmain #aboutarea #videos ul { width:105%;}
#aboutmain #aboutarea #videos ul li { float:left; width:45%; text-align:center; position:relative; padding:0px; margin-right:5%; margin-bottom:3%;}
#aboutmain #aboutarea #videos ul li #imgshow { display:block; width:100%; height:28vw; text-align:center; overflow:hidden; position:relative;}
#aboutmain #aboutarea #videos ul li #imgshow p { display:block; width:7vw; height:7vw; background:url(../images/play.png) no-repeat center top; background-size:7vw; position:absolute; z-index:999; margin-left:-3.5vw; left:50%; margin-top:-3.5vw; top:50%;}
#aboutmain #aboutarea #videos ul li #imgshow img { width:100%; height:28vw;}
#aboutmain #aboutarea #videos ul li div { width:100%; height:7vw; overflow:hidden; text-align:center; margin-top:3%; line-height:7vw; font-size:3.5vw;}
#aboutmain #aboutarea #videos ul li div a { font-size:3.5vw; line-height:7vw; color:#000;}
#aboutmain #aboutarea #videos ul li div a:hover { color:#8E0F16; text-decoration:underline;}
#aboutmain #aboutarea #oglist { margin:0 auto; width:90%; overflow:hidden; margin-top:6%; padding-bottom:6%;}
#aboutmain #aboutarea #oglist #ogdata { width:100%; overflow:hidden; border-bottom:1px dashed #7D673F; padding-bottom:5%; margin-bottom:5%;}
#aboutmain #aboutarea #oglist #ogdata #lname { float:left; width:100%; overflow:hidden;}
#aboutmain #aboutarea #oglist #ogdata #lname p { display:block; margin:0 auto; width:35%; height:10vw; margin-top:0%; overflow:hidden; background:url(../images/ibg.png) no-repeat left top; background-size:100% 100%; text-align:center; line-height:10vw; font-size:3.5vw; color:#000;}
#aboutmain #aboutarea #oglist #ogdata #finfo { float:right; width:100%; margin-top:5%; overflow:hidden;text-align:justify; color:#000; font-size:3.5vw; line-height:7vw;}
#aboutmain #aboutarea #mnlist { margin:0 auto; width:90%; overflow:hidden; margin-top:6%; padding-bottom:6%;}
#aboutmain #aboutarea #mnlist #mndata { width:100%; overflow:hidden; border-bottom:1px dashed #7D673F; padding-bottom:5%; margin-bottom:5%;}
#aboutmain #aboutarea #mnlist #mndata #limg { float:left; width:30%; text-align:left;}
#aboutmain #aboutarea #mnlist #mndata #limg img { width:100%; height:auto; margin-top:2%;}
#aboutmain #aboutarea #mnlist #mndata #rinfo { float:right; width:65%; overflow:hidden;}
#aboutmain #aboutarea #mnlist #mndata #rinfo #name { width:100%; overflow:hidden; text-align:left; font-size:4vw; font-weight:bold; color:#000;}
#aboutmain #aboutarea #mnlist #mndata #rinfo #notes {width:100%; margin-top:3%; overflow:hidden;text-align:justify; color:#000; font-size:3.3vw; line-height:6vw; } 
#aboutmain #aboutarea #mapsearch { display:none; margin:0 auto; width:900px; overflow:hidden; margin-top:30px; background-color:#fff; padding-top:20px; padding-bottom:20px;}
#aboutmain #aboutarea #mapsearch #address { float:left; width:630px; overflow:hidden; text-align:left; text-indent:15px; font-size:15px; line-height:19px; margin-top:5px;}
#aboutmain #aboutarea #mapsearch #address img { margin-top:-3px;}
#aboutmain #aboutarea #mapsearch #search { float:right; width:270px; height:30px; overflow:hidden; padding:0px; margin:0px;}
#aboutmain #aboutarea #mapsearch #search #key { width:225px; height:30px; line-height:30px; position:relative; float:left; text-align:left; background-color:#eee; border:0px; text-indent:10px;}
#aboutmain #aboutarea #mapsearch #search #sbt { width:30px; height:30px; position:relative; float:left; border:0px; background:url(../images/sbt.png) no-repeat center center; background-size:50% 50%; background-color:#981B23;}
#aboutmain #aboutarea #map { margin:0 auto; width:90%; height:100vw; overflow:hidden; border:1px solid #ccc; margin-top:5%;}
#aboutmain #aboutarea #trafficline { margin:0 auto; width:90%; text-align:center; overflow:hidden; margin-top:6%; font-size:3.5vw; color:#000; line-height:7vw; margin-bottom:6%;}
#aboutmain #aboutarea #trafficline img { width:15%; height:auto; max-width:100%;}

#pagesel { margin:0 auto; width:100%; height:15vw; text-align:center; margin-top:1%; background:url(../images/titlebg3.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden; position:relative;}
#pagesel a { display:block; width:20%; height:9vw; background:url(); text-align:center; font-size:4vw; color:#fff; margin-left:3%; margin-right:3%; cursor:pointer; margin-top:3.5%; text-decoration:none; display:inline-block;*display:inline;*zoom:1;}
#pagesel a.on { color:#FFE03F;background:url(../images/row.png) no-repeat center bottom; background-size:13%;}
#pagesel2 { margin:0 auto; width:100%; height:10vw; text-align:center; margin-top:1%; background:url(../images/titlebg4.png) no-repeat center top; background-size:100% 100%; overflow:hidden; position:relative;}
#pagesel2 a { display:block; width:20%; height:10vw; text-align:center; font-size:4vw; color:#fff; margin-left:3%; margin-right:3%; cursor:pointer; margin-top:2.5%; text-decoration:none; display:inline-block;*display:inline;*zoom:1;}
#pagesel2 a.on { color:#FFE03F;}
#pagesel3 { margin:0 auto; width:100%; height:9vw; text-align:center; font-size:4vw; color:#fff; line-height:9vw; background:url(../images/titlebg6.png) no-repeat center top; background-size:100% 100%; overflow:hidden; position:relative;}
#mainlist { margin:0 auto; width:100%; padding-bottom:5%; overflow:hidden; background:url(../images/pbg2.png) repeat-y center top; background-size:100%;}
#mainlist #exlist { margin:0 auto; width:90%; overflow:hidden; margin-top:5%;}
#mainlist #exlist ul { width:100%;}
#mainlist #exlist ul li { float:left; width:100%; overflow:hidden; margin-bottom:5%; background-color:#fff;}
#mainlist #exlist ul li {--tw-bg-opacity: 1;--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);--tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
#mainlist #exlist ul li #img { width:100%; overflow:hidden; text-align:center;}
#mainlist #exlist ul li #img img { width:100%; height:auto;}
#mainlist #exlist ul li #name { margin:0 auto; width:90%; margin-top:5%; text-align:left; overflow:hidden;border-bottom:1px dashed #7D673F; padding-bottom:3%; margin-bottom:3%;}
#mainlist #exlist ul li #name a { color:#000; font-size:4vw; font-weight:bold;}
#mainlist #exlist ul li #name a:hover { color:#981B23; text-decoration:underline;}
#mainlist #exlist ul li #notes { margin:0 auto; width:90%; margin-bottom:5%; overflow:hidden; text-align:left; font-size:3.5vw; line-height:6vw; color:#333; text-align:justify;}
#mainlist #prosearch { margin:0 auto; width:90%; overflow:hidden; margin-top:5%; padding-bottom:2.5%; background-color:#fff;}
#mainlist #prosearch #s1 { float:left; width:45%; margin-left:2.5%; height:8vw; margin-top:2.5%; margin-right:5%;}
#mainlist #prosearch #s1 input.input1 { width:100%; height:7.2vw; cursor:pointer; border:1px solid #F2F3F5; background-color:#F2F3F5; line-height:7.2vw; text-align:left; text-indent:3%; font-size:3.5vw;}
#mainlist #prosearch #s1 input.input1:hover { border:1px solid #981B23;}
#mainlist #prosearch #s2 { float:left; width:45%; height:8vw; margin-top:2.5%;}
#mainlist #prosearch #s2 select.sel1 { width:100%; height:8vw; cursor:pointer; border:1px solid #F2F3F5; background-color:#F2F3F5; line-height:8vw; padding-top:5px; padding-bottom:5px; text-align:left; text-indent:3%; font-size:3.5vw;}
#mainlist #prosearch #s2 select.sel1:hover { border:1px solid #981B23;}
#mainlist #prosearch #s3 { float:left; width:46%; height:8vw; margin-left:2.5%; margin-top:2.5%;}
#mainlist #prosearch #s3 select.sel1 { width:100%; height:8vw; cursor:pointer; border:1px solid #F2F3F5; background-color:#F2F3F5; line-height:8vw; padding-top:5px; padding-bottom:5px; text-align:left; text-indent:3%; font-size:3.5vw;}
#mainlist #prosearch #s3 select.sel1:hover { border:1px solid #981B23;}
#mainlist #prosearch #sbts { float:left; width:45.6%; margin-left:4%; overflow:hidden; margin-top:2.5%; text-align:left;}
#mainlist #prosearch #sbts input.reset { width:45.6%; height:8vw; cursor:pointer; margin-left:5%; text-align:center; border:0px; font-size:3.5vw; color:#666; background-color:#F2F3F5;}
#mainlist #prosearch #sbts input.reset:hover { background-color:#E6E6E6}
#mainlist #prosearch #sbts input.sbt { width:45%; height:8vw; cursor:pointer; text-align:center; border:0px; font-size:3.5vw; color:#fff; background-color:#981B23;}
#mainlist #prosearch #sbts input.sbt:hover { background-color:#B42C35}
#mainlist #prolist { margin:0 auto; width:90%; overflow:hidden; margin-top:5%;}
#mainlist #prolist ul { width:105%;}
#mainlist #prolist ul li { float:left; width:45%; overflow:hidden; margin-right:5%; margin-bottom:5%; background-color:#fff;transition: transform 0.3s ease-in-out;}
#mainlist #prolist ul li { --tw-bg-opacity: 1;--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);--tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
#mainlist #prolist ul li:hover { transform: scale(1);}/*transform: scale(1.05);*/
#mainlist #prolist ul li #img { width:100%; height:30vw; overflow:hidden; text-align:center; background:url(../images/wwbg.jpg) repeat-x left top; background-size:100% 30vw;}
#mainlist #prolist ul li #img img { width:auto; height:30vw;}
#mainlist #prolist ul li #name { width:100%; height:8vw; overflow:hidden; background-color:#981B23;}
#mainlist #prolist ul li #name a { display:block; margin:0 auto; width:90%; text-align:center; color:#fff; line-height:8vw; height:8vw; font-size:3vw;}
#mainlist #artlist { margin:0 auto; width:90%; overflow:hidden; margin-top:5%;}
#mainlist #artlist #adata { margin:0 auto; width:100%; overflow:hidden; background-color:#fff; margin-bottom:5%;}
#mainlist #artlist #adata {--tw-bg-opacity: 1;--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);--tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
#mainlist #artlist #adata #limg { width:100%; overflow:hidden; text-align:left;}
#mainlist #artlist #adata #limg img { width:100%; height:auto;}
#mainlist #artlist #adata #rinfos { width:100%; overflow:hidden; position:relative; padding-bottom:5%;}
#mainlist #artlist #adata #rinfos #p { display:block; position:absolute; width:18%; height:6vw; right:2vw; top:3.5vw; text-align:center; border-radius:1vw; line-height:6vw; color:#fff; font-size:3.3vw;}
#mainlist #artlist #adata #rinfos #p.active { background-color:#DF6C36;}
#mainlist #artlist #adata #rinfos #p.over { background-color:#ccc; color:#666;}
#mainlist #artlist #adata #rinfos #stitle { margin:0 auto; width:100%; overflow:hidden; margin-top:3%; padding-bottom:3%; border-bottom:1px dashed #7D673F;}
#mainlist #artlist #adata #rinfos #stitle #leftp { float:left; width:1.5%; height:6vw; margin-top:1%; background-color:#981B23;}
#mainlist #artlist #adata #rinfos #stitle #tarea { float:left; width:95%; margin-left:3.5%; height:8vw; overflow:hidden; text-align:left;}
#mainlist #artlist #adata #rinfos #stitle #tarea a { display:block; width:75%; height:8vw; line-height:8vw; text-align:left; font-size:4vw; color:#000;}
#mainlist #artlist #adata #rinfos #stitle #tarea a:hover { color:#981B23;}
#mainlist #artlist #adata #rinfos #timearea { margin:0 auto; width:90%; overflow:hidden; margin-top:3%;}
#mainlist #artlist #adata #rinfos #timearea #ltime { float:left; width:50%; text-align:left; font-size:3.3vw; color:#ccc;}
#mainlist #artlist #adata #rinfos #timearea #rtime { float:right; width:50%; text-align:right; font-size:3.3vw; color:#ccc;}
#mainlist #artlist #adata #rinfos #notes { margin:0 auto; width:90%; height:18vw; overflow:hidden; margin-top:4%; font-size:3.5vw; line-height:6vw; color:#666; text-align:justify;}
#page_page { margin:0 auto; width:90%; overflow:hidden; text-align:center; padding-top:10%; padding-bottom:10%;}

#contentview { margin:0 auto; width:100%; margin-top:1%; overflow:hidden;}
#contentview #ptitle { width:100%; height:9vw; text-align:center; line-height:9vw; font-size:3.8vw; font-weight:bold; color:#fff; overflow:hidden; background:url(../images/titlebg.png) no-repeat center top; background-size:100% 100%;}
#contentview #exbarea { width:100%; padding-bottom:5%; overflow:hidden; background:url(../images/pbg.jpg) repeat-y center top; background-size:100%;}
#contentview #exbarea #imgslide { margin:0 auto; width:90%; height:48vw; overflow:hidden; margin-top:6%;}
#contentview #exbarea #imgslide #imgs { margin:0 auto; width:100%; height:48vw; overflow:hidden; position:relative; z-index:1;}
#contentview #exbarea #imgslide #imgs ul { width:100%;}
#contentview #exbarea #imgslide #imgs ul li { float:left; width:100%; height:48vw; overflow:hidden; position:relative;}
#contentview #exbarea #imgslide #imgs ul li img { width:100%; height:auto; display:block;}
#contentview #exbarea #imgslide #abts { margin:0 auto; width:100%; height:1.5vw; overflow:hidden; position:relative; z-index:999; margin-top:-5vw;}
#contentview #exbarea #imgslide #abts ul {display: table;margin:0 auto;text-align:center;padding:0;}
#contentview #exbarea #imgslide #abts ul li { float:left; width:6vw; height:1.5vw; margin-left:0.5vw; margin-right:0.5vw; cursor:pointer; background-color:#fff; opacity:0.5; border-radius:10px;}
#contentview #exbarea #imgslide #abts ul li.on {  background-color:#fff; opacity:1;}
#contentview #exbarea #music { margin:0 auto; display:none; width:90%; overflow:hidden; margin-top:0%; background-color:#fff;}
#contentview #exbarea #music audio { width:100%;}
#contentview #exbarea #music audio::-webkit-media-controls-panel { background-color: #fff;}
#contentview #exbarea #vrbt { margin:0 auto; width:100%;  height:8vw; text-align:center; margin-top:5%;}
#contentview #exbarea #vrbt a { display:block; width:25%; height:8vw; line-height:8vw; margin-left:2%; margin-right:2%; background-color:#981B23; text-align:center; color:#fff; font-size:3.5vw; border-radius:4vw; text-decoration:none; display:inline-block;*display:inline;*zoom:1;}
#contentview #exbarea #vrbt a:hover { background-color:#AF2F38;}
#contentview #exbarea #rcontent { margin:0 auto; width:90%; position:relative; margin-bottom:5%; padding-bottom:5%; overflow:hidden; background-color:#fff; margin-top:5%;}
#contentview #exbarea #rcontent {--tw-bg-opacity: 1;--tw-shadow: 0px 5px 5px 0px rgba(0,0,0,.2);--tw-shadow-colored: 0px 5px 5px 0px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
#contentview #exbarea #rcontent #p { position:absolute; z-index:9; width:1.5vw; height:6vw; background-color:#981B23; left:0px; top:5vw;}
#contentview #exbarea #rcontent #stitle { margin:0 auto; width:90%; text-align:left; padding-bottom:3%; font-size:4.5vw; line-height:7vw; font-weight:bold; color:#000; overflow:hidden; margin-top:5%; border-bottom:1px dashed #7D673F;}
#contentview #exbarea #rcontent #timearea { position:relative; margin:0 auto; width:90%; overflow:hidden; margin-top:3%; font-size:3.5vw; line-height:6vw; color:#666;}
#contentview #exbarea #rcontent #timearea p { display:block; position:absolute; width:18%; height:6vw; right:0px; top:0px; text-align:center; border-radius:2vw; line-height:6vw; color:#fff; font-size:3.3vw;}
#contentview #exbarea #rcontent #timearea p.active { background-color:#DF6C36;}
#contentview #exbarea #rcontent #timearea p.over { background-color:#ccc; color:#666;}
#contentview #exbarea #rcontent #stitle2  { position:relative; margin:0 auto; width:90%; text-align:center; margin-top:7%; padding-bottom:3%; font-size:4.5vw; line-height:7vw; font-weight:bold; color:#000; overflow:hidden; border-bottom:1px dashed #7D673F;}
#contentview #exbarea #rcontent #stitle2 #timearea { margin:0 auto; width:90%; overflow:hidden; margin-top:3%; font-size:3vw; color:#ccc;}
#contentview #exbarea #rcontent #exbcontent { margin:0 auto; width:90%; overflow:hidden; margin-top:5%; font-size:3.5vw; line-height:7vw; text-align:justify;}
#contentview #exbarea #rcontent #exbcontent img { max-width:100%; height:auto;}
#contentview #exbarea #rcontent #exbcontent * { font-size:3.5vw; line-height:7vw;}
#contentview #exbarea #rcontent #otherlinks { margin:0 auto; width:90%; overflow:hidden; margin-top:5%; padding-top:2%; border-top:1px dashed #7D673F; font-size:3.5vw; line-height:6vw; color:#000;}
#contentview #exbarea #rcontent #otherlinks a { font-size:3.5vw; line-height:6vw;}

#ptitle2 { margin:0 auto; width:95%; height:6vw; position:relative; z-index:10; margin-top:2%; text-align:center; overflow:hidden; background:url(../images/titlebg5.png) no-repeat center top; background-size:100% 100%;}
#relicshow { margin:0 auto; width:92%; overflow:hidden; position:relative; z-index:9; margin-top:-2%; margin-bottom:5%; padding-bottom:5%;}
#relicshow {--tw-bg-opacity: 1;--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);--tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
#relicshow #title { margin:0 auto; width:90%; overflow:hidden; margin-top:7%; text-align:center; font-size:4vw; line-height:6vw; color:#000;}
#relicshow #shows { margin:0 auto; width:95%; height:87.5vw; margin-top:4%; overflow:hidden; padding:0px; text-align:center; background:url(../images/wwbg.jpg) repeat-x left top; background-size:100% 87.5vw;}
#relicshow #shows img { width:100%; height:87.5vw;}
#relicshow #shows2 { margin:0 auto; width:95%; border:1px solid #eee; border-bottom:0px; background-color:#fff; margin-top:5%; overflow:hidden; padding:0px; text-align:center;}
#relicshow #shows2 audio { margin:0 auto; width:100%; margin-top:5%; margin-bottom:5%;}
#relicshow #shows2 audio::-webkit-media-controls-panel { background-color: #fff;}
#relicshow #shows2 div { width:100%; text-align:center; margin-top:7%; margin-bottom:7%; font-size:3.5vw;}
#relicshow #typesel { margin:0 auto; width:95%; height:8vw; overflow:hidden; border:1px solid #eee; border-top:0px;}
#relicshow #typesel ul { width:101%;}
#relicshow #typesel ul li { float:left; width:24.7%; height:8vw; cursor:pointer; background-color:#fafafa; line-height:8vw; text-align:center; border-right:1px solid #eee; font-size:3.6vw; color:#666;}
#relicshow #typesel ul li.on { background-color:#981B23; color:#fff;}
#relicshow #typesel ul li.on img { filter: grayscale(100%) brightness(200%);}
#relicshow #typesel ul li img { width:15%; height:auto; margin-top:-3%; vertical-align:middle;}
#relicshow #music { margin:0 auto; display:none; width:95%; border:1px solid #eee; border-top:0px; overflow:hidden; margin-top:0%; background-color:#fff;}
#relicshow #music audio { width:100%;}
#relicshow #music audio::-webkit-media-controls-panel { background-color: #fff;}
#relicshow #rcontent { margin:0 auto; width:90%; position:relative; overflow:hidden; background-color:#fff; margin-top:0%; padding-bottom:5%;}
#relicshow #rcontent #stitle { margin:0 auto; width:100%; text-align:left; padding-bottom:3%; font-size:4vw; color:#000; overflow:hidden; margin-top:7%; border-bottom:1px dashed #7D673F;}
#relicshow #rcontent #reliccontent { margin:0 auto; width:100%; margin-top:5%; overflow:hidden; font-size:3.5vw; line-height:7vw; text-align:justify;}
#relicshow #rcontent #reliccontent img { max-width:100%; height:auto;}
#relicshow #rcontent #reliccontent * { font-size:3.5vw; line-height:7vw;}
#relicshow #rcontent #otherlinks { margin:0 auto; width:100%; overflow:hidden; margin-top:7%; padding-top:3%; border-top:1px dashed #7D673F; font-size:3vw; line-height:6vw; color:#000;}
#relicshow #rcontent #otherlinks a { font-size:3vw; line-height:6vw;}

#aboutmain #newsarea { margin:0 auto; width:100%; padding-top:5%; padding-bottom:5%; overflow:hidden; background:url(../images/pbg.jpg) repeat-y center top; background-size:100%;}
#aboutmain #newsarea #newsdata { margin:0 auto; width:90%; overflow:hidden; background-color:#fff; padding-bottom:5%; margin-bottom:5%;}
#aboutmain #newsarea #newsdata {--tw-bg-opacity: 1;--tw-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);--tw-shadow-colored: 0px 5px 10px 0px var(--tw-shadow-color);background-color: rgb(255 255 255/var(--tw-bg-opacity)); box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}
#aboutmain #newsarea #newsdata #limg { width:100%; height:40vw; overflow:hidden; text-align:left;}
#aboutmain #newsarea #newsdata #limg img { width:100%; height:auto; margin-top:-15%;}
#aboutmain #newsarea #newsdata #rinfos { width:100%; overflow:hidden; position:relative; margin-top:3%;}
#aboutmain #newsarea #newsdata #rinfos #stitle { margin:0 auto; width:90%; overflow:hidden; margin-top:0%; padding-bottom:3%; border-bottom:1px dashed #7D673F;}
#aboutmain #newsarea #newsdata #rinfos #stitle #leftp { float:left; width:1.5%; height:6vw; margin-top:1%; background-color:#981B23;}
#aboutmain #newsarea #newsdata #rinfos #stitle #tarea { float:left; width:95%; margin-left:3.5%; height:8vw; overflow:hidden; text-align:left;}
#aboutmain #newsarea #newsdata #rinfos #stitle #tarea a { display:block; width:90%; height:8vw; line-height:8vw; text-align:left; font-size:4vw; color:#000;}
#aboutmain #newsarea #newsdata #rinfos #stitle #tarea a:hover { color:#981B23;}
#aboutmain #newsarea #newsdata #rinfos #timearea { margin:0 auto; width:90%; overflow:hidden; margin-top:3%; font-size:3.5vw; color:#666;}
#aboutmain #newsarea #newsdata #rinfos #notes { margin:0 auto; width:90%; height:18vw; overflow:hidden; margin-top:5%; font-size:3.5vw; line-height:6vw; color:#666; text-align:justify;}