@charset "UTF-8";
html { font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "微软雅黑", "宋体", Arial, Helvetica, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcacption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background: transparent; text-decoration: none; color: #666; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #cf0202; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; }

ton { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: p; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, a, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, nav, section, source, video, time { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; box-sizing: border-box; text-align: justify; }

body { color: #666; background: #fff; font: 8px; overflow-x: hidden; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

.hd-nav ul, footer .content, footer .con, .section11 ul, .section12-2 .con1, .section13, .section21, .section4 .content, .cf { *zoom: 1; }
.hd-nav ul:before, footer .content:before, footer .con:before, .section11 ul:before, .section12-2 .con1:before, .section13:before, .section21:before, .section4 .content:before, .hd-nav ul:after, footer .content:after, footer .con:after, .section11 ul:after, .section12-2 .con1:after, .section13:after, .section21:after, .section4 .content:after, .cf:before, .cf:after { content: ""; display: table; }
.hd-nav ul:after, footer .content:after, footer .con:after, .section11 ul:after, .section12-2 .con1:after, .section13:after, .section21:after, .section4 .content:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

.h50 { width: 100%; height: 0.98rem; }

.content, .hd-center, .hd-nav ul, .section11 ul, .section12-1, .section12-2, .section12-3, .section12-3 .con, .section13, .links, .ad21, .title21, .section21 { width: 1000px; margin-left: auto; margin-right: auto; }

input[type=text], input[type=password] { border: #dadada 1px solid; height: 30px; border-radius: 5px; padding: 0 5px; }

textarea { height: auto; min-height: 120px; border: #dadada 1px solid; border-radius: 5px; padding: 5px; }

.prv-nxt, .prv-nxt2 { padding-top: 65px; padding-bottom: 50px; text-align: center; font-size: 16px; line-height: 30px; }
.prv-nxt a, .prv-nxt2 a { padding: 0 5px; height: 27px; border: #000 1px solid; text-align: center; line-height: 27px; font-size: 12px; display: inline-block; margin-right: 2px; background-color: #e7e7e7; }
.prv-nxt a:hover, .prv-nxt .active, .prv-nxt2 a:hover, .prv-nxt2 .active { background-color: #666666; color: #fff; border-color: #000; }
.prv-nxt p, .prv-nxt2 p { text-align: center; margin-bottom: 10px; }

.prv-nxt2 { padding: 15px 0; background-color: #fff; }

.prv-nxt3 { width: 100%; padding: 20px 40px; background-color: rgba(255, 255, 255, 0.66); font-size: 14px; line-height: 36px; color: #0c0c0c; }
.prv-nxt3 a { color: #0c0c0c; }
.prv-nxt3 a:hover { color: #cf0202; }

.banner { width: 100%; height: 297px; overflow: hidden; position: relative; border: 1px solid #ddd; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -30px; bottom: 5px; z-index: 1; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd li { float: left; margin-right: 6px; width: 8px; height: 8px; border-radius: 5px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.banner .hd li.on { background: #cf0202; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 100%; height: 297px; display: block; }
.banner .prev, .banner .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.banner .next { left: auto; right: 3%; background-position: 8px 5px; }
.banner .prev:hover, .banner .next:hover { filter: alpha(opacity=100); opacity: 1; }
.banner .prevStop { display: none; }
.banner .nextStop { display: none; }

.banner1 { width: 1920px; height: 572px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px; }
.banner1 .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -30px; bottom: 5px; z-index: 1; }
.banner1 .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner1 .hd li { float: left; margin-right: 6px; width: 8px; height: 8px; border-radius: 5px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.banner1 .hd li.on { background: #cf0202; }
.banner1 .bd { position: relative; height: 100%; z-index: 0; }
.banner1 .bd li { zoom: 1; vertical-align: middle; }
.banner1 .bd img { width: 1920px; height: 572px; display: block; }
.banner1.banner452 { height: 452px; }
.banner1.banner452 .bd img { height: 452px; }
.banner1.banner403 { height: 403px; }
.banner1.banner403 .bd img { height: 403px; }

.h572 { width: 100%; height: 572px; }

.h452 { width: 100%; height: 452px; }

.h403 { width: 100%; height: 403px; }

.banner2 { width: 392px; height: 306px; overflow: hidden; position: relative; }
.banner2 .hd { height: 15px; overflow: hidden; position: absolute; z-index: 1; right: 10px; bottom: 8px; }
.banner2 .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner2 .hd li { float: left; margin-right: 6px; width: 10px; height: 10px; border-radius: 5px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.banner2 .hd li.on { background: #cf0202; }
.banner2 .bd { position: relative; height: 100%; z-index: 0; }
.banner2 .bd li { zoom: 1; vertical-align: middle; position: relative; }
.banner2 .bd img { width: 392px; height: 306px; display: block; }
.banner2 .bd span { width: 100%; height: 36px; line-height: 36px; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; bottom: 0; font-size: 14px; padding: 0 10px; color: #fff; }

header { width: 100%; background: url("../images/header.jpg") center top no-repeat; background-size: 1920px 194px; font-size: 14px; overflow: hidden; }

.hd-center { height: 194px; position: relative; padding: 1px; }
.hd-center .logo { float: left; margin-left: 50px; margin-top: 50px; }
.hd-center .r { float: right; margin-right: 10px; line-height: 30px; color: #666666; }
.hd-center .r a { color: #666666; }
.hd-center .r a:hover { color: #cf0202; }
.hd-center .p { position: absolute; right: 10px; bottom: 0; }
.hd-center img { display: block; }
.hd-center .tel { position: absolute; top: 90px; right: 180px; }

.hd-nav { width: 100%; height: 40px; background-color: #2a2a2a; }
.hd-nav li { width: 200px; float: left; background: url("../images/nav.png") center top no-repeat; background-size: 100% 100%; text-align: center; line-height: 40px; }
.hd-nav li.on, .hd-nav li:hover { background-image: url(../images/nav-on.png); }
.hd-nav a { display: block; width: 100%; height: 100%; color: #fff; font-size: 16px; text-align: center; }

footer { width: 100%; background-color: #2f2f2f; min-height: 250px; color: #afaeae; font-size: 14px; }
footer .content { height: 250px; position: relative; padding-top: 30px; padding-left: 35px; }
footer .code { float: right; margin-right: 60px; text-align: center; font-size: 18px; line-height: 23px; color: #fff; }
footer .code img { display: block; margin-bottom: 10px; }
footer .code p { width: 100%; text-align: center; }
footer .item { width: 210px; float: left; }
footer .item h3 { font-size: 18px; margin-bottom: 10px; color: #fff; }
footer .item p, footer .item li { line-height: 21px; }
footer .item a { color: #afaeae; }
footer .item a:hover { color: #cf0202; }
footer .cpt { margin-top: 45px; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.section11 { width: 100%; height: 260px; background: url("../images/bg2.jpg") left top repeat-x; padding: 34px 0; }
.section11 ul { height: 197px; background-color: #ddcba5; padding: 6px; }
.section11 ul li { float: left; margin-left: 6px; width: 158px; height: 184px; }

.section12 { width: 100%; height: 995px; background: url("../images/bg41.jpg") center top no-repeat; background-size: 1920px 995px; }

.section12-1 { height: 426px; padding-top: 116px; padding-left: 350px; font-size: 14px; line-height: 26px; color: #666666; }
.section12-1 p { text-indent: 2em; }

.section12-2 { height: 306px; overflow: hidden; }
.section12-2 .left { width: 560px; float: left; position: relative; padding: 0 10px; }
.section12-2 .left .p1 { line-height: 40px; text-align: right; }
.section12-2 .left .p1 a { color: #cf0202; font-size: 14px; }
.section12-2 .con1 { width: 100%; height: 120px; padding-left: 190px; position: relative; font-size: 14px; color: #666666; line-height: 24px; }
.section12-2 .con1 .img { width: 163px; height: 120px; background: url("../images/bg13.jpg") left top no-repeat; padding: 10px; position: absolute; left: 0; top: 0; }
.section12-2 .con1 .img img { display: block; width: 100%; height: 100%; }
.section12-2 .con1 h3 { width: 100%; text-align: center; color: #333333; }
.section12-2 .con1 .more2 { float: right; color: #cf0202; }
.section12-2 .con2 { width: 100%; margin-top: 20px; border-top: #dadada 1px solid; padding-top: 10px; }
.section12-2 .con2 li { width: 100%; line-height: 30px; border-bottom: #dadada 1px dashed; font-size: 14px; }
.section12-2 .con2 time { color: #b2b2b2; float: right; }
.section12-2 .right { width: 392px; float: right; }

.section12-3 { height: 268px; padding-top: 44px; }
.section12-3 img { display: block; margin: 0 auto; }
.section12-3 h3 { padding-left: 100px; }
.section12-3 .con { width: 100%; padding: 10px 30px 0 30px; }
.section12-3 .con a { width: 124px; height: 30px; background: url("../images/bg15.png") left top no-repeat; display: block; float: left; margin: 6px 31px; line-height: 30px; text-align: center; font-size: 16px; }
.section12-3 .con a:hover { color: #cf0202; }

.section13 { width: 1025px; padding: 30px 0; }
.section13 li { width: 317px; height: 209px; border: #c89f73 4px solid; position: relative; float: left; margin: 12px; }
.section13 li img { display: block; width: 100%; height: 100%; }
.section13 span { line-height: 40px; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 0 10px; color: #fff; font-size: 14px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; }
.section13 i { font-size: 12px; float: right; }

.links { height: 208px; background: url("../images/link.jpg") center center no-repeat; background-size: 100% 100%; position: relative; font-size: 14px; }
.links .tips { line-height: 58px; text-align: right; }
.links .tips a { color: #cf0202; }
.links ul { float: left; margin-right: 26px; margin-top: 10px; }
.links li { line-height: 28px; padding-left: 5px; }

.ad21 { margin-top: 34px; height: 184px; }
.ad21 img { display: block; width: 100%; height: 100%; }

.title21 { height: 51px; background-color: #faf0e1; }
.title21 img { display: block; float: left; margin-top: 7px; }
.title21 a { float: right; font-size: 14px; color: #cf0202; line-height: 51px; margin-right: 10px; }
.title21 a:hover { opacity: .8; }

.section21 { width: 1025px; padding-top: 5px; }
.section21 li { width: 317px; height: 209px; border: #c89f73 4px solid; position: relative; float: left; margin: 12px; }
.section21 li img { display: block; width: 100%; height: 100%; }
.section21 span { line-height: 40px; width: 100%; background-color: rgba(0, 0, 0, 0.4); padding: 0 10px; color: #fff; font-size: 18px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; }
.section21 i { font-size: 14px; float: right; }
.section21.mb30 { margin-bottom: 30px; }

.section4 { width: 100%; max-height: 1250px; background: url("../images/bg41-2.jpg") center bottom no-repeat; padding: 10px 0 30px 0; }

.section4-left { width: 170px; float: left; }

.section4-right { width: 790px; float: right; }

.side-menu h3 { line-height: 50px; text-align: center; border-bottom: #888888 1px solid; font-size: 18px; }
.side-menu li { line-height: 36px; border-bottom: #dadada 1px solid; text-align: center; }
.side-menu li:hover, .side-menu li.on { background-color: #000000; }
.side-menu li:hover a, .side-menu li.on a { color: #fff; }
.side-menu a { color: #272727; font-size: 14px; display: block; width: 100%; height: 100%; text-align: center; }

.crumb { line-height: 50px; border-bottom: #2a2a2a 1px solid; text-align: right; font-size: 14px; color: #2a2a2a; }
.crumb a { color: #2a2a2a; margin: 0 5px; }
.crumb a:hover { color: #cf0202; }
.crumb span { float: left; background: url("../images/arow.png") left center no-repeat; padding-left: 25px; font-size: 18px; }

.news-list { width: 100%; background-color: #fff; padding: 0 20px; }
.news-list .item { width: 100%; height: 150px; border-bottom: #dadada 1px dotted; padding: 20px 0 20px 180px; position: relative; }
.news-list .img { width: 156px; height: 107px; position: absolute; left: 0; top: 20px; overflow: hidden; }
.news-list .img img { width: 100%; height: 100%; display: block; }
.news-list h3 { font-size: 15px; color: #000000; margin-bottom: 15px; }
.news-list .con { font-size: 14px; line-height: 18px; color: #989898; text-align: justify; }
.news-list .more { position: absolute; right: 0; bottom: 20px; color: #cf0202; font-size: 14px; }
.news-list .more:hover { opacity: .8; }
.news-list time { float: right; color: #989898; font-size: 14px; }

.article { width: 100%; background-color: rgba(255, 255, 255, 0.66); padding: 40px; min-height: 910px; }
.article h1 { font-size: 18px; line-height: 50px; color: #000; text-align: center; }
.article .tips { font-size: 14px; color: #939393; text-align: center; }
.article .tips a { color: #939393; }
.article .tips a:hover { color: #cf0202; }
.article .tips time, .article .tips span { margin: 0 10px; }
.article img { display: block; margin: 10px auto; }
.article p { font-size: 14px; line-height: 32px; color: #0c0c0c; }
