@charset "utf-8";
@import url("top.css");
@import url("end.css");
@import url("base.css");
.mu1{margin-top:5px; font-size:3.75vw;}
.mu1 li{float:left; width:25%; color:#666; text-align:center; line-height:250%; border-bottom:2px solid #eaeaea; position:relative;}
.mu1 li span{width:15.62vw; height:2px; border-bottom:2px solid #7911be; display:none; position:absolute; bottom:-2px; left:50%; margin-left:-7.81vw;}
.mu1 li.on{color:#000;}
.mu1 li.on span{display:block;}
@media screen and (min-width:960px){
.mu1{font-size:36px;}
.mu1 li span{width:150px; margin-left:-75px;}
}
@media screen and (max-width:320px){
.mu1{font-size:12px;}
.mu1 li span{width:50px; margin-left:-25px;}
}

.mu2 dl{width:96%; margin:0px auto; border-bottom:1px solid #e8e8e8; clear:both; display:block; overflow:hidden;}
.mu2 dl dt{width:200%; height:4.06vw; padding:20px 0px 15px;padding:3.125vw 0px 1.563vw;}
.mu2 dl dt i{float:left; margin-top:0.2vw; padding:0.4vw 0.8vw 0.5vw; height:2.5vw; line-height:2.5vw; font-size:2.5vw; text-align:center; color:#9739c3; border:1px solid #9739c3; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; display:block;}
.mu2 dl dt span{float:left; height:3.75vw; line-height:3.75vw; text-indent:0.5em; font-size:3.59vw; color:#000; display:block; overflow:hidden;}
.mu2 dl dd{width:100%; padding-bottom:20px;padding-bottom:3.125vw; font-size:2.8vw; line-height:160%; color:#888; display:block; clear:both;}
.mu2 dl dd a{color:#888;}
@media screen and (min-width:960px){
.mu2 dl dt{height:39px; padding:30px 0px 15px;}
.mu2 dl dt i{margin-top:2px; padding:4px 7px 5px; height:24px; line-height:24px; font-size:24px;}
.mu2 dl dt span{height:36px; line-height:36px; font-size:34px;}
.mu2 dl dd{padding-bottom:30px; font-size:26px;}
}
@media screen and (max-width:320px){
.mu2 dl dt{height:13px; padding:10px 0px 5px;}
.mu2 dl dt i{margin-top:0px; padding:0px 2px; height:12px; line-height:12px; font-size:8px;}
.mu2 dl dt span{height:12px; line-height:12px; font-size:11px;}
.mu2 dl dd{padding-bottom:10px; font-size:9px;}
}

.list1_page ul{width:96%; margin:0px auto; height:70px; border-bottom:1px solid #dcdcdc;}
.list1_page ul{height:50px; padding-top:20px;}
.list1_page ul li{float:left; margin-left:10px; padding:5px 10px; font-size:14px; border:1px solid #dbdbdb;}
.list1_page ul li{color:#444;}
.list1_page ul li.thisclass{background:#9b774f; border-color:#875e31; color:#fff;}
.list1_page ul li.thisclass a{color:#fff;}
@media screen and (max-width:480px){
.list1_page ul li{float:left; margin-left:3px; padding:2px 5px; font-size:14px; border:1px solid #dbdbdb;}
}


.artNav{margin:20px 5px;background:#fff;overflow:hidden;padding-bottom:20px;/*box-shadow:0 0 5px 1px #e8e8e8;*/clear:both;}
.artNav a{display:block;float:left;width:30%;background:#f4f4f4;text-align:center;margin-top:10px;margin-left:1.5%;margin-right:1.5%;font-size:24px;color:#282828;padding:10px 0;}

.artNav a.current{background:#282828;color:#fff;}
@media screen and (max-width:480px){
	.topBar{height: 60px;}
	.topBar img{width: 235px; padding-top: 9px;}
	.artNav,.artbox{margin: 10px 10px;padding-bottom: 10px;}
	.artNav{margin: 10px 5px;}
	.artNav a{ font-size: 14px;  padding: 5px 0; margin-top: 10px;  width: 30.33333%; margin-left: 1.5%;  margin-right: 1.5%;}
	h2{font-size: 18px; margin:20px 0 10px;}
	
}