bhtml,body{text-align:center; font-family:'Microsoft YaHei','Simsun';  }
html,body{ color:#979DA1; background-color:#EEF0F1}

.container {width:96%;margin:0 auto; }

.header{ background:#FFF}
.header .htop{ padding-top:1em}
.header .htop img{ width:40%}
.header .hcen img{ width:100%; display:block}
.header .hbot{ position:relative}
.header .hbot img{ width:100%; display:block}
.header .hbot .bt1{ width:12%; position:absolute; left:0.8em; bottom:1em}
.header .hbot .bt2{ width:12%; position:absolute; right:5em; bottom:1em}
.header .hbot .bt3{ width:12%; position:absolute; right:0.8em; bottom:1em}

.slideBox{ position:relative; overflow:hidden; margin:0 auto}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .hd ul{ padding-top:0.5em}
.slideBox .hd li{ display:inline-block; width:1em; height:1em; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; background:#333; text-indent:-9999px; overflow:hidden; margin:0.6em;   }
.slideBox .hd li.on{ background:#ED0000;}

.search { background:#FFF;padding:1em;}
.search .scon{ position:relative;}
.search .query{ float:left;width:95%;border:1px solid #323232; padding:10px 2%; color:#BCC3CA; height:18px; line-height:18px; background-color:#F3F3F3;-webkit-appearance:none}
.search .searchbtn{ position:absolute; right:0; top:0; width:22%; height:40px;border:1px solid #323232; font-size:1em; background-color:#ED0000; color:#FFF; cursor:pointer;-webkit-appearance:none}

.subnav .subhead{ height:2em; padding-top:4.5%; padding-bottom:1%; font-size:1.2em; font-weight:bold; color:#2D2F31}
.subnav .subtop{ padding-top:4.5%;font-size:0.67em; text-align:left}
.subnav .subcen{ padding-top:0.9em; font-size:0.83em}
.subnav .subcen a{ float:left; display:block; width:48%; margin-bottom:0.5em; line-height:2.7em;color:#2D3031; border:1px solid #E2E4E6; background:#fff  }
.subnav .subcen a.cur{color:#EC0000}
.subnav .subcen a:nth-child(2n){ margin-left:2%}

.nlist dl{ border-bottom:1px solid #E1E4E6; padding:3%; float:left; width:90%}
.nlist dl dt{ float:left; width:30%; position:relative}
.nlist dl dt img{ width:100%}
.nlist dl dt p{ position:absolute; left:0; top:0; width:100%}
.nlist dl dd{ float:right; width:68%;font-size:0.8em; text-align:left}
.nlist dl dd p{  line-height:1.5em; height:1.6em; overflow:hidden}
.nlist dl dd p a{ color:#2D2F31}

.xlist{}
.xlist .xtop{height:2em; padding-top:4.5%; padding-bottom:1%; font-size:1.2em; font-weight:bold; color:#2D2F31}
.xlist .xcen{border:1px solid #E2E4E6; background-color:#fff; padding:1em}
.xlist .xcen li{ float:left; border-bottom:1px solid #E2E4E6; line-height:2.5em; width:100%; text-align:left}

.alist{}
.alist .atop{height:2em; padding-top:4.5%; padding-bottom:1%; font-size:1.2em; font-weight:bold; color:#2D2F31}
.alist .acen{border:1px solid #E2E4E6; background-color:#fff; padding:1em}
.alist .acen img{ width:100%}

.xglist{position:relative}
.xglist .xtop{height:2em; padding-top:4.5%; padding-bottom:1%; font-size:1.2em; font-weight:bold; color:#2D2F31}
.xglist .xhead{background-color:#fff;border:1px solid #E2E4E6; padding-top:2em; border-bottom:0}
.xglist .xhead .xcon{ margin:0 auto; width:76%; position:relative}
.xglist .xhead .bd ul{ }
.xglist .xhead .bd li{ width:44%;float:left;padding:0 3% 0 ; text-align:center;  }
.xglist .xhead .bd li p{line-height:2em; text-align:left}
.xglist .xhead .bd li img{ width:100%;font-size:1em; }
.xglist .xhead .hd{ position:absolute; width:100%; height:4.6em; bottom:4.5em; left:0; z-index:1;}
.xglist .xhead .prev,.xglist .xhead .next{ position:absolute; left:-2.5em; top:0x; display:block; width:2.5em; height:4.6em; text-align:center; cursor:pointer}
.xglist .xhead .prev img,.xglist .xhead .next img{ width:100%}
.xglist .xhead .next{ left:auto; right:-2.5em;}

.xglist .xline img{ width:100%}
.xglist .xcen{border:1px solid #E2E4E6; border-top:none;background-color:#fff; padding:1em;}
.xglist .xcen li{ float:left; border-bottom:1px solid #E2E4E6; line-height:2.5em; width:100%; text-align:left; font-size:1em}

.narticle .ntop{ padding-top:4.5%;font-size:0.67em; text-align:left}
.narticle .ntit{ font-size:1em; color:#EC0000; padding-top:2em}
.narticle .nline img{ width:100%}
.narticle .ncon{ width:96%;text-align:left; font-size:0.8em; line-height:1.6em; color:#2D2F31;padding:0 2% 2em 2%}
.narticle .ncon img{ width:100%; max-width:100%; height:auto}
.narticle .dcon{ width:96%; font-size:0.8em; line-height:1.6em; color:#2D2F31;padding:4em 2% 2em 2%}
.narticle .dcon img{ width:80%; padding-bottom:1em}

.particle .ptop{ padding-top:4.5%;font-size:0.67em; text-align:left}
.particle .ptit{ font-size:1em; color:#EC0000; padding-top:2em}
.particle .pic{width:70%; margin:2em auto 0; position:relative}
.particle .pic .bd img{ width:100%}
.particle .hd{ position:absolute; width:100%; height:4.6em; bottom:6em; left:0; z-index:1;}
.particle .hd .prev,.particle .hd .next{ position:absolute; left:-4em; top:0x; display:block; width:2.5em; height:4.6em; text-align:center; cursor:pointer}
.particle .hd .next{ left:auto; right:-4em;}
.particle .hd .prev img,.particle .hd .next img{ width:100%}
.particle .pline img{ width:100%}
.particle .pinfo{border:1px solid #E2E4E6; background-color:#fff; padding:1em; color:#A5ADB3; font-size:0.8em; text-align:left; line-height:1.6em}
.particle .pinfo strong{ color:#2D2F31}
.particle .pcon{ width:96%;text-align:left; font-size:0.8em; line-height:1.6em; color:#2D2F31; padding:2em 2%}
.particle .pcon img{ width:100%; max-width:100%}


.plist .ptop{ padding-top:4.5%;font-size:0.67em; text-align:left}
.plist .phead{ padding-top:4.5%;font-size:1; text-align:left; color:#2D2F31}
.plist .phead strong{ color:#EC0000}
.plist .pcen{ margin-top:1em}
.plist .pcen li{float:left; display:block; width:49%;margin-bottom:2%;background:#fff}
.plist .pcen li:nth-child(2n){ margin-left:2%}
.plist .pcen li p{line-height:2.4em; padding-left:0.8em; text-align:left;font-size:0.9em}
.plist .pcen li img{ width:100%}

.pager{ padding-top:1em}
.pager  a{display: inline-block; font-size:1em;margin: 0 10px; color:#2D2F31; background:#fff; height:1.5em; width:1.5em; line-height:1.5em;}
.pager .thisclass{color:#ED0000;}

.link{ padding:1em 0}

.links .lcon{background:#fff}
.links img{ width:86%}

.fenx{}
.fenx{ padding:1em 0;}
.fenx .fencon{ border:1px solid #E2E4E6; background-color:#fff; padding:0.5em}
.fenx .fencon .bdsharebuttonbox{ width:230px; margin:0 auto}
.top{ padding:2em}
.top img{ width:50%}

.maps{ width:100%; max-width:640px; height:400px}

.book{}
.book .btop{ font-size:1em; text-align:left; color:#2D2F31; margin-top:2em}
.book .btop strong{ color:#EC0000; font-weight:normal}
.book .bbody{ margin-top:20px;}
.book .textgroup{ margin-bottom:16px; position:relative}
.book .textgroup img {position: absolute;right: 1em;top: 0.6em;}
.reset {display: none;}

.booktext{ width:92%; height:2.4em; padding:0.3em 4%; line-height:1.8em; background:#fff; border:1px solid #E1E3E5; color:#A5ADB3; -webkit-appearance:none}
.bookarea{width:92%; height:8em; padding:2% 4%; line-height:1.8em; background:#fff; border:1px solid #E1E3E5; color:#A5ADB3; -webkit-appearance:none;resize: none;}
.bookbtn{  border:none; height:2.4em; width:12em; background:#EE0000; font-size:1.25em; font-weight:bold; color:#fff;  cursor:pointer;-webkit-appearance:none;-moz-border-radius: 3em; -webkit-border-radius: 3em;border-radius:3em;}


.botnav ul{ border-top:1px solid #D4D4D4; padding:0 3% 0 3%; background:#FFF}
.botnav ul:last-child{border-bottom:1px solid #D4D4D4}
.botnav li{ float:left; width:33%;margin:3% 0;border-right:1px solid #636466; font-size:1em; line-height:2em}
.botnav li:nth-child(3n){ border-right:none}
	
.footer{ padding-top:2em; margin-bottom:8em}
.footer img{ width:70%}
.footer p{ color:#2D2F31; font-size:0.9em; padding:1.25em}

.menu{ position:fixed; bottom:0; width:100%; z-index:100;}
.menucen{margin:0 auto;max-width:640px}
.menu img{ float:left; width:25%; height:25%}
.frame{ height:20em}
@media screen and (min-width:320px) {
	body { font-size:75%;}
	.xlist .xtop,.subnav .subhead,.xglist .xtop,.alist .atop{ background:url(../imgs/subbg0.png) center 1.1em no-repeat}
}

@media screen and (min-width:360px) {
	body { font-size:87%;}
	.xlist .xtop,.subnav .subhead,.xglist .xtop,.alist .atop{ background:url(../imgs/subbg1.png) center 1.1em no-repeat}
}

@media screen and (min-width:480px) {
	body { font-size:112.5%;}
	.xlist .xtop,.subnav .subhead,.xglist .xtop,.alist .atop{ background:url(../imgs/subbg2.png) center 1.1em no-repeat}
}

@media screen and (min-width:550px) {
	body { font-size:131.25%;}
	.xlist .xtop,.subnav .subhead,.xglist .xtop,.alist .atop{ background:url(../imgs/subbg3.png) center 1.1em no-repeat}
}

@media screen and (min-width:639px) {
	body { font-size:150%;}
	.xlist .xtop,.subnav .subhead,.xglist .xtop,.alist .atop{ background:url(../imgs/subbg4.png) center 1.1em no-repeat}
}