@charset "utf-8";
/* Style Reset */
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
html{overflow-x:hidden;-webkit-text-size-adjust:none}
ul,li,dl,dt,dd{display:block;list-style:none}
img{border:0 none;vertical-align:top;max-width:100%}
.clear{diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fn-clear{zoom:1}
a{text-decoration:none;color:#8dd1ff;outline:none;}
.fn-left{float:left}
.fn-right{float:right}
.fn-relative{position:relative}
.fn-absolute{position:absolute}
body{position:relative;overflow-x:hidden;color:#8dd1ff;font-family:\5FAE\8F6F\96C5\9ED1}
.all{position:relative;z-index:10;right:0;background:#183966}
#wrapper{margin:0 auto;width:100%;max-width:640px}
.wrap{margin:0 auto;width:94%}
.support, .page, .about_pg{margin-top:3.5%}
/*标题*/
.title{background:url(../images/title_bg.gif) repeat-x center center;text-align:center; margin-top:2%}
.title a, .title p{display:block; padding:2% 0}
.title a span, .title p span{padding:0 3%;background:#183966;font-weight:bold; font-size:1.2em}
.title .si-left, .title .si-right{-webkit-border-radius:1px 2px 2px 1px/1px 1px 2px 2px;-moz-border-radius:1px 2px 2px 1px/1px 1px 2px 2px;border-radius:1px 2px 2px 1px/1px 1px 2px 2px;background-color:#058ce8;height:4px;width:4px;position:absolute;top:50%;margin-top:-2px}
.title .si-left{left:0}
.title .si-right{right:0}
/*top*/
.top{background:-webkit-gradient(linear, 0 0, 0 bottom, from(#19315d), to(#183966));background:-moz-linear-gradient(#19315d, #183966);-pie-background:linear-gradient(#19315d, #183966);background-image:url(../images/top_bg_img_02.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.top h1{width:63%}
.top h1 a{display:block}
/*导航*/
.btn-nav{cursor:pointer;position:absolute;right:0;top:0%;width:18%;text-align:right; height:100%; background:url(../images/nav.png)  no-repeat right center; background-size:auto 40%}
.panel{display:block;position:absolute;top:0;right:0;z-index:1;width:12em;height:100%;background:#344459;box-shadow:inset .125em 0 .375em rgba(0,0,0,.4)}
.panel>ul{width:96%;height:auto;margin:0 auto}
.panel-son{width:100%;border-bottom:1px solid #fff;font-style:normal;font-weight:normal;font-variant:normal}
.panel-son>a{display:block;color:#fae7cf; padding-left:35px; line-height:3; font-size:1.2em}
.panel-son>a:visited{color:#fae7ce}
.panel-son ul{}
.panel-son ul li.panel-sub{width:100%;border-bottom:1px solid #fff;font-style:normal;font-weight:normal;font-variant:normal}
.panel-son ul li.panel-sub a{display:block;color:#fae7cf; line-height:2; font-size:1.2em; padding-left:55px;}
/*滚动图片*/
.banner{line-height:0;background:#fff;max-width:100%;border:#FFF solid 1px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:2px;background-image:-webkit-linear-gradient(45deg, #e7e5e5, #888 25%, #fff 54%, #dedede 77%, #fff);background-image:-moz-linear-gradient(45deg, #e7e5e5, #888 25%, #fff 54%, #dedede 77%, #fff);background-image:-o-linear-gradient(45deg, #e7e5e5, #888 25%, #fff 54%, #dedede 77%, #fff);background-image:linear-gradient(45deg, #e7e5e5, #888 25%, #fff 54%, #dedede 77%, #fff);overflow:hidden;visibility:visible;position:relative}
.banner .padd{margin:3px}
.banner img{width:100%;cursor:pointer}
#slider{line-height:0;text-align:center}
#pagenavi{text-align:right;bottom:10px;width:98%;padding-right:2%;position:absolute}
#pagenavi a{display:inline-block;width:12px;height:12px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:#b1b0b0;-webkit-box-shadow:inset -2px -3px 5px #818080;-moz-box-shadow:inset -2px -3px 5px #818080;box-shadow:inset -2px -3px 5px #818080;margin-right:1%}
#pagenavi a.active{background-color:#3473bb;-webkit-box-shadow:inset -2px -3px 5px #0e4789;-moz-box-shadow:inset -2px -3px 5px #0e4789;box-shadow:inset -2px -3px 5px #0e4789}
/*搜索*/
.search{margin:2.65% auto 0;width:94%}
.search-form{width:100%;padding:5px 0;}
.search-txt{width:78%; line-height:28px;height:28px;margin:0 0 0 2.66222962%;background:none;font:normal 1.375em/1.375em \5FAE\8F6F\96C5\9ED1;color:#8dd1ff;cursor:pointer;border:1px solid #058ce8; float:left; padding:0 5px}
.search-input{width:12%;margin:.125% 0 0 1.49750416%;border:0;cursor:pointer; display:block; float:right}
.search-input img{ width:auto}
/*图片列表*/
.picture{ margin-top:1%}
.picture li{float:left;width:33.3%; padding:1.5% 0}
.picture li a{-webkit-box-shadow:2px 3px 3px #022758;-moz-box-shadow:2px 3px 3px #022758;box-shadow:2px 3px 3px #022758;width:90%;margin:0 auto;display:block;cursor:pointer}
.picture li a img{width:100%}
.picture li div{height:61px;display:block;background:#2c7cc5;background-image:-webkit-linear-gradient(bottom, #0f4791, #2c7cc5);background-image:-moz-linear-gradient(bottom, #0f4791, #2c7cc5);background-image:-o-linear-gradient(bottom, #0f4791, #2c7cc5);background-image:linear-gradient(to top, #0f4791, #2c7cc5)}
.picture li div span{padding:8px 6px 5px 10px;display:block}
/*文字列表*/
.news{margin-top:1%}
.news li{margin-right:3.2%;margin-left:3.2%}
.news li a{ display: block; background: url(../images/text_ico.gif) no-repeat 3.2% center; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; padding:0 2.5% 0 5%; line-height:3}
.news li.bg{background:#072853}
/*底部导航*/
.bottom_nav{clear:both;margin:2.65% auto 0;width:87.5% }
.bottom_nav li{float:left;width:25%;text-align:center; margin-bottom:2%}
.bottom_nav li a{display:inline-block;background:#015198;border:#3893fb solid 1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-align:center;padding:7% 0;width:85%; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
/*分享*/
.support{background:#0d457f;text-align:center;}
.support a{display:block;padding:2% 0}
.support a img{vertical-align:middle;margin-right:2.8%;max-width:5.6%}
/*底部*/
#solid_bottom{background:#3893fb;background-image:-webkit-linear-gradient(bottom, #0a2f61, #3893fb);background-image:-moz-linear-gradient(bottom, #0a2f61, #3893fb);background-image:-o-linear-gradient(bottom, #0a2f61, #3893fb);background-image:linear-gradient(to top, #0a2f61, #3893fb)}
#solid_bottom li{float:left;width:25%;background:url(../images/line.png) no-repeat right center;background-size:auto 100%}
#solid_bottom li a{display:block;text-align:center;width:100%; padding:14% 0}
#solid_bottom li a img{vertical-align:middle;max-width:26%}
/*翻页*/
.page{text-align:center;width:100%}
.page .arrow_left, .page .arrow_right{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#bbd8ff;-webkit-box-shadow:-2px 1px 4px rgba(0,0,0,.34), inset -2px 1px rgba(255,255,255,.17), inset 0 0 4px rgba(255,255,255,.34);-moz-box-shadow:-2px 1px 4px rgba(0,0,0,.34), inset -2px 1px rgba(255,255,255,.17), inset 0 0 4px rgba(255,255,255,.34);box-shadow:-2px 1px 4px rgba(0,0,0,.34), inset -2px 1px rgba(255,255,255,.17), inset 0 0 4px rgba(255,255,255,.34);background-image:-webkit-linear-gradient(bottom, #acd0ff, #e3efff);background-image:-moz-linear-gradient(bottom, #acd0ff, #e3efff);background-image:-o-linear-gradient(bottom, #acd0ff, #e3efff);background-image:linear-gradient(to top, #acd0ff, #e3efff);text-align:center;display:inline-block;width:26px;padding-bottom:6px; padding-top:2px}
.page .arrow_left img, .page .arrow_right img{vertical-align:middle}
.page .arrow_center{display:inline-block;width:20%}
/*图片导航列表*/
.pro-cla{position:absolute;top:0;right:2%;background:#183966;width:30%}
.btn-cla{color:#8dd1fe;cursor:pointer;font-weight:normal; padding:7% 0}
.btn-cla img{width:9%;min-width:17px;margin-right:2%; margin-top:2px}
.pro-cla_list{display:none;position:absolute;top:100%;right:0;z-index:9999;width:100%}
.pro-cla_list li{width:100%;border-bottom:1px solid #88b8e2;background:#8dd1fe;color:#FFF;text-align:center;font-weight:normal}
.pro-cla_list li a{color:#183966;display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap; line-height:3}
.pro-cla_list li a:visited{color:#183966;line-height:2.5;display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
/*内页*/
.about_pg{width:92%;line-height:1.8;margin-right:auto;margin-bottom:0;margin-left:auto}
.picture .ptitle{ font-size:1.2em;margin-top:1.5%; line-height:1.5em}
.picture .ptitle, .picture .ptime{text-align:center;}
.picture .ptime{color:#3c9dde}
.about_img{text-align:center;margin-top:1.5%}
.about_img img{width:80%}
@media screen and (min-width:640px){body,html{font-size:16px;}.search-txt{font-size:16px}}
@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {body,html{font-size:14px;}.search-txt{ font-size:14px}}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {body,html{font-size:13px;}.search-txt{ font-size:13px}}
/*备注*/
/*@media screen and (max-width:1024px){.picture li a img{height:218px}.banner img{height:466px}}
@media screen and (max-width:960px){.picture li a img{height:204px}.banner img{height:437px}}
@media screen and (max-width:800px){.picture li a img{height:170px}.banner img{height:364px}}
@media screen and (max-width:768px){.picture li a img{height:163px}.banner img{height:349px}}
@media screen and (max-width:640px){.picture li a img{height:136px}.banner img{height:291px}}
@media screen and (max-width:480px){.picture li a img{height:102px}.banner img{height:218px}}
@media screen and (max-width:420px){.picture li a img{height:89px}.banner img{height:191px}}
@media screen and (max-width:360px){.picture li a img{height:77px}.banner img{height:164px}}
@media screen and (max-width:320px){.picture li a img{height:68px}.banner img{height:146px}}*/
/* Guestbook */
#guestbook li{margin-bottom:8px;width:95%; padding:0;}
#guestbook li p{width:70px;padding-right:8px;text-align:right;}
#guestbook li span{color:#F00}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}.fn-clear{zoom:1}
.fn-left { display: inline; float: left; }
.input, .textarea {background: #FFF;border: 1px solid #E2E2E6; border-radius: 2px 2px 2px 2px; color: #000; margin: 3px 0; padding: 3px; width: 60%; font-size:12px;}
.submit{display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;font-size:1em;line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;border:1px solid #cccccc;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.search_nav {line-height:30px; font-size:14px; color:#8dd1ff; padding-left:20px;}
.red {color:#fff}
/*上一篇下一篇*/
.prev_next{margin-bottom: 9px; font-size:14px;}
.prev_next span{display: block; color:#8DD1FF}
.show_next { font-size:14px; line-height:25px; margin-left:10px;}
.show_next span {display:block; color:#8DD1FF}
.show_next a {display:inline; color:#8DD1FF; font-size:14px;}
.about{ line-height:2.5; padding:0 2%;}
/*图文列表*/
.lest_imgages{ width:94%; padding:0% 3% 3% 3%}
.lest_imgages li{border-bottom:#CCC solid 1px}
.lest_imgages a{ display:block; padding:2% 0px}
.lest_imgages .img_left{ width:38%; margin-right:2%}
.lest_imgages .img_left img{ width:100%}
.lest_imgages .img_right{width:60%; line-height:2}
.lest_imgages .img_right h3{ font-weight:normal; font-size:1.1em; color:#8dd1ff; width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.lest_imgages .img_right p{}
.wls_img img{ width:100%}