@charset "utf-8";
/* CSS Document */

body {margin:0;padding:0;font-size:12px;font-family:"微软雅黑";background:url(../images/topbg.jpg) repeat-x left top}
form,ul,dl,dt,dd,li,input,textarea {margin:0;padding:0;border:0;list-style-type:none}
a:link,a:visited {color:#666;text-decoration:none;}
a:hover,a:active {color:#000;}
img {border:0}

#top {width:1130px;margin:0 auto;height:30px;line-height:30px;text-align:right}
#logo{background: url(../images/logo.png) no-repeat; float: left; width: 400px; height: 46px; margin-left: 30px;}
#logo form {width:206px;height:21px;margin:0;padding:0;float:right}
.sinput {width:140px;float:left;height:21px;line-height:21px;background:url(../images/searchbg.jpg) left top;padding-left:26px;color:#666} 
.sbtn {width:40px;height:21px;float:right;background:url(../images/searchbg.jpg) right top;text-indent:40px}
#nav {width:100%;height:40px;border-bottom:4px solid #000;margin:10px auto}
#nav dl {width:1130px;margin:0 auto;overflow:hidden;}
#nav dt {width:130px;text-align:center;float:left;line-height:40px;}
#nav dd {width:12px;float:left;text-align:center;line-height:40px;}
#nav dt a:link,#nav dt a:visited {font-size:16px;color:#666;display:block;height:40px;text-decoration:none}
#nav dt a:hover,#nav dt a:active,#nav dt a.curnav:link,#nav dt a.curnav:visited {background:url(../images/tbg.jpg) no-repeat center bottom}

#banner {text-align:center;width:100%;overflow:hidden;background:url(../images/bannerbg.jpg) repeat-x left top}

.ibanner{ width:1134px; height:380px; overflow:hidden; margin:0px auto; margin-top:30px; position:relative; z-index:2000; }
.ibanner ul{ position:absolute; left:0px; top:0px; }
.ibanner ul li{
   width:1134px; height:500px; float:left; position:relative;	
}
.ibanner ul li .bg{ width:1134px; height:500px; padding:20px; position:absolute; top:0px; left:0px; background:url(../images/pngb.png); z-index:1; display:none; }
.ibanner ul li .text{ padding:50px; width:70%; position:absolute; left:0px; color:#FFF; line-height:24px; text-align:left; z-index:2; display:none; }
.ibanner ul li .text p{ margin:0px; padding:0px; }
.ibanner ul li.u .text{ top:0px; }
.ibanner ul li.d .text{ bottom:0px; }
.ibanner ul li .text a{ font-size:14px; display:block; height:30px; }
.ibanner ul li .text a:link,.ibanner ul li .text a:visited{ color:#FFF; }
.ibanner ul li .text a:hover,.ibanner ul li .text a:active{ color:#FFCC00; }
.ibanner ul li img{ width:1134px; height:500px; }
.ibanner .btn{
   width:51px; height:51px; position:absolute; top:50%; margin-top:-25px; z-index:3;	
}
.ibanner .prev{ left:20px; }
.ibanner .next{ right:20px; }


.ico_ban_ctrl{ clear:both; height:10px; margin:20px auto; clear:both; text-align:center; }
.ico_ban_ctrl a{ display:inline-block; margin:0px 5px; width:10px; height:10px; background:url(../images/icobg.jpg) no-repeat 0px 0px; }
.ico_ban_ctrl a.act{ background:url(../images/icobg.jpg) no-repeat -10px 0px; }

.loading{ clear:both; padding:20px; text-align:center; }

#firstbody {width:1135px;margin:20px auto;overflow:hidden}
#fleft {width:762px;float:left}
#fright {width:340px;float:right}
#fleft dl {width:100%;overflow:hidden}
#fleft dt {width:742px;padding-left:20px;height:40px;line-height:40px;font-size:20px;}
#fleft dd {width:240px;float:left;margin:7px;display:inline}
#fright dl {width:100%;overflow:hidden}
#fright dt {height:40px;font-size:16px;border-bottom:1px solid #666;margin-bottom:3px;color:#666;line-height:40px;}
#fright dt a {float:right;font-size:12px;margin-right:10px;}
#fright dd {padding:3px;line-height:1.8em;border-top:1px dashed #666;font-size:14px;color:#999}
#fright dd a:link,#fright dd a:visited {color:#999}
#fright dd a:hover,#fright dd a:active {color:#333}
#indexplist {width:1135px;margin:20px auto;margin-top:0;overflow:hidden; height: auto}
#indexplist li {width:363px; margin:15px 8px 15px 7px;float:left;line-height:1.8em;font-size:14px;color:#999;display: block; height: 300px;}
#indexplist img {width:363px; height:240px; margin-top:3px}
#indexplist div {position:absolute;width:33px;height:58px;font-size:13px;text-align:center;margin-left:10px;color:#FFF;padding-left:3px;line-height:1.6em;}

.c1 {background:url(../images/pbg1.png)}
.c2 {background:url(../images/pbg2.png)}
.c3 {background:url(../images/pbg3.png)}
.c4 {background:url(../images/pbg4.png)}
.c5 {background:url(../images/pbg5.png)}
.c0 {background:url(../images/pbg6.png)}

#indexplist li span {display:block;font-size:16px;margin-top:10px}

#fnav {width:100%;overflow:hidden;background-color:#E1E1E1}
#fnav dl {width:1130px;margin:0 auto}
#fnav dd {width:250px;float:left;margin:10px 60px;font-size:14px;line-height:2em;color:#666}
#fnav dt {width:230px;float:right;padding:20px;margin-right:40px}
#fnav h6 {margin:0;padding:0;height:40px;line-height:40px;font-weight:normal;font-size:16px;border-bottom:1px solid #999;padding:0 5px;}



#mybody {width:1130px;margin:0 auto;overflow:hidden}
#myleft {width:205px;float:left;background-color:#F6F6F6;padding-bottom:200px;margin-bottom:20px}
#myright {width:915px;float:right;background-color:#F6F6F6;min-height:350px;margin-bottom:20px}

#myleft dt {height:50px;line-height:50px;font-size:20px;padding-left:20px}
#myleft dd {height:30px;line-height:30px;}
#myleft dd a:link,#myleft dd a:visited {display:block;padding-left:20px;height:30px;line-height:30px;}
#myleft dd a:hover,#myleft dd a:active,#myleft dd a.curleft:link,#myleft dd a.curleft:visited {background:#E7E7E7 url(../images/lli.jpg) no-repeat 180px center}

#location {height:30px;line-height:30px;background:#E7E7E7;color:#999;padding-left:20px;}
#classname {font-size:24px;margin:20px auto;color:#666; font-family:"微软雅黑"; color:#4A4A4A; width:816px; }
#dslist {width:100%;overflow:hidden}
#dslist li {width:270px;float:left;margin:12px;padding:5px;background:#DDD;line-height:1.6em;}
#dslist li div {margin:3px 10px}
#dslist li a {font-size:14px;color:#000;font-weight:bold}
#page {text-align:right;margin:20px}
#page a:link,#page a:visited {padding:4px 8px;background:#DDD}
#page a:hover,#page a:active,#page a.curpage:link,#page a.curpage:visited {background:#F00;color:#FFF;}

#bottom {width:100%;background:url(../images/fbg.jpg);overflow:hidden}
#bottoms {width:1130px;margin:0 auto;padding:0px;overflow:hidden}
#bottoms div {width:230px;float:left;padding-top:40px;}
#bottoms dl {width:900px;float:right}
#bottoms dt {width:6px;height:238px;float:left;font-size:2px;background:url(../images/fline.jpg) bottom}
#bottoms dd  {width:180px;float:left;margin-left:30px;padding-top:60px;text-align:left;color:#999;line-height:2em;}
h4 {font-size:16px;font-weight:normal;margin:10px 0;padding:0;}
#bottoms dd a {display:block;}
#footer {height:40px;line-height:40px;background:#000;color:#999;text-align:center}


/*联系我们*/
#ctitle {text-align:center;height:30px;line-height:30px;font-size:20px;color:#666;margin:20px auto}
#map {text-align:center;padding:30px;background:url(../images/mapbg.jpg) no-repeat center top}
#cadress {width:100%;overflow:hidden;font-size:14px;line-height:1.8em;color:#666;margin:20px auto}
#cadress dt {width:500px;float:left;margin-left:100px;}
#cadress dd {width:500px;float:left}
#cadress div {font-size:18px;margin:10px auto}

/*新闻动态*/
#textlist  {width:100%;overflow:hidden}
#textlist li {margin:20px 10px;font-size:14px;line-height:1.5em;color:#8a8a8a}
#textlist a {display:block;font-size:16px;margin:0 auto 10px auto}

.xwlist{
   clear:both; height:100%; width:869px; margin:10px auto; overflow:hidden;	
}
.xwlist .item{
   height:140px; clear:both; overflow:hidden; margin:0px auto;	
}
.xwlist .item:hover{ background:url(../images/bg.jpg) no-repeat center top; }
.xwlist .item .con{ width:819px; height:130px; margin:5px; background:#FFF; padding:0px 20px; line-height:20px; overflow:hidden; color:#999; }
.xwlist .item .con a{ display:block; height:40px; line-height:40px; font-size:14px; }
.xwlist .item .con p{ margin:0px; padding:0px; }

.mymaps{ width:673px; height:464px; margin:10px auto; background:url(../images/bg2.jpg) no-repeat center top; padding:26px; }
.mycontact{ width:1004px; height:100%; overflow:hidden; margin:10px auto; }
.mycontact .item{ width:446px; height:100%; overflow:hidden; background:#FFF; padding:20px; line-height:24px; }

/*艺术家工作室*/
#tlocation {height:40px;line-height:40px;color:#999}
#tpage {text-align:right;height:30px;line-height:30px;border-top:1px solid #DDD;border-bottom:1px solid #DDD;}
#imglist {width:100%;overflow:hidden}
#imglist dt {width:280px;float:left;clear:left;margin:25px 0}
#imglist dd {width:620px;float:right;clear:right;margin:25px 0;line-height:1.8em;font-size:14px;color:#777}
#imglist dt img {border-radius:140px;border:1px solid #DDD}
h2 {margin:0;padding:0;font-size:18px;font-weight:normal;height:50px;line-height:50px}
#imglist div {padding-left:20px;background:url(../images/li.jpg) no-repeat left center;margin-top:10px}

/*园区参观*/
#newstitle {height:50px;line-height:50px;text-align:center;font-size:30px;margin-top:20px;color:#333}
#newsbody {line-height:2em;font-size:14px;color:#777;padding:20px;}
.yybody {padding-left:20px;}

#yyform {margin:20px;font-size:14px;color:#666}
.yyinput {width:300px;height:25px;line-height:25px;border:1px solid #DDD;border-top:1px solid #999;border-left:1px solid #999;color:#777}
.yybtn {width:80px;height:25px;line-height:25px;text-align:center;color:#FFF;font-weight:bold;background-color:#F00;border:0;}

/*园区地图*/
#maptitle {width:100%;overflow:hidden;margin:20px auto}
#maptitle dt {width:200px;float:left;height:30px;line-height:30px;font-size:20px;color:#333}
#maptitle dd {width:500px;float:right;text-align:right;line-height:30px;color:#999}
#mapclass {width:100%;overflow:hidden}
#mapclass li {width:120px;line-height:30px;height:30px;border:1px solid #DDD;text-align:center;float:left;margin-right:10px;font-size:14px}
#mapclass li.current{ background:#F4F4F4;  }
#mapinfo {line-height:2em;padding:20px}


/*园区活动*/
.hdlist {width:816px;margin:0 auto; margin-bottom:28px; border:1px solid #FFF;background-color:#FFF;overflow:hidden}
.hdlist:hover {border:1px solid #DDD;}
.hdlist dt {width:210px;padding:20px; height:190px; float:left; text-align:center; }

.hdlist dd {width:486px;padding:20px 50px 20px 30px;float:right}
.hdlist h3 {margin:0;padding:0;height:30px;line-height:30px;font-size:18px;font-weight:normal;}
.hdlist h3 span {float:right;margin-top:5px;}
.hdtime {font-size:14px;height:25px;line-height:25px;}
.hdinfo {font-size:14px;color:#666;line-height:1.8em;}

/*园区空间*/
#classnames {font-size:30px;margin:20px 10px;color:#333;text-align:center}
#kjlist {width:100%;overflow:hidden}
#kjlist li {width:270px;float:left;margin:17px 10px 17px 11px;display:inline}
#kjlist li div {position:absolute;height:38px;line-height:38px;margin-top:170px;text-align:center;background-color:rgba(0,0,0,0.5);width:270px;color:#FFF;}
#kjlist li a {font-size:14px;color:#FFF;}

#ikjlist {width:1128px; overflow:hidden; height:100%; margin:30px auto 10px auto; }
#ikjlist ul{ width:1148px; }
#ikjlist li {width:267px; float:left; margin-right:20px; height:206px; margin-bottom:17px; position:relative;  }
#ikjlist li div {position:absolute;height:38px;line-height:38px; bottom:0px; left:0px; width:267px; text-align:center;background-color:rgba(0,0,0,0.5); color:#FFF;}
#ikjlist li a {font-size:14px;color:#FFF;}


#content{margin-top:20px;line-heigth:2em;padding:0 20px}
#ysjinfo {padding:0 10px 10px 10px;line-height:2em;margin-bottom:20px;border-bottom:1px dotted #DDD;color:#666}

.clses{ clear:both; height:100%; overflow:hidden; }

.clses #kjlist {width:875px;overflow:hidden; margin:0px auto;}
.clses #kjlist li {width:218px;float:left; height:200px; margin:17px 0px; text-align:center; }
.clses #kjlist li img{  }


.contenttaps{ clear:both; height:40px; font-size:16px; font-family:"微软雅黑"; color:#333; line-height:40px; border-bottom:1px #D6D6D6 solid; }
.contenttaps a{ color:#333; text-decoration:none; }
.contenttaps a.act{ color:#D00501; }

.contenthide{ clear:both; height:100%; overflow:hidden; padding:15px 0px; display:none; }


.shop_big{border:1px solid #EDEDED;padding:2px;background:#fff;width:760px; height:100%; margin:0px auto; cursor:pointer; text-align:center;}
.shop_plist{clear:both;width:760px; height:100%; overflow:hidden; margin:0px auto; }
#prolist{width:710px;float:left;overflow:hidden;height:68px;position:relative;margin:10px 0 0 0;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:60px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
.shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
.shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}