@charset "utf-8";

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}
ul,ol{list-style:none;}
em { font-style: normal; }
dt { font-weight: normal; }

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */
input, button, textarea, select { outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}

/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*浮动*/
.fl { float: left !important;}
.fr { float: right !important;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}html{overflow-y:scroll;}

/*a 链接*/
a { text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); }
a:link { color:#666; }
a:visited { color:#666; }
a:hover, a:active, a:focus {color:#f30; text-decoration:none; }

/*图片居中*/
.middle { display:table-cell; *display:block; overflow:hidden; font:0px/0px 'Arial'; text-align:center; vertical-align:middle;}
fieldset, img { border:0; vertical-align:middle}

/*常量*/
.hide{display:none !important;}
.show{display:block !important;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBorder{border:none !important;}
.noMargin{margin:0 !important;}
.noPadding{padding:0 !important;}

html { font-size:62.5%; }

/* common */
body { overflow-x:hidden; -webkit-text-size-adjust:none; max-width: 640px; margin: 0 auto; font-family: Microsoft YaHei,Arial; color:#666; }

.header {}
.logo { width: 100%; }
.logo img { width: 100%; }

.banner { position: relative; }
.banner .bd li img { width: 100%; }
.banner .hd { position: absolute; width: 100%; bottom: 3%; text-align: center; }
.banner .hd li { display: inline-block; margin: 0 5px; width: 8px; height: 8px; border-radius: 8px; border: 1px solid #cccbcb; font-size:0px; cursor:pointer; }
.banner .hd li:hover,.banner .hd li.on { background: #930000; border-color: #930000; }

.banner .prev,.banner .next { position: absolute; top: 50%; margin-top: -17px; cursor:pointer; }
.banner .prev { left:5%; }
.banner .next { right:5%; }

.nav {}
.nav ul li { float: left; width: 25%;  }
.nav ul li a { display: block; line-height: 4; background: #fabd0a; color: #000; font-size: 1.4rem; font-weight: bold; text-align: center; }
.nav ul li:nth-child(2n) a { background: #fac731; }
.nav ul li:nth-child(5) a,.nav ul li:nth-child(7) a { background: #d7a103; }
.nav ul li:nth-child(6) a,.nav ul li:nth-child(8) a { background: #ddaf2b; }
.nav ul li .current { background: #2e2e2e; color: #fabd0a; }


.main-nav { display: none; position: absolute; top: 0; right: 0; min-width: 25%; height: 100%; background:rgba(46,46,46,0.98); z-index: 2;}
.main-nav .navbtn_01 { display:table-cell; vertical-align: middle; height: 50px; padding-left: 10px; }
.main-nav dl { padding: 10px 0 0; }
.main-nav dl dt { height: 30px; margin: 0 10px; padding: 0 5%; border-bottom: 1px dotted #606060; }
.main-nav dl dt a { display: block; line-height: 30px; background: url("../images/main-nav1.png") no-repeat right center; font-size: 1.4rem; font-weight: bold; color: #fff; }
.main-nav dl dt .current { color: #fabd0a; background: url("../images/main-nav01.png") no-repeat right center; }
.main-nav dl dd { padding: 0 10px; background: #fabd0a;  }
.main-nav dl dd a { display: block; line-height: 30px; border-bottom: 1px dotted #947425; font-size: 1.2rem; padding-left: 5%; color: #333; }
.main-nav dl dd:last-child a { border-bottom: none; }

.footer {}
.footer .copyright { background: #171717; padding: 3%; text-align: center; font-size: 1.2rem; line-height: 2; }
.footer .copyright strong { color: #b2b2b2; }
.foot { background: #f3b709; box-shadow:inset 0 20px 20px #dba505; }
.footer .copyright span { color:#white; }
.footer .copyright a:hover span{ color:#fac731; }
.foot li { float: left; width: 25%; padding: 1% 0; text-align: center; font-size: 1.2rem;  }
.foot li:nth-child(2n) { background: #fac731; box-shadow: none; }
.foot li img { height: 16px; }
.foot li a { color: #2e2e2e; line-height: 2; }

.containter { position: relative; width: 100%; }
.main-container .article_content img{ width:100%; }
.area-content .col-hd { padding: 5% 0;  text-align: center; }
.area-content .col-hd h2 { font-size: 1.6rem; }
.area-content .col-hd h2 em { position: relative; padding: 0 15px 1%; color: #fff;  border-bottom:4px solid #fabd0a; }
.area-content .col-hd h2 em:before { position: absolute; content: ""; width: 100%; left: 0; height: 11px; bottom: -15px; background: url("../images/col-hd-shadow.png") repeat-x; }
.area-content .bd { }
.area-content .bd2 { padding: 0 8%; }

.area-content .detail { margin-top: 3%; height: 50px; text-align: center; }
.area-content .detail a { display: inline-block; width: 100px; height: 50px; line-height: 50px; text-align: center; background: #fabd0a; font-size: 1.2rem; color: #2e2e2e; border-radius: 100px 100px 0 0; }

.listinfo_01 { padding: 2% 0 0 4%; }
.listinfo_01 li { float: left; width: 40%; margin: 0 4% 2%; text-align:center; }
.listinfo_01 li img { width: 100%; border: 1px solid #ebebeb; }

.listinfo_01 li .name { font-size: 1.4rem; text-align: center; }
.listinfo_01 li .name a { line-height: 3; color: #fff; }

.adv { position: relative; margin: 2% 0 5%; }
.adv ul li img { width: 100%; }
.adv .bd li img { width: 100%; }
.adv .hd { position: absolute; width: 100%; bottom: 3%; text-align: center; }
.adv .hd li { display: inline-block; margin: 0 5px; width: 8px; height: 8px; border-radius: 8px; border: 1px solid #cccbcb; font-size:0px; cursor:pointer; }
.adv .hd li:hover,.adv .hd li.on { background: #930000; border-color: #930000; }
.adv .prev,.adv .next { position: absolute; top: 50%; margin-top: -27px; cursor: pointer; }
.adv .prev { left: -27px; }
.adv .next { right: -27px; }

.adv-line { width: 100%; padding-bottom: 8%; }
.adv-line img { width: 100%; }

.intro-item { margin: 3% 8%; background: #3f3f3f; }
.intro-item .pic img { width: 100%; }
.intro-item .txt { padding: 3%; line-height: 2; color: #b4b1b1; font-size: 1.2rem; }

.news-item { padding: 5px 5px 3px 15px; border-bottom: 1px dotted #3a3a3a; }
.news-item h2 a { position: relative; line-height: 2.6; font-size: 1.4rem; color: #fef1cb; }
.news-item h2 a:before { position: absolute; content: ""; top: 5px; left: -15px; width: 7px; height: 7px; border-radius: 7px; border: 1px solid #594817;  }
.news-item h2 em { padding-left: 15px; font-size: 1.2rem; font-weight: normal; color: #908f8f; }
.news-item .txt { line-height: 1.8; font-size: 1.2rem; color: #b2b2b2;  }
.news-item .txt a { color: #fabd0a; }

.contact-item { padding: 2% 8%; }
.contact-item .map img { width: 100%; }
.contact-item .txt { padding-top: 2%;  font-size: 1.4rem; color: #bcbcbc; line-height: 3; }

.breadcrumbs { position: relative; height: 45px; margin-bottom: 4%; border-bottom: 4px solid #fabd0a; box-shadow: 0 10px 10px #e8e8e8; }
.breadcrumbs h2 { text-align: center; font-size: 1.6rem; color: #2e2e2e; line-height: 45px; }
.breadcrumbs .back { position: absolute; top:8px; left: 0; width: 80px; height: 26px; border-right: 1px solid #cbcbcb; text-align: center; }
.breadcrumbs .navbtn { position: absolute; top: 8px; right: 0; width: 80px; height: 26px; line-height: 26px; border-left: 1px solid #cbcbcb; text-align: center; cursor:pointer; }

.inside .listinfo_01 { padding-top: 5%; }
.inside .listinfo_01 li a { color: #333; }

.page { margin: 5% 0 0; padding: 5% 0; text-align: center; font-size: 1.4rem; }
.page a { display: inline-block; margin: 0 2px; padding: 2px 6px; border-radius: 4px; border: 1px solid #dcdcdc; }
.page .current { background: #ed4f4f; border-color: #ed4f4f;  color: #fff; }


.art-box { margin: 2% 0; padding-bottom: 2%; border-bottom: 1px solid #e4e4e4; text-align: center; }
.art-box h2 { font-size: 1.6rem; color: #333; line-height: 2;}
.art-box .info span { font-size: 1.2rem; padding: 0 5px; }



.picFocus .hd { position: absolute; width: 100%; bottom: 3%; text-align: center; }
.picFocus .hd li { display: inline-block; margin: 0 5px; width: 8px; height: 8px; border-radius: 8px; border: 1px solid #cccbcb; font-size:0px; cursor:pointer; }
.picFocus .hd li:hover,.picFocus .hd li.on { background: #930000; border-color: #930000; }

.picFocus .prev,.picFocus .next { position: absolute; top: 50%; margin-top: -17px; cursor:pointer; z-index:3; }
.picFocus .prev { left:5%; }
.picFocus .next { right:5%; }
.picFocus .bd ul li{ text-align:center; }
.picFocus .bd ul li img{ width:50%; margin:0 auto; }

.article { padding: 2% 0; line-height: 2; word-wrap:break-word; word-break:break-all; font-size: 1.2rem; }

.sub-tit { border-bottom: 1px solid #e4e4e4; }
.sub-tit h2 {  padding-left: 2%; font-size: 1.4rem; color: #333; line-height: 2.4; }

.inews-item { background: #f6f6f6; margin-bottom: 3%; padding: 5px 5px 3px 25px; }
.inews-item h2 a { position: relative; line-height: 2.6; font-size: 1.4rem; color: #333; }
.inews-item h2 a:before { position: absolute; content: ""; top: 5px; left: -15px; width: 7px; height: 7px; border-radius: 7px; border: 1px solid #b6b6b6;  }
.inews-item h2 em { padding-left: 15px; font-size: 1.2rem; font-weight: normal; color: #908f8f; }
.inews-item .txt { line-height: 1.8; font-size: 1.2rem; color: #666;  }
.inews-item .txt a { color: #fabd0a; }

.up-down { margin: 2% 3%; text-align: center; }

.up-down a { display: inline-block; margin: 0 2%; border: 1px solid #d7d6d6; border-radius: 2px; width: 40%; line-height: 2.6; font-size: 1.4rem; }

.zixun { background: #fbfbfb; padding: 2% 5%; }
.zixun li { border-bottom: 1px dotted #bababa; }
.zixun li a { position: relative; padding-left: 25px; line-height: 3; font-size: 1.4rem; }
.zixun li a:before { position: absolute; content: ""; top: 7px; left: 8px; width: 7px; height: 7px; border-radius: 7px; border: 1px solid #b9b9b9; }
.zixun li em { padding-left: 10px; font-size: 1.2rem; color: #908f8f; }

.aside-menu {position: absolute; top:0; min-width:25%; min-height:100%; background:rgba(46,46,46,0.98); z-index:10; display:none;}
.aside-menu .navbtn_cur {height: 45px; line-height:45px; border-bottom: 4px solid #fabd0a;}
.aside-menu .navbtn_cur img{margin-left: 10px; cursor:pointer;}
.aside-menu dl { padding: 10px 0 0; }
.aside-menu dl dt {margin: 0 10px; padding: 0 4%; border-top: 1px dotted #606060; }
.aside-menu dl dt a {position:relative; display: block; line-height: 20px; padding:5px 30px 5px 0; font-size: 1.4rem; font-weight: bold; color: #fff; white-space:nowrap;}
.aside-menu dl dt a em{position:absolute; right:0; top:50%; margin-top:-4.5px; width:9px; height:9px; background: url("../images/main-nav1.png") no-repeat center;}
.aside-menu dl dt .current { color: #fabd0a;}
.aside-menu dl dt .current em{ background: url("../images/main-nav01.png") no-repeat center; }
.aside-menu dl dd { padding: 0 10px; background: #fabd0a;  }
.aside-menu dl dd a { display: block; line-height: 20px; border-bottom: 1px dotted #947425; font-size: 1.3rem; padding:5px 0 5px 5%; color: #333; }
.aside-menu dl dd .current{color:#fff;}
.aside-menu dl dd:last-child a { border-bottom: none; }

.main-container{ position:relative; }

.foot-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f3b709;
    box-shadow: inset 0 20px 20px #dba505;
    z-index: 999;
}























