#bottom{ opacity: 1}
#maintop{ padding-top:40.978%; background: url(../images/maintopbg.png) center top no-repeat;}
#touming{ z-index:2;width:40.108%; top: 0; max-width: 375px;}
#imglist2{ width:40.108%; height: 100%; max-width: 375px; top: 0; overflow:hidden; position: absolute}
#imglist2 img{ vertical-align:top; position:absolute; width: 100%}

#maintoplist{  position:absolute; z-index:100; width:72.728%; right: 3%; bottom: 13%}
#imglist{ width:70%; float:left; position:relative; overflow:hidden;}
#imglist #showimg{ position:absolute; left:0; top:0; width:2550px; height:145px;}
#imglist #selectimg{  height:10px; text-align:center; margin-top:150px; position:relative;}
#imglist .newsimg{ background:url(../images/maintop_01.png) center center no-repeat; width:147px; height:145px; margin:5px; float:left; text-align:center; line-height:25px;}
#imglist .newsimg .pic { padding: 5px;}
#imglist .newsimg .pic a{ padding-bottom:75%; display: block; background: no-repeat center center; background-size: cover}
#imglist .newsimg .txt{ padding: 0px 10px;}
#imglist .newsimg .txt a{  color:Black;}

#imglist #selectimg span{position:absolute;cursor:pointer;}
#imglist #selectimg span.pre{left:10px; bottom:0}
#imglist #selectimg span.next{right:10px; bottom:0}
#imglist #selectimg span.num{right:45%; bottom:0; line-height:18px;}
#imglist #selectimg span.num li{display:inline; background:url(../images/yes_select.jpg) center center no-repeat;padding:1px 5px; line-height:18px}
#imglist #selectimg span.num .numcur{background:url(../images/no_select.jpg) center center no-repeat; color:#fff}
@media(max-width:640px){
#imglist #selectimg{ height: auto}
#imglist #selectimg span.num{ padding: 10px 0; display: block; position: relative; right: auto}
}

.subtitle{ max-width: 172px; background:url(../images/maintop_03.jpg) top center no-repeat; height:28px; line-height:28px; color:#FFF; font-size:14px; font-weight:bold; text-align:center;}
.subtitle a{ color:#FFF;}

#noticelist { float: right; width:25.295%}
#noticelist .list{ overflow: hidden}
#noticelist .list li{ position: relative;padding-left:13px; line-height:23px;}
#noticelist .list li a{ color:Black;}
#noticelist .list li:before{ content:''; position: absolute; left:0; width: 13px; height: 100%;background:#fff9ea url(../images/dian.gif) center left no-repeat; }
@media(max-width:640px){
#noticelist .list{ padding-top: 2%}
}
.guangyanews{ max-width: 440px; padding: 0px 20px; background:url(../images/main_01.jpg) right center no-repeat; height:30px;}
.guangyanews a{ color:#FFF;}


#xiaozhang{ max-width: 254px; margin: auto; background:url(../images/main_03.jpg) center center no-repeat; background-size: cover; text-align:center;}
#xiaozhang .pic{ padding-top: 8px;}
#xiaozhang .txt{ line-height: 32px;}
#xiaozhang .txt a{ color:Black; text-decoration:none;} 
#photolink{ text-align: center}
#photolink .fl{ float: left; width: 50%;}
#photolink .fr{ float: right; width: 50%;}
#photolink .mid{ width: 50%; margin: auto}

#maincontent { padding: 0 1.5%}

#maincontent #leftmain{ width:28.035%; float: left; overflow:hidden;}     
#maincontent #centermain{ width:48.956%; margin-left:1.625%; float:left;overflow:hidden;}
#maincontent #rightmain{ width:18.965%;}


#newslist ul{ padding-bottom:1%}
#newslist li{border-bottom: dashed 1px #CCC; background:url(../images/dian.gif) center left no-repeat; padding-left:10px; line-height:24px;}
#newslist li a{ color:Black;text-decoration:none;}
#newslist li .uptime{ float: right}

.sub_box{ float: left; padding:10px; width:50%; overflow:hidden; }
.sub_box .content{ padding:3px;height:143px; background: no-repeat center center; background-size: cover; box-shadow: 0 0 5px rgba(0,0,0,0.4)}
#jiaoxue.sub_box .content{background-image:url(../images/main_012.jpg)}
#huodong.sub_box .content{ background-image:url(../images/main_013.jpg)}
#jiangtang.sub_box .content{ background-image:url(../images/main_014.jpg)}
#meiti.sub_box .content{ background-image:url(../images/main_015.jpg)}

.contenttitle{ line-height:30px; font-size:14px; color:#5B8988; font-weight:bold; display:block;}
.contenttitle a{ padding: 0px 10px; background: no-repeat left center}
#jiaoxue .contenttitle a{ color:#5B8988; background-image:url(../images/main_t1.jpg)}
#huodong .contenttitle a{ color:#C58480; background-image:url(../images/main_t2.jpg)}
#jiangtang .contenttitle a{ color:#8A7646; background-image:url(../images/main_t3.jpg)}
#meiti .contenttitle a{ color:#3D7095; background-image:url(../images/main_t4.jpg)}


.sub_list{ padding: 5px 10px;}
.sub_list li{ line-height:23px;border-bottom: dashed 1px #CCC;}
.sub_list li a{ color: #000}


#zhaosheng ul li{ border-bottom:dashed 1px #CCC; background:url(../images/dian.gif) center left no-repeat; padding-left:10px; line-height:23px;}
#zhaosheng .zhaosheng{ background:url(../images/dian.gif) center left no-repeat; padding-left:10px; line-height:23px;}
@media(max-width:640px){
#zhaosheng{ padding: 3% 0}
#zhaosheng .list{ padding-top: 2%}
}
#shipin .subtitle{ background:url(../images/main_016.jpg) top center no-repeat; height:50px; line-height:50px; padding-left: 20px;}
#shipin .subtitle a{color:#433b31; }
#shipin .first{ text-align:center;}

#shipin .list{ padding: 5px 0}
#shipin ul li{line-height:23px; padding-bottom:5px; background:url(../images/main_019.jpg) left bottom no-repeat;}
#shipin ul li a{ background:url(../images/main_018.jpg) center right no-repeat; color:#000; display:block;}
#shipin ul li a:hover{ text-decoration:underline;}

#friends{ padding: 3% 0}
#friends .list{ padding-top:10px;}
#friends  select{ width: 100%}


.img24{ margin-top:16px;}
.font24{ font-size:15px; color:#433b31; font-weight:bold; line-height:25px; }

#closeAd{ cursor:pointer; position:absolute; left:935px; top:320px; z-index:9999; background-color:Black; font-size:14px; color:#FFF;}
#bigAdPic{    width:1003px; height:345px; position:absolute; top:0px; display:none;z-index:9999;}

.focus{width:1003px;height:345px;position:relative; margin:auto;vertical-align:middle; background-color:Black;}
.f426x240{width:1003px;height:345px;overflow:hidden; margin-top:0px;.margin-left:0px; background:url(images/addbg.jpg);}




.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/i.png) no-repeat 0 -560px;margin-top:-28px;}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px -560px;right:0}
.rslides_tabs{ margin:-20px auto 0px auto;clear:both;text-align:center; position:absolute; width:610px;.margin-left:300px;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px; height:650px; width:1024px;.float:left;.height:10px;.width:5px;}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px;display:none; }
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#71BE00;}
@media(max-width:640px){


#maincontent #leftmain,
#maincontent #centermain,
#maincontent #rightmain{ width: 100%;float: none;}
#maincontent #centermain{ margin-left: 0}

#maincontent #leftmain{ padding: 5% 0}
#maincontent #leftmain table{ width: 100%}
#maincontent #leftmain table td{ width: 33.333%; text-align: center}

.sub_box{ width:100%; float: none; padding: 8px 0px}
#maintop{ max-width:96%; padding-top:80%; padding-bottom:3%}
#maintop #touming{ width: 100%}
#imglist2{ width: 100%;}
#imglist{ float: none; width:100%;}
#noticelist{ float: none; width: 100%; padding:3.5% 2.5% 2.5% 2.5%; box-shadow: 0 5px 10px #b9a777;}
#maintoplist{ position: relative; width: 100%; right: 0}

#friends select{ height: 30px}
}