@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: #45484d; }

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

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: #45484d; 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; }

header ul, footer, footer .left ul, .section11 .right .part1, .section14 .left, .section13, .section13 .con, .cf { *zoom: 1; }
header ul:before, footer:before, footer .left ul:before, .section11 .right .part1:before, .section14 .left:before, .section13:before, .section13 .con:before, header ul:after, footer:after, footer .left ul:after, .section11 .right .part1:after, .section14 .left:after, .section13:after, .section13 .con:after, .cf:before, .cf:after { content: ""; display: table; }
header ul:after, footer:after, footer .left ul:after, .section11 .right .part1:after, .section14 .left:after, .section13:after, .section13 .con:after, .cf:after { clear: both; }

.left, .right { float: left; }

.show { display: block !important; }

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

.content, .section13 { width: 1200px; margin-left: auto; margin-right: auto; }

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

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

.prv-nxt { padding-top: 20px; padding-bottom: 20px; }
.prv-nxt .left { float: left; }
.prv-nxt .right { float: right; }
.prv-nxt a { padding: 0 10px; height: 27px; border: #c4c4c4 1px solid; text-align: center; line-height: 27px; font-size: 12px; display: inline-block; margin-right: 5px; }
.prv-nxt a:hover, .prv-nxt .active { background-color: #df0b42; color: #fff; border-color: #df0b42; }
.prv-nxt .right { font-size: 12px; }

.banner { width: 100%; height: 591px; overflow: hidden; position: relative; }
.banner .hd { height: 15px; overflow: hidden; position: absolute; bottom: 20px; z-index: 1; right: 400px; }
.banner .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner .hd li { float: left; margin-right: 11px; width: 11px; height: 11px; line-height: 14px; text-align: center; cursor: pointer; background-color: transparent; border: #fff 1px solid; }
.banner .hd li.on { background: #fff; }
.banner .bd { position: relative; height: 100%; z-index: 0; }
.banner .bd li { zoom: 1; vertical-align: middle; }
.banner .bd img { width: 100%; height: 591px; display: block; }

.banner2 { width: 100%; height: 424px; overflow: hidden; position: relative; }
.banner2 .hd { height: 15px; overflow: hidden; position: absolute; bottom: 20px; z-index: 1; width: 100%; left: 50%; margin-left: -50px; text-align: center; }
.banner2 .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner2 .hd li { float: left; margin-right: 11px; width: 11px; height: 11px; border-radius: 100%; line-height: 14px; text-align: center; cursor: pointer; border: #333 1px solid; }
.banner2 .hd li.on { background: #333; }
.banner2 .bd { position: relative; height: 100%; z-index: 0; }
.banner2 .bd li { zoom: 1; vertical-align: middle; }
.banner2 .bd img { width: 100%; height: 424px; display: block; }

header { width: 100%; height: 71px; background-color: rgba(223, 11, 66, 0.76); position: absolute; top: 42px; z-index: 99; }
header .content { padding-top: 15px; }
header .logo { float: left; }
header nav { float: left; margin-left: 80px; }
header li { line-height: 36px; padding: 0 20px; float: left; background: url("../images/line.png") left center no-repeat; font-size: 16px; }
header li a { color: #fff; line-height: 36px; display: inline-block; }
header li:first-child { background: none; }
header li.on a, header li:hover a { border-bottom: #fff 3px solid; color: #fff; }

.login-panel { width: 292px; height: 75px; background: url("../images/login.png") left top no-repeat; position: absolute; top: 0; left: 50%; margin-left: 250px; z-index: 100; text-align: right; padding: 20px 25px; color: #fff; font-size: 14px; }
.login-panel a { color: #fff; line-height: 20px; display: inline-block; }
.login-panel a:hover { color: #df0b42; }
.login-panel .btn-login { background: url("../images/icon11.png") left center no-repeat; padding-left: 25px; }

footer { width: 100%; height: 130px; background-color: #717171; color: #fff; font-size: 12px; }
footer a { color: #fff; }
footer a:hover { color: #df0b42; }
footer .left { width: 700px; float: left; position: relative; padding-left: 175px; margin-top: 40px; }
footer .left .logo { position: absolute; left: 20px; }
footer .left ul { border-left: #a1a1a1 1px solid; padding-left: 10px; }
footer .left li { float: left; padding: 0 20px; line-height: 43px; }
footer .right { width: 500px; float: right; text-align: right; position: relative; padding-right: 120px; padding-top: 36px; }
footer .right p { width: 100%; text-align: right; line-height: 24px; }
footer .right .code { position: absolute; right: 20px; text-align: center; top: 10px; }
footer .right .code img { display: block; margin: 2px auto; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.section11 { width: 1920px; height: 590px; position: absolute; left: 50%; margin-left: -960px; z-index: 9; }
.section11 .left { width: 1178px; right: 50%; margin-right: -320px; height: 590px; top: 0; }
.section11 .right { width: 742px; left: 50%; margin-left: 320px; height: 590px; overflow: hidden; top: 0; background: url("../images/bg1.jpg") left top no-repeat; background-size: 100% 100%; padding-top: 130px; padding-left: 24px; }
.section11 .right .part1 { width: 336px; }
.section11 .right .part1 a { width: 33.33%; display: block; float: left; color: #fff; font-size: 12px; text-align: center; }
.section11 .right .part1 img { display: block; margin: 0 auto; }
.section11 .right .part2 { width: 336px; height: 237px; background: url("../images/box.png") center center no-repeat; background-size: 100% 100%; margin-top: 65px; color: #fff; padding: 0 25px; }
.section11 .right .part2 span { width: 100%; display: block; text-align: center; color: #b1f9fe; font-size: 21px; position: relative; top: -15px; }
.section11 .right .part2 h3 { width: 100%; text-align: center; font-size: 27px; font-weight: bold; line-height: 38px; color: #fff; padding-top: 30px; }
.section11 .right .part2 .line { width: 100%; height: 1px; background-color: #8196ad; margin: 25px 0; }
.section11 .right .part2 .btn { margin: 0 auto; line-height: 30px; display: block; color: #fff; font-size: 13px; text-align: center; }
.section11 .right .part2 .btn:hover { color: #df0b42; }

.h590 { width: 100%; height: 590px; }

.section14 { width: 100%; height: 700px; background-color: #f2f1f2; padding-top: 35px; }
.section14 .ad { width: 100%; height: 208px; margin-bottom: 60px; }
.section14 .ad img { width: 100%; height: 100%; display: block; }
.section14 .part2 { width: 100%; background-color: #043589; padding-right: 497px; padding-top: 11px; height: 345px; overflow: hidden; position: relative; }
.section14 .part2 .right { position: absolute; right: 0; top: 0; overflow: hidden; width: 497px; height: 100%; }
.section14 .part2 .right a { width: 145px; height: 34px; display: block; position: absolute; left: 50%; margin-left: -72px; font-size: 20px; color: #fff; border: #fff 1px solid; text-align: center; bottom: 40px; }
.section14 .left { background-color: #fff; width: 100%; height: 100%; padding-top: 30px; padding-left: 30px; }
.section14 .left li { width: 158px; height: 270px; float: left; margin-left: 80px; font-size: 14px; line-height: 18px; }
.section14 .left li img { width: 100%; height: 214px; display: block; margin-bottom: 7px; }
.section14 .left li:first-child { margin-left: 0; }

.section15 { width: 100%; background-color: #576a87; height: 333px; overflow: hidden; }
.section15 img { display: block; }

.section16 { width: 100%; background-color: #f2f1f2; height: 690px; position: relative; }
.section16 .content { position: absolute; height: 746px; top: -150px; left: 50%; margin-left: -600px; }
.section16 .content > div { position: absolute; }
.section16 .l1 { width: 490px; height: 325px; display: block; }
.section16 .l1 img { display: block; width: 100%; height: 100%; }
.section16 .l1 a { width: 145px; height: 34px; display: block; position: absolute; left: 50%; margin-left: -72px; font-size: 20px; color: #fff; border: #fff 1px solid; text-align: center; bottom: 40px; }
.section16 .l2 { width: 490px; height: 424px; overflow: hidden; border: #ededed 1px solid; background-color: #fff; top: 324px; left: 0; }
.section16 .item-r1, .section16 .item-r2, .section16 .item-r3 { width: 220px; height: 315px; overflow: hidden; top: 105px; }
.section16 .item-r1 img, .section16 .item-r2 img, .section16 .item-r3 img { width: 100%; height: 100%; display: block; }
.section16 .item-r1 .con, .section16 .item-r2 .con, .section16 .item-r3 .con { width: 210px; height: 90px; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -105px; margin-top: -35px; color: #fff; }
.section16 .item-r1 h3, .section16 .item-r2 h3, .section16 .item-r3 h3 { font-size: 24px; width: 100%; text-align: center; }
.section16 .item-r1 p, .section16 .item-r2 p, .section16 .item-r3 p { width: 100%; font-size: 15px; text-align: center; }
.section16 .item-r1 { right: 476px; }
.section16 .item-r2 { right: 238px; }
.section16 .item-r3 { right: 0; }
.section16 .item-r4, .section16 .item-r5 { width: 349px; height: 311px; bottom: 0; }
.section16 .item-r4 .con, .section16 .item-r5 .con { width: 210px; height: 90px; border: #fff 1px solid; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -105px; margin-top: -45px; color: #fff; }
.section16 .item-r4 h3, .section16 .item-r5 h3 { font-size: 30px; font-weight: bold; text-align: center; width: 100%; padding-top: 10px; }
.section16 .item-r4 p, .section16 .item-r5 p { width: 100%; text-align: center; font-size: 18px; }
.section16 .item-r4 { right: 349px; }
.section16 .item-r5 { right: 0; }

.section13 { height: 500px; padding: 16px 0; }
.section13 .left { width: 280px; float: left; height: 100%; overflow: hidden; padding: 0 10px; border-left: #c4c4c4 1px solid; border-right: #c4c4c4 1px solid; }
.section13 .left h3 { width: 100%; height: 50px; line-height: 50px; background: url("../images/top.png") left center no-repeat; padding-left: 64px; font-size: 18px; font-weight: bold; }
.section13 .left ul { padding-top: 15px; }
.section13 .left li { width: 100%; line-height: 21px; margin-bottom: 30px; font-size: 12px; }
.section13 .left i { width: 21px; height: 21px; display: inline-block; text-align: center; border: #000 1px solid; margin-right: 10px; font-size: 16px; }
.section13 .left span { float: right; }
.section13 .right { width: 874px; float: right; height: 100%; overflow: hidden; }
.section13 .right .con { display: none; }
.section13 .hd { width: 100%; border-bottom: #c4c4c4 1px solid; height: 35px; }
.section13 .hd a { line-height: 21px; padding-bottom: 8px; font-size: 21px; margin-right: 45px; color: #6c6c6c; }
.section13 .hd a.on { border-bottom: #000 3px solid; color: #000; }
.section13 .con { padding-top: 18px; }
.section13 .item { float: left; margin-left: 40px; width: 188px; height: 410px; overflow: hidden; }
.section13 .item:first-child { margin-left: 0; }
.section13 .item .img { width: 100%; height: 282px; overflow: hidden; display: block; margin-bottom: 3px; position: relative; }
.section13 .item .img img { display: block; width: 100%; height: 100%; }
.section13 .item .img i { display: block; position: absolute; right: 10px; top: 0; z-index: 9; width: 29px; height: 31px; background: url("../images/icon14.png") left top no-repeat; text-align: center; line-height: 24px; color: #fff; }
.section13 .item h3, .section13 .item p { width: 100%; padding: 0 10px; line-height: 24px; }
.section13 .item h3 { margin: 5px 0; }
.section13 .item .time { background: url("../images/time.png") 10px center no-repeat; padding-left: 25px; color: #999; font-size: 13px; }
.section13 .item .btn { width: 100px; height: 26px; line-height: 26px; font-size: 12px; color: #fff; background-color: #000; display: block; margin-left: 10px; text-align: center; margin-top: 5px; }
.section13 .item .btn:hover { background-color: #df0b42; }

.star { padding: 0 10px; }
.star span { width: 40px; height: 18px; display: inline-block; background-color: #f9b93c; font-size: 14px; color: #45484d; text-transform: uppercase; border-radius: 3px; text-align: center; font-weight: bold; }
.star i { width: 18px; height: 18px; display: inline-block; background: url("../images/star.png") center center no-repeat; position: relative; top: 2px; }
.star i.on { background-image: url(../images/star-on.png); }
.star i.half { background-image: url(../images/star-half.png); }

.section12 { width: 100%; height: 683px; background-color: #f2f1f2; }
.section12 .notice { width: 100%; line-height: 91px; text-align: center; font-size: 12px; color: #000; }
.section12 .notice i { display: inline-block; width: 140px; height: 1px; background-color: #000; margin: 0 20px; position: relative; top: -5px; }
.section12 .content2 { height: 570px; background-color: #b9103c; position: relative; padding-left: 463px; padding-bottom: 8px; }
.section12 .left { width: 463px; height: 100%; position: absolute; left: 0; top: 0; background-color: #df0b42; }
.section12 .part1 { width: 100%; height: 325px; display: block; position: relative; }
.section12 .part1 img { display: block; height: 100%; width: 100%; }
.section12 .part1 a { width: 145px; height: 34px; display: block; position: absolute; left: 50%; margin-left: -72px; font-size: 20px; color: #fff; border: #fff 1px solid; text-align: center; bottom: 40px; }
.section12 .part2 { padding: 15px 77px; }
.section12 .part2 input[type=submit] { width: 100%; background-color: #af0b36; border: none; color: #fff; height: 40px; margin-top: 13px; text-align: center; font-size: 12px; }
.section12 .right { width: 100%; height: 100%; background-color: #fff; }
.section12 .right .img { width: 100%; height: 396px; overflow: hidden; display: block; margin-bottom: 10px; position: relative; }
.section12 .right .img img { display: block; width: 100%; height: 100%; }
.section12 .right .img i { display: block; position: absolute; right: 10px; top: 0; z-index: 9; width: 29px; height: 31px; background: url("../images/icon14.png") left top no-repeat; text-align: center; line-height: 24px; color: #fff; }
.section12 .right .img .box { width: 415px; height: 119px; position: absolute; left: 50%; top: 50%; margin-left: -208px; margin-top: -60px; background: url("../images/box3.png") center center no-repeat; color: #fff; }
.section12 .right .img .box span { display: block; text-align: center; width: 100%; font-size: 20px; position: relative; top: -12px; padding-right: 10px; box-sizing: border-box; }
.section12 .right .img .box h3 { font-size: 32px; font-weight: bold; width: 100%; text-align: center; color: #fff; }
.section12 .right .img .box p { width: 100%; text-align: center; font-size: 32px; line-height: 40px; }
.section12 .right h3, .section12 .right p { width: 100%; padding: 0 20px; line-height: 24px; }
.section12 .right h3 { margin: 5px 0; font-size: 16px; color: #414141; font-weight: bold; }
.section12 .right h3 span { font-size: 12px; color: #45484d; line-height: 18px; }
.section12 .right .time { background: url("../images/time.png") 20px center no-repeat; padding-left: 35px; color: #999; font-size: 13px; }
.section12 .right .time span { margin-left: 20px; }
.section12 .right .con { padding: 10px 240px 0 20px; position: relative; font-size: 12px; color: #9a9da2; line-height: 20px; }
.section12 .right .view { width: 140px; height: 33px; border: #333 1px solid; display: block; position: absolute; right: 20px; top: 50%; margin-top: -16px; text-align: center; line-height: 32px; font-size: 14px; }
.section12 .right .view:hover { background-color: #df0b42; border-color: #df0b42; color: #fff; }
.section12 .addr { width: 100%; line-height: 66px; font-size: 21px; color: #fff; line-height: 34px; text-align: center; }
.section12 .addr img { display: inline-block; position: relative; top: 8px; margin-right: 10px; }
.section12 .addr i { background: url("../images/arrow-d.png") left center no-repeat; height: 15px; display: inline-block; width: 9px; position: relative; margin-left: 10px; }

.select-simulate { position: relative; width: 100%; height: 40px; margin-top: 13px; }
.select-simulate .hd { width: 100%; height: 40px; line-height: 40px; border: 1px solid #e591a7; background: transparent url(../images/select-arrow.png) no-repeat right center; background-size: 40px 40px; display: block; float: left; cursor: pointer; padding-left: 10px; box-sizing: border-box; color: #f2b9c8; font-size: 12px; padding-right: 50px; }
.select-simulate .hd i { float: right; }
.select-simulate .hd.blur { color: #ccc; }
.select-simulate .bd { width: 100%; height: auto; background: #FFF; border: 1px solid #e591a7; border-bottom: none; clear: both; position: absolute; left: 0; top: 40px; z-index: 3; display: none; box-sizing: border-box; }
.select-simulate .bd li { height: 40px; line-height: 40px; border-bottom: 1px solid #e591a7; padding: 0 10px; font-size: 12px; }
.select-simulate .bd li:hover { background: #eee; }
.select-simulate .bd li:hover a { color: #C00; }

.overly { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 2; display: none; }