section, article, aside, header, footer, nav, figure { display: block; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, figure { margin: 0; padding: 0; border: 0; }
body, button, input, select, textarea { font: 12px/1.5 Verdana, Helvetica, Sans-Serif,"宋体",Arial; }
body { background-color: #fff6e6; width: 100%; color: Black; }
    body > div { margin: 0px auto; padding: 0; }
body, html { height: 100%; }
img, a img { border: 0; margin: 0 auto; padding: 0; }

@media screen and (max-width:1014px) {
    body { width: 1014px; }
}

* { padding: 0; margin: 0 auto; }
input, select { font-size: 12px; line-height: 16px; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-weight: normal; font-size: 12px; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new,courier,monospace; }
p, ul, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6 { list-style: none; }
::-moz-selection { background: #999999; color: #690000; text-shadow: none; }
::selection { background: #999999; color: #690000; text-shadow: none; }
.nav ::-moz-selection { background: #999999; color: red; text-shadow: none; }
.nav ::selection { background: #999999; color: red; text-shadow: none; }
a { outline-style: none; color: #000000; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); }
    a:hover { outline-style: none; color: #FF0000; text-decoration: underline; }
fieldset, img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; outline: 0; }
.clear { clear: both; font-size: 0px; height: 0px; overflow: hidden; }
.line5 { clear: both; font-size: 0px; height: 5px; overflow: hidden; }
.line10 { clear: both; font-size: 0px; height: 10px; overflow: hidden; }
.line15 { clear: both; font-size: 0px; height: 15px; overflow: hidden; }
.line20 { clear: both; font-size: 0px; height: 20px; overflow: hidden; }
.line30 { clear: both; font-size: 0px; height: 30px; overflow: hidden; }
/* Clear Fix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac */
.clearfix { display: block; }
.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* only FF */
ul, li { list-style-type: none; }

#box_top { width: 100%; height: 30px; background-color: #000000; }
    #box_top .content { width: 1000px; color: #ffffff; line-height: 30px; font-size: 14px; }
        #box_top .content h1 { width: 70%; float: left; overflow: hidden; position: relative; white-space: nowrap; font-size: 14px; font-weight: bold; }
        #box_top .content ul { float: right; }
            #box_top .content ul li { float: left; height: 25px; line-height: 25px; margin-top: 3px; }
                #box_top .content ul li a { padding: 0 10px; color: #ffffff; }
                #box_top .content ul li.hline { width: 1px; background-color: #fffceb; height: 10px; margin-top: 12px; }
#box_header { width: 100%; height: 155px; background: url(images/hbg1.png) repeat-x #840303; }
    #box_header .content { width: 1000px; height: 155px; background: url(images/hbg.png) no-repeat center center; }
    #box_header ol { float: right; width: 300px; }
        #box_header ol li { float: left; width: 300px; height: 40px; font-size: 24px; color: #ffffff; }
.logo { background: url(images/logo.png) no-repeat center center; width: 155px; height: 155px; float: left; }
.nav { float: right; width: 770px; height: 75px; position: relative; z-index: 999; }
    .nav li, .nav li a { float: left; width: 85px; height: 75px; color: #ffffff; text-align: center; position: relative; }
        .nav li a:hover { background-color: Black; text-decoration: none; }
        .nav li.on, .nav li a.selected { background-color: Black; }
        .nav li a label { float: left; width: 85px; font-size: 18px; margin-top: 20px; cursor: pointer; }
        .nav li a span { float: left; width: 85px; font-size: 12px; cursor: pointer; }
        .nav li dl { position: absolute; top: 75px; left: -170px; width: 600px; padding: 5px; background-color: Black; display: none; z-index: 999; }
            .nav li dl a { height: 30px; line-height: 30px; font-size: 14px; text-align: left; width: 140px; padding: 0 5px; white-space: nowrap; overflow: hidden; }
                .nav li dl a:hover { background-color: #840303; }
.head_split { width: 100%; height: 3px; background-color: #000000; }
.black_split { width: 100%; height: 3px; background-color: #000000; }
.red_split { width: 100%; height: 5px; background-color: #840303; }
.box_adv { width: 100%; height: 520px; }
.center { width: 1014px; }
.main { float: left; background: #ffffff; background: url(images/background.png); padding: 0px 7px; }
.search { width: 100%; height: 40px; background-color: #ececec; font-size: 14px; margin-bottom: 10px; }
    .search li.searchkey { float: right; line-height: 40px; padding: 0px 3px; width: 54%; }
    .search li.searchli { padding: 0px; float: left; margin-top: 5px; }
        .search li.searchli #keyid { border: 1px solid #fafafa; }
        .search li.searchli #key { border: 1px solid #9c9898; border-left: 0px; }
        .search li.searchli #btnsubmit { border: 0px none; background-color: #840303; color: #ffffff; width: 65px; height: 30px; }
    .search li#searchkey { width: 474px; overflow: hidden; position: relative; white-space: nowrap; }
    .search a { }
        .search a:hover { color: red; }
.protj { background-color: #f7f6f6; border: 1px solid #e4e4e4; float: left; width: 998px; margin-top: 10px; }
    .protj ol li { float: left; width: 100%; height: 40px; }
        .protj ol li h2 { float: left; border-left: 5px solid #840303; font-size: 14px; height: 20px; color: #000000; font-weight: bold; padding: 0px 0px 0px 10px; margin-left: 10px; margin-top: 10px; }
        .protj ol li span { float: right; position: relative; width: 90%; height: 20px; border-bottom: 1px solid #840303; margin-right: 8px; }
    .protj.xh ol li span { width: 85%; }

    .protj.xh ol li a { float: right;padding-top:14px;}

    .protj ul li { float: left; width: 100%; padding: 10px; }
        .protj ul li .slist { float: left; width: 212px; margin-left: 25px; margin-bottom: 7px; height: 214px; }
            .protj ul li .slist dt { border: 1px #ececec solid; padding: 1px; float: left; width: 100%; height: 180px; }
            .protj ul li .slist h2 { float: left; width: 100%; height: 30px; text-align: center; line-height: 30px; }
            .protj ul li .slist img { width: 100%; height: 180px; }


.prolist_index { border-bottom: 1px solid #e4e4e4; float: left; width: 1000px; margin-top: 10px; }
    .prolist_index ol li { float: left; width: 100%; height: 30px; background: url(images/classtab.jpg); }
        .prolist_index ol li h2 { float: left; margin-left: 40px; color: #000000; line-height: 30px; font-size: 14px; font-weight: bold; }
        .prolist_index ol li h3 { float: right; line-height: 30px; }
            .prolist_index ol li h3 a { float: left; margin-right: 15px; }
    .prolist_index ul li { float: left; margin-top: 10px; margin-bottom: 10px; }
    .prolist_index .slist { float: left; width: 182px; height: 165px; margin-left: 15px; margin-top: 5px; }
        .prolist_index .slist dt { border: 1px #ececec solid; padding: 1px; float: left; width: 180px; height: 135px; }
        .prolist_index .slist h2 { float: left; width: 180px; height: 30px; text-align: center; line-height: 30px; }
        .prolist_index .slist img { width: 100%; height: 135px; }
    .prolist_index .proclassimg { float: left; width: 193px; height: 330px; margin-left: 5px; }
        .prolist_index .proclassimg img { width: 193px; height: 330px; }
.newslist_index { float: left; width: 1000px; background: url(images/newstab.png) no-repeat center 10px; min-height: 100px; }
    .newslist_index dl { float: left; width: 250px; height: 190px; background: url(images/newsbg.png) no-repeat center top; margin-top: 12px; }
        .newslist_index dl dt { float: left; width: 100%; height: 44px; line-height: 44px; }
            .newslist_index dl dt h3 { border-left: 10px solid #cfcd03; height: 24px; font-size: 18px; font-weight: bold; width: 100px; float: left; margin-top: 10px; line-height: 24px; padding-left: 10px; margin-left: 10px; }
            .newslist_index dl dt span { float: right; margin-right: 10px; }
        .newslist_index dl dd { float: left; width: 240px; margin-left: 5px; border-bottom: dotted 1px #666666; background: url(images/icon1.jpg) no-repeat 0px center; height: 27px; line-height: 27px; }
            .newslist_index dl dd a { margin-left: 13px; float: left; }
.link { float: left; width: 1000px; }
    .link ul li { float: left; margin-right: 10px; height: 20px; line-height: 20px; }

.footer { float: left; width: 100%; border-top: 10px solid #c6c6c6; background: #840303 url(images/footerbg.png) no-repeat center center; height: 200px; }
    .footer .content { width: 1000px; height: 200px; color: #ffffff; }
        .footer .content a { color: #ffffff; }
    .footer .footerpic { background: url(images/shopexstorelogo.jpg) no-repeat center center; height: 200px; width: 200px; float: left; }
.copyright { float: left; width: 100%; height: 30px; line-height: 30px; background-color: #000000; color: #ffffff; }
    .copyright h2 { padding-right: 10px; float: right; }
    .copyright a { color: #ffffff; }
.center .content { float: left; width: 100%; margin-bottom: 10px; }
.left { float: left; width: 230px; border: solid 1px #c6c6c6; margin-left: 5px; }
    .left ol li { height: 35px; border-top: 4px solid #000000; background-color: #eee; }
        .left ol li span { color: #ffffff; height: 28px; font-size: 18px; float: left; line-height: 27px; padding: 0 10px; margin-left: 10px; background-color: #000; }
    .left dl dd { float: left; width: 89%; height: 40px; line-height: 40px; border-bottom: solid 1px #c6c6c6; padding-left: 2px; margin-left: 10px; }
        .left dl dd a { background: url(images/icon1.jpg) no-repeat 0px center; float: left; padding-left: 15px; color: #000000; font-weight: bold; font-size: 14px; }
    .left dl dt { float: left; width: 90%; padding-left: 10px; }
        .left dl dt a { height: 30px; line-height: 30px; width: 50%; float: left; font-size: 14px; width: 50%; }
.right { float: right; width: 750px; margin-right: 5px; }
    .right ol.navinfo li { height: 35px; border-top: 4px solid #840303; background-color: #eee; }
        .right ol.navinfo li h2 { color: #ffffff; height: 28px; font-size: 18px; float: left; line-height: 27px; padding: 0 20px; margin-left: 10px; background-color: #840303; font-weight: bold; }
        .right ol.navinfo li span { float: right; line-height: 35px; margin-right: 10px; }
    .right ul.small_class li { padding-left: 20px; margin-top: 10px; border: 1px solid #840303; border-bottom: 2px solid #840303; width: 97%; float: left; margin-bottom: 20px; font-weight: bold; }
        .right ul.small_class li span { float: left; padding: 5px 0px; color: #840303; }
        .right ul.small_class li a { float: left; padding: 5px 10px 5px 0px; }
.prolist { float: left; width: 100%; }
    .prolist .slist { float: left; width: 233px; height: 220px; margin-left: 10px; margin-top: 5px; margin-bottom: 10px; }
        .prolist .slist dt { border: 1px #ececec solid; padding: 1px; float: left; width: 231px; height: 173px; overflow: hidden; }
        .prolist .slist h2 { float: left; width: 180px; height: 30px; text-align: center; line-height: 30px; }
        .prolist .slist img { width: 231px; }
        .prolist .slist dd { height: 25px; line-height: 25px; float: left; text-align: center; width: 100%; }
            .prolist .slist dd a { width: 100%; float: left; text-align: center; white-space: nowrap; overflow: hidden; }
.procontent { float: left; width: 98%; padding: 5px; }
#proinfo { float: left; width: 100%; margin-top: 10px; }
    #proinfo ol, #proinfo ol li { float: left; width: 400px; }
        #proinfo ol, #proinfo ol li img { width: 400px; }
    #proinfo ul { float: left; margin-left: 20px; width: 320px; }
        #proinfo ul li { float: left; width: 100%; height: 30px; line-height: 30px; font-size: 14px; }
.pagelist { float: left; margin-top: 15px; width: 100%; height: 30px; }
    .pagelist ul li { margin: 0 auto; padding: 0px; width: 700px; text-align: center; height: 40px; line-height: 40px; }
    .pagelist span { padding: 5px; border: 1px solid #000000; margin-left: 5px; color: #000000; min-width: 20px; }
    .pagelist a { padding: 5px; border: 1px solid #000000; background-color: #840303; color: #ffffff; margin-left: 5px; min-width: 20px; }
    .pagelist .page1 { width: 50px; }
    .pagelist a:hover { background-color: #ffffff; color: #000000; text-decoration: none; }

.pageindex, .pageindex span { float: left; width: 100%; font-size: 14px; }
    .pageindex span { padding: 5px 0px; }

.pagepj { float: left; width: 100%; margin-top: 10px; }
    .pagepj ol li, .pagepj ol li span { float: left; width: 100%; }
        .pagepj ol li span { height: 30px; width: 50px; }
        .pagepj ol li div { float: left; width: 100px; }
.tbinput { width: 200px; border: 1px solid #666666; height: 18px; }
#plcontent { border: 1px solid #666666; }
.btn { border: 0px none; background-color: #840303; color: #ffffff; padding: 0px 10px; height: 24px; }
.common_list { float: left; width: 100%; margin-top: 10px 0 20px 0; border-bottom: 1px solid #840303; }
    .common_list ol li { float: left; width: 100%; height: 25px; line-height: 25px; border-bottom: dashed 1px #7d7d7d; }
        .common_list ol li h4 { float: left; }
        .common_list ol li span { float: right; }
    .common_list ul li { float: left; width: 100%; padding: 10px 0px; }

.newslist { float: left; width: 100%; margin-top: 10px; }
    .newslist ul li { float: left; width: 98%; height: 30px; border-bottom: dashed 1px #7d7d7d; line-height: 30px; background: url(images/icon1.jpg) no-repeat 0px center; padding-left: 13px; }
        .newslist ul li a { white-space: nowrap; overflow: hidden; float: left; width: 630px; text-overflow: ellipsis; }
        .newslist ul li span { float: right; margin-right: 10px; }
.newstitle { font-size: 20px; font-weight: bold; text-align: center; float: left; width: 100%; color: #666666; margin-top: 10px; }
.newstime { float: right; padding: 5px 0px; }
.newscontent { float: left; width: 100%; border-top: 1px solid #840303; }


/*下拉菜单*/
.single-select { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; *float: left; width: 100px; }
    .single-select .boxwrap { display: inline-block; vertical-align: middle; width: 100px; }
    .single-select .select-tit { position: relative; display: block; padding: 5px 38px 5px 10px; min-width: 40px; line-height: 20px; height: 18px; border: solid 1px #9c9898; text-decoration: none; background: #fff; white-space: nowrap; word-break: break-all; }
        .single-select .select-tit span { display: inline-block; color: #333; font-size: 12px; vertical-align: middle; }
        .single-select .select-tit i { position: absolute; right: 0; top: 0; display: block; width: 28px; height: 100%; border-left: 1px solid #eee; background: url(images/skin_icons.png) 7px -189px no-repeat #fafafa; }
    .single-select .select-items { display: none; position: absolute; left: 0; top: 45px; /*overflow:hidden;*/ }
        .single-select .select-items ul { position: relative; padding: 5px; min-width: 120px; max-height: 280px; border: 1px solid #eee; background: #fff; overflow-y: auto; overflow-x: hidden; }
            .single-select .select-items ul li { display: block; padding: 4px 10px; line-height: 20px; font-size: 12px; color: #666; white-space: nowrap; cursor: pointer; }
                .single-select .select-items ul li:hover { color: #fff; text-decoration: none; background: #16a0d3; }
                .single-select .select-items ul li.selected { color: #fff; background: #16a0d3; }
    .single-select .arrow { display: none; position: absolute; left: 15px; top: 35px; width: 21px; height: 11px; text-indent: -9999px; background: url(images/skin_icons.png) 0 -290px no-repeat; }
    .single-select.up .select-items { top: auto; bottom: 45px; }
    .single-select.up .arrow { top: -13px; background: url(images/skin_icons.png) 0 -300px no-repeat; }
.input { padding: 5px 4px; min-height: 30px; line-height: 18px; border: 1px solid #eee; background: #fff; vertical-align: middle; color: #333; font-size: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *min-height: 20px; }
    .input.normal { width: 300px; }
    .input.txt { width: 200px; }
    .input.small { width: 50px; }
    .input:focus { background: #FFFBDE; border-color: #7BBFF2; outline: 2px solid #99D8F5; }