﻿@charset "UTF-8";
.red { color: #e70012; }

.bg-red { background-color: #e70012; }

.blue { color: #00aaee; }

.bg-blue { background-color: #00aaee; }

.gray { color: #b9bcc7; }

.bg-gray { background-color: #b9bcc7; }

.red { color: #e70012; }

.bg-red { background-color: #e70012; }

.orange { color: #ff7802; }

.bg-orange { background-color: #ff7802; }

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: #333; }

a:active, a:hover, a:focus { outline: 0; text-decoration: none; color: #e70012; }

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: #333; background: #f2f2f2; font: 8px; overflow-x: hidden; }

ul, li, ol { list-style: none; line-height: normal; }

i, address, cite, dfn, em, var { font-style: normal; }

.hd-center, .hd-nav .content, .hd-nav .subNav .con, .section11, .section11-left .con, .section12 .list, .section14 .list, .section110, .section110 .left-box, .section112, .section112-2 .item, .section112-3 .box, .main, .page3, .page4 .item, .cf { *zoom: 1; }
.hd-center:before, .hd-nav .content:before, .hd-nav .subNav .con:before, .section11:before, .section11-left .con:before, .section12 .list:before, .section14 .list:before, .section110:before, .section110 .left-box:before, .section112:before, .section112-2 .item:before, .section112-3 .box:before, .main:before, .page3:before, .page4 .item:before, .hd-center:after, .hd-nav .content:after, .hd-nav .subNav .con:after, .section11:after, .section11-left .con:after, .section12 .list:after, .section14 .list:after, .section110:after, .section110 .left-box:after, .section112:after, .section112-2 .item:after, .section112-3 .box:after, .main:after, .page3:after, .page4 .item:after, .cf:before, .cf:after { content: ""; display: table; }
.hd-center:after, .hd-nav .content:after, .hd-nav .subNav .con:after, .section11:after, .section11-left .con:after, .section12 .list:after, .section14 .list:after, .section110:after, .section110 .left-box:after, .section112:after, .section112-2 .item:after, .section112-3 .box:after, .main:after, .page3:after, .page4 .item:after, .cf:after { clear: both; }

.section112-3 li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

input[type=text], input[type=password], select, textarea { border: #333 1px solid; outline: none; }
input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { border-color: #e70012; }

.left, .right { float: left; }

.show { display: block !important; }

.content, .hd-center, .main, .page3 { width: 1190px; margin-left: auto; margin-right: auto; }

.btn { height: 30px; line-height: 30px; padding: 0 10px; border-radius: 5px; border: #e70012 1px solid; text-align: center; background-color: #e70012; color: #fff; }
.btn:hover { opacity: .8; color: #fff; }
.btn.btn-blue { background-color: #00aaee; border-color: #00aaee; }
.btn.btn-gray { background-color: #b9bcc7; border-color: #b9bcc7; }
.btn.btn-red { background-color: #e70012; border-color: #e70012; }
.btn.btn-orange { background-color: #ff7802; border-color: #ff7802; }

input[type=text], input[type=password], select { border: #eee 1px solid; height: 30px; border-radius: 5px; padding: 0 5px; }
input[type=text]:focus, input[type=password]:focus, select:focus { border-color: #e70012; }

input[type=submit]:hover { opacity: .8; }

textarea { height: auto; min-height: 120px; border: #eee 1px solid; border-radius: 5px; padding: 5px; }

.prv-nxt { padding-top: 40px; padding-bottom: 30px; }
.prv-nxt a, .prv-nxt span { padding: 0 10px; height: 27px; border: #eee 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: #e70012; color: #fff; border-color: #e70012; }
.prv-nxt .right { font-size: 12px; }

.g-crumb { font-size: 14px; line-height: 32px; color: #767676; }
.g-crumb a { color: #767676; }
.g-crumb a:hover { color: #e70012; }

.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: 8px; width: 8px; height: 8px; border-radius: 8px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; }
.banner .hd li.on { background: #e70012; }
.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 { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; background: url("../images/l.png") left top no-repeat; background-size: 24px 45px; }
.banner .prev { left: 0; }
.banner .next { background-image: url(../images/r.png); right: 0; }

.banner11 { width: 100%; height: 436px; overflow: hidden; position: relative; }
.banner11 .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; margin-left: -30px; bottom: 15px; z-index: 1; }
.banner11 .hd ul { overflow: hidden; zoom: 1; float: left; }
.banner11 .hd li { float: left; margin-right: 12px; width: 12px; height: 12px; border-radius: 12px; line-height: 14px; text-align: center; background: #eee; cursor: pointer; }
.banner11 .hd li.on { background: #e70012; }
.banner11 .bd { position: relative; height: 100%; z-index: 0; }
.banner11 .bd li { zoom: 1; vertical-align: middle; }
.banner11 .bd img { width: 100%; height: 436px; display: block; }

.banner110 { margin-top: 40px; width: 100%; height: 210px; overflow: hidden; position: relative; padding: 0 40px; }
.banner110 .bd { position: relative; height: 100%; z-index: 0; }
.banner110 .bd li { zoom: 1; vertical-align: middle; }
.banner110 .bd img { width: 290px; height: 210px; display: block; }
.banner110 .prev, .banner110 .next { width: 80px; height: 80px; position: absolute; top: 60%; margin-top: -40px; background: url("../images/l.png") left top no-repeat; background-size: 24px 45px; }
.banner110 .prev { left: 0; }
.banner110 .next { background-image: url(../images/r.png); right: -50px; }

.banner13 { width: 100%; height: 307px; overflow: hidden; position: relative; }
.banner13 .bd { position: relative; height: 100%; z-index: 0; }
.banner13 .bd li { zoom: 1; vertical-align: middle; }
.banner13 .bd img { width: 100%; height: 307px; display: block; }

.slideTxtBox { width: 450px; border: 1px solid #ddd; text-align: left; /* 下面是前/后按钮代码，如果不需要删除即可 */ }
.slideTxtBox .hd { height: 30px; line-height: 30px; background: #f4f4f4; padding: 0 10px 0 20px; border-bottom: 1px solid #ddd; position: relative; }
.slideTxtBox .hd ul { float: left; position: absolute; left: 20px; top: -1px; height: 32px; }
.slideTxtBox .hd li { float: left; padding: 0 15px; cursor: pointer; }
.slideTxtBox .hd li.on { height: 30px; background: #fff; border: 1px solid #ddd; border-bottom: 2px solid #fff; }
.slideTxtBox .bd ul { padding: 15px; zoom: 1; }
.slideTxtBox .bd li { height: 24px; line-height: 24px; }
.slideTxtBox .bd .date { float: right; color: #999; }
.slideTxtBox .arrow { position: absolute; right: 10px; top: 0; }
.slideTxtBox .arrow a { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("../images/arrow.png") 0 0 no-repeat; }
.slideTxtBox .arrow .next { background-position: 0 -50px; }
.slideTxtBox .arrow .prevStop { background-position: -60px 0; }
.slideTxtBox .arrow .nextStop { background-position: -60px -50px; }

.picScroll-left { width: 100%; overflow: hidden; position: relative; height: 120px; padding: 0 50px; }
.picScroll-left .bd { padding: 10px; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; text-align: center; }
.picScroll-left .bd li { margin: 0 20px; overflow: hidden; text-align: center; width: 80px; font-size: 14px; line-height: 24px; height: 120px; display: inline-block; position: relative; }
.picScroll-left .prev, .picScroll-left .next { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; background: url("../images/l.png") left top no-repeat; background-size: 24px 45px; }
.picScroll-left .prev { left: 0; }
.picScroll-left .next { background-image: url(../images/r.png); right: -50px; }

.picScrollLeft111 { margin-top: 20px; width: 100%; overflow: hidden; position: relative; height: 260px; padding: 0 50px; }
.picScrollLeft111 .bd { padding: 10px; overflow: hidden; width: 100%; }
.picScrollLeft111 .bd ul { overflow: hidden; zoom: 1; text-align: center; }
.picScrollLeft111 .bd li { margin: 0 5px; overflow: hidden; text-align: center; width: 260px; height: 260px; display: inline-block; position: relative; }
.picScrollLeft111 .prev, .picScrollLeft111 .next { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; background: url("../images/l.png") left top no-repeat; background-size: 24px 45px; }
.picScrollLeft111 .prev { left: 10px; }
.picScrollLeft111 .next { background-image: url(../images/r.png); right: -45px; }

.multipleColumn { overflow: hidden; position: relative; width: 100%; }
.multipleColumn .bd { overflow: hidden; }
.multipleColumn .bd ul { overflow: hidden; zoom: 1; width: 230px; float: left; _display: inline; margin-right: 10px; }
.multipleColumn .bd li { _display: inline; overflow: hidden; text-align: center; width: 100%; height: 90px; background-color: #fff; border: #d2d2d2 1px solid; }
.multipleColumn .bd li:first-child { margin-bottom: 10px; }
.multipleColumn .bd img { width: 100%; height: 100%; }

.banner-ad { width: 1920px; height: 300px; position: absolute; left: 50%; margin-left: -960px; height: 300px; overflow: hidden; }
.banner-ad img { display: block; width: 100%; height: 100%; }

.h300 { width: 100%; height: 300px; }

header { width: 100%; }

.hd-top { height: 38px; background-color: #e00034; }
.hd-top .content { padding-left: 30px; line-height: 38px; color: #fff; font-size: 14px; }
.hd-top .content a { color: #fff; }
.hd-top .right { float: right; }
.hd-top .right a { margin: 0 15px; }
.hd-top .right a:hover { opacity: .8; }
.hd-top .right .home { background: url("../images/icon11.png") left center no-repeat; padding-left: 20px; }

.hd-center { height: 100px; overflow: hidden; padding: 10px 0; }
.hd-center .logo { float: left; margin-left: 15px; }
.hd-center .right { float: right; margin-top: 20px; }
.hd-center .tel, .hd-center .kf { background: url("../images/tel.png") left center no-repeat; height: 39px; padding-left: 45px; display: block; float: left; }
.hd-center .tel { font-size: 14px; line-height: 17px; padding-top: 3px; box-sizing: border-box; }
.hd-center .kf { background-image: url(../images/qq.png); line-height: 39px; font-size: 14px; margin-left: 30px; }

.hd-nav { border-bottom: #e70012 2px solid; }
.hd-nav .nav2 { float: left; margin-left: 20px; line-height: 24px; padding: 6px 0; height: 40px; overflow: hidden; }
.hd-nav .nav2 a { display: block; padding: 0 20px; font-size: 16px; color: #2f2f2f; float: left; border-left: #ccc 1px solid; }
.hd-nav .nav2 a:first-child { border: none; }
.hd-nav .nav2 a:hover, .hd-nav .nav2 a.on { color: #e70012; }
.hd-nav .left-nav { float: left; width: 180px; background-color: red; position: relative; position: relative; }
.hd-nav .left-nav:hover .subNav { display: block; }
.hd-nav .left-nav .title { width: 100%; line-height: 40px; background: url("../images/icon25.png") 15px center no-repeat #e70012; padding-left: 40px; color: #fff; }
.hd-nav .left-nav .title i { width: 9px; height: 6px; background: url("../images/arrow-down4.png") left top no-repeat; background-size: 100% 100%; display: block; float: right; margin-top: 16px; margin-right: 20px; }
.hd-nav .subNav { display: none; position: absolute; top: 40px; left: 0; background-color: #e70012; z-index: 99; }
.hd-nav .subNav .item { width: 100%; padding: 10px 15px; font-size: 14px; color: #fff; border-top: #7d777a 1px solid; height: 110px; }
.hd-nav .subNav .item.bdn { border: none; }
.hd-nav .subNav .item a { color: #fff; }
.hd-nav .subNav .item a:hover { opacity: .8; }
.hd-nav .subNav .item h3 { font-weight: bold; }
.hd-nav .subNav .con a { display: block; width: 50%; float: left; line-height: 22px; }

footer { width: 100%; }
footer .ft1 { width: 100%; height: 7px; background: url("../images/footer.png") center center no-repeat; background-size: 1920px 7px; }
footer .ft2 { background-color: #414141; }
footer .ft2 .content { height: 230px; background: url("../images/logo2.png") 70px top no-repeat; padding-left: 300px; padding-right: 90px; padding-top: 10px; position: relative; }
footer .ft2 .code { position: absolute; right: 90px; bottom: 15px; }
footer .link { width: 100%; border-bottom: #a0a0a0 1px solid; line-height: 60px; font-size: 16px; color: #fff; margin-bottom: 30px; }
footer .link a { color: #fff; }
footer .link span { margin: 0 12px; }
footer .list { width: 100%; color: #ffffff; background-size: 110px 123px; }
footer .list li { line-height: 26px; font-size: 14px; }
footer .list span { width: 250px; display: inline-block; }
footer .list .sp2 { width: auto; margin-left: 20px; }
footer .ft3 { line-height: 70px; font-size: 16px; color: #fff; background-color: red; }
footer .ft3 a { color: #fff; margin-right: 25px; }
footer .ft3 a:hover { opacity: .8; }

.show { display: block; }

.hide { display: none; }

.alert { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0%; z-index: 99; background-color: rgba(0, 0, 0, 0.5); }
.alert .box { position: absolute; left: 50%; top: 50%; background-color: #fff; box-shadow: 3px 8px 15px 0 #666; }
.alert .title { width: 100%; border-bottom: #eee 1px solid; line-height: 50px; font-size: 14px; padding: 0 20px; }
.alert .btn-close { width: 20px; height: 50px; background: url("../images/close.png") center center no-repeat; display: block; float: right; }
.alert .btn-close:hover { opacity: .8; }
.alert .operate { text-align: center; }
.alert .operate a { display: inline-block; width: 100px; }

.overly { display: none; width: 100%; height: 100%; position: fixed; left: 0%; top: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.5); }

.alert-msg .box { width: 430px; height: 200px; margin-left: -215px; margin-top: -100px; }
.alert-msg .con { font-size: 18px; text-align: center; line-height: 30px; padding: 20px; }
.alert-msg .operate { margin-top: 10px; }
.alert-msg .operate a { display: block; margin: 0 auto; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.g-title { border-bottom: #a8a8a8 1px solid; line-height: 50px; padding: 0 10px; }
.g-title b { font-size: 20px; color: #000; border-bottom: #e70012 3px solid; display: inline-block; }
.g-title span { font-size: 20px; color: #d8d0d0; }
.g-title .more { float: right; font-size: 14px; }

.section11 { height: 476px; overflow: hidden; margin-bottom: 10px; }

.section11-left { width: 174px; float: left; background-color: #6c6669; height: 476px; }
.section11-left .title { width: 100%; line-height: 40px; background: url("../images/icon12.png") 15px center no-repeat #fff; padding-left: 36px; color: #e70012; }
.section11-left .item { width: 100%; padding: 10px 15px; font-size: 14px; color: #fff; border-top: #7d777a 1px solid; height: 110px; }
.section11-left .item.bdn { border: none; }
.section11-left .item a { color: #fff; }
.section11-left .item a:hover { opacity: .8; }
.section11-left .item h3 { font-weight: bold; }
.section11-left .con a { display: block; width: 50%; float: left; line-height: 22px; }

.section11-right { width: 1005px; background-color: #fff; float: right; height: 476px; }
.section11-right .top { width: 100%; line-height: 24px; padding: 6px 0; height: 40px; overflow: hidden; }
.section11-right .top a { display: block; padding: 0 20px; font-size: 16px; color: #2f2f2f; float: left; border-left: #ccc 1px solid; }
.section11-right .top a:first-child { border: none; }
.section11-right .top a:hover { color: #e70012; }

.section12 .content, .section13 .content, .section14 .content, .section15 .content { position: relative; }
.section12 .title, .section13 .title, .section14 .title, .section15 .title { position: absolute; left: 0; top: 0; width: 176px; }
.section12 img, .section13 img, .section14 img, .section15 img { display: block; }

.section12 { padding-bottom: 10px; overflow: hidden; }
.section12 .content { height: 217px; }
.section12 .list { float: right; }
.section12 .title img { height: 217px; }
.section12 li { width: 248px; height: 217px; float: left; position: relative; margin-left: 5px; }
.section12 li img { width: 100%; height: 100%; }
.section12 li h3 { position: absolute; top: 20px; padding: 0 20px; font-size: 18px; }
.section12 li p { position: absolute; top: 50px; padding: 0 20px; font-size: 14px; color: #615642; }
.section12 .li1 { background-color: #e8e6e7; }
.section12 .li1 h3 { color: #615642; }
.section12 .li2 { background-color: #e4e9e3; }
.section12 .li2 h3 { color: #5ab955; }
.section12 .li3 { background-color: #e8e4e5; }
.section12 .li3 h3 { color: #c76c6b; }
.section12 .li4 { background-color: #e7ebee; }
.section12 .li4 h3 { color: #59352d; }

.section14 { padding-bottom: 25px; }
.section14 .content { height: 524px; }
.section14 .list { float: right; width: 1015px; }
.section14 li { width: 331px; height: 257px; float: left; position: relative; margin-left: 6px; }
.section14 li img { width: 100%; height: 100%; }
.section14 li h3 { position: absolute; top: 30px; padding: 0 20px; font-size: 18px; }
.section14 li p { position: absolute; top: 53px; padding: 0 20px; font-size: 14px; color: #8b8b8b; }
.section14 .li1 { background-color: #e8e6e7; margin-bottom: 9px; }
.section14 .li2 { background-color: #e4e9e3; margin-bottom: 9px; }
.section14 .li3 { background-color: #e8e4e5; margin-bottom: 9px; }
.section14 .li4 { background-color: #e7ebee; }
.section14 .li5 { background-color: #e7ebee; }
.section14 .li6 { background-color: #e7ebee; }

.section13, .section15 { padding-bottom: 25px; }
.section13 .content, .section15 .content { height: 524px; }
.section13 .box1, .section15 .box1 { width: 500px; height: 307px; position: absolute; left: 183px; top: 0; overflow: hidden; }
.section13 .list2, .section15 .list2 { position: absolute; right: 0; top: 0; width: 506px; height: 307px; overflow: hidden; }
.section13 .list2 li, .section15 .list2 li { width: 246px; height: 307px; float: left; position: relative; margin-left: 6px; }
.section13 .list2 li img, .section15 .list2 li img { width: 100%; height: 100%; }
.section13 .list2 li h3, .section15 .list2 li h3 { position: absolute; top: 30px; padding: 0 20px; font-size: 18px; }
.section13 .list2 li p, .section15 .list2 li p { position: absolute; top: 53px; padding: 0 20px; font-size: 14px; color: #8b8b8b; }
.section13 .list2 .li1, .section15 .list2 .li1 { background-color: #f1eee7; }
.section13 .list2 .li2, .section15 .list2 .li2 { background-color: #edeef2; }
.section13 .list3, .section15 .list3 { width: 1012px; height: 211px; position: absolute; bottom: 0; right: 0; overflow: hidden; }
.section13 .list3 li, .section15 .list3 li { width: 246px; height: 211px; float: left; position: relative; margin-left: 6px; }
.section13 .list3 li img, .section15 .list3 li img { width: 100%; height: 100%; }
.section13 .list3 li h3, .section15 .list3 li h3 { position: absolute; top: 30px; padding: 0 20px; font-size: 18px; }
.section13 .list3 li p, .section15 .list3 li p { position: absolute; top: 53px; padding: 0 20px; font-size: 14px; color: #8b8b8b; }
.section13 .list3 .li1, .section15 .list3 .li1 { background-color: #efece3; }
.section13 .list3 .li2, .section15 .list3 .li2 { background-color: #e7eaf0; }
.section13 .list3 .li3, .section15 .list3 .li3 { background-color: #dcefed; }
.section13 .list3 .li4, .section15 .list3 .li4 { background-color: #e9e9e9; }

.section17, .section18 { background-color: #fff; padding-bottom: 50px; }
.section17 .title, .section18 .title { width: 100%; }
.section17 .title img, .section18 .title img { display: block; width: 100%; }

.section17 { padding-top: 50px; }
.section17 .title2 { font-size: 20px; color: #e70012; text-align: center; margin-top: 10px; }
.section17 .txt { font-size: 14px; color: #737373; text-align: center; line-height: 24px; text-align: center; padding: 20px 0; }
.section17 .txt p { text-align: center; }
.section17 .txt b { color: #e70012; }
.section17 img { display: block; }

.section18 { padding-bottom: 10px; }
.section18 .content { background: url("../images/bg18.png") right bottom no-repeat; min-height: 560px; }
.section18 .box { margin-top: 20px; }
.section18 .title2 { margin-bottom: 10px; }
.section18 .title2 span { display: inline-block; width: 140px; line-height: 40px; background-color: #e70012; color: #fff; text-align: center; font-size: 24px; }
.section18 .txt { margin-bottom: 20px; font-size: 14px; line-height: 24px; }
.section18 .btm { width: 100%; padding: 10px 40px; }
.section18 .btm p { font-size: 14px; }
.section18 .btm b { font-size: 30px; color: #e70012; }
.section18 .btm a { width: 150px; display: inline-block; line-height: 40px; text-align: center; font-size: 24px; color: #fff; background-color: #e70012; margin-left: 20px; position: relative; top: -10px; }

.section19 { padding-top: 50px; margin-bottom: 50px; }
.section19 .title { width: 100%; border-top: #dcdcdc 1px solid; position: relative; text-align: center; font-size: 24px; margin-bottom: 10px; }
.section19 .title span { background-color: #f2f2f2; padding: 0 50px; position: relative; top: -18px; }

.section110 { margin-bottom: 50px; }
.section110 .left { float: left; width: 780px; }
.section110 .right { float: right; width: 380px; }
.section110 .left-box { margin-top: 20px; }
.section110 .left-box .img { width: 380px; height: 270px; display: block; float: left; overflow: hidden; }
.section110 .left-box .img img { display: block; width: 100%; height: 100%; }
.section110 .left-box .txt { float: right; width: 380px; font-size: 14px; line-height: 25px; text-align: justify; text-indent: 2em; }
.section110 .left-box .txt a { color: #e70012; float: right; }

.section111 { background-color: #ffffff; height: 390px; padding-top: 10px; }

.section112 { margin-top: 25px; margin-bottom: 70px; }
.section112 .left { width: 490px; float: left; height: 630px; }
.section112 .right { width: 655px; float: right; height: 630px; }

.section112-1 { width: 100%; }
.section112-1 .part1 { width: 100%; padding: 0 10px; margin: 20px 0 10px 0; border-bottom: #d2d2d2 1px solid; padding-bottom: 10px; }
.section112-1 .part1 .img { width: 100%; width: 472px; height: 193px; overflow: hidden; }
.section112-1 .part1 img { display: block; width: 100%; height: 100%; }
.section112-1 .part1 h3 { font-size: 16px; color: #000; margin-top: 10px; }
.section112-1 .part1 .txt { font-size: 14px; text-align: justify; color: #474747; line-height: 25px; margin-top: 10px; }
.section112-1 .part2 { padding: 0 10px; }
.section112-1 .part2 li { background: url("../images/arrow2.png") left center no-repeat; padding-left: 20px; line-height: 45px; border-bottom: #d2d2d2 1px dashed; font-size: 14px; }
.section112-1 .part2 time { float: right; color: #8c8c8c; }

.section112-2 { width: 100%; margin-bottom: 15px; }
.section112-2 .item { margin-top: 20px; }
.section112-2 .l { float: left; width: 272px; height: 110px; }
.section112-2 .r { width: 360px; float: right; }
.section112-2 h3 { font-size: 16px; color: #000; margin-top: 10px; }
.section112-2 .txt { font-size: 14px; text-align: justify; color: #474747; line-height: 25px; margin-top: 10px; }
.section112-2 .btn-detail { color: #e70012; display: block; }

.section112-3 { width: 100%; }
.section112-3 .box { margin-top: 20px; }
.section112-3 .l { float: left; width: 326px; height: 216px; float: left; overflow: hidden; }
.section112-3 .l img { display: block; width: 100%; height: 100%; }
.section112-3 .r { float: right; width: 310px; }
.section112-3 li { width: 100%; line-height: 33px; font-size: 14px; background: url("../images/dot.png") left center no-repeat; padding-left: 10px; }

.main { margin: 30px auto 50px auto; }

.main-left { background-color: #fff; float: left; width: 274px; padding: 20px; }
.main-left .title { width: 100%; height: 81px; background: url("../images/title21b.png") left top no-repeat; background-size: 100% 100%; line-height: 70px; color: #fff; font-size: 24px; font-weight: bold; padding-left: 25px; margin-bottom: 10px; }
.main-left .title span { font-size: 16px; }

.main-right { background-color: #fff; float: right; width: 903px; }

.side-nav { width: 100%; }
.side-nav li { width: 100%; line-height: 40px; background-color: #b1b1b1; padding: 0 25px; margin-bottom: 10px; }
.side-nav li:hover, .side-nav li.on { background-color: #e00034; }
.side-nav li:hover a, .side-nav li.on a { background-image: url(../images/arrow-right3.png); }
.side-nav a { display: block; width: 100%; height: 100%; background: url("../images/arrow-down3.png") right center no-repeat; color: #fff; }

.contact { border: #d9d9d9 1px solid; width: 100%; background: url("../images/contact.png") left top no-repeat; background-size: 100% auto; padding: 155px 10px 30px 15px; font-size: 14px; line-height: 26px; color: #595959; }

.article { padding: 30px; }
.article h1 { line-height: 50px; text-align: center; font-weight: bold; color: #000; }
.article .tips { text-align: center; font-size: 14px; color: #939191; padding-bottom: 20px; border-bottom: #999 1px dotted; margin-bottom: 30px; }
.article .tips span { margin: 0 40px; }
.article .con { width: 100%; padding: 10px 0; font-size: 14px; line-height: 24px; color: #000; text-align: justify; }
.article .con img { display: block; margin: 20px auto; }

.other-photos { width: 100%; padding: 10px 30px; }
.other-photos .title { width: 100%; line-height: 40px; border-bottom: #999 1px dotted; margin-bottom: 20px; }
.other-photos .title span { position: relative; font-weight: bold; font-size: 20px; color: #252525; border-bottom: #e70012 1px solid; display: inline-block; top: 2px; }
.other-photos .box { position: relative; width: 100%; height: 295px; }
.other-photos .box > img { position: absolute; overflow: hidden; width: 200px; height: 141px; }
.other-photos .box1 .img1, .other-photos .box1 .img2, .other-photos .box1 .img3 { top: 0; }
.other-photos .box1 .img4, .other-photos .box1 .img5 { bottom: 0; }
.other-photos .box1 .img1 { left: 0; }
.other-photos .box1 .img3, .other-photos .box1 .img5 { right: 0; }
.other-photos .box1 .img2, .other-photos .box1 .img4 { left: 432px; }
.other-photos .box1 .img1 { width: 418px; height: 295px; }
.other-photos .box2 .img1, .other-photos .box2 .img2, .other-photos .box2 .img5 { top: 0; }
.other-photos .box2 .img3, .other-photos .box2 .img4 { bottom: 0; }
.other-photos .box2 .img1, .other-photos .box2 .img3 { left: 0; }
.other-photos .box2 .img2, .other-photos .box2 .img4 { right: 432px; }
.other-photos .box2 .img5 { right: 0; }
.other-photos .box2 .img5 { width: 418px; height: 295px; }

.prv-nxt2 { padding: 0px 30px; margin-top: 60px; font-size: 14px; line-height: 31px; color: #484848; }
.prv-nxt2 .con { padding: 40px 0; border-top: #999 1px dotted; }
.prv-nxt2 a { color: #939191; }
.prv-nxt2 a:hover { color: #e70012; }

.page3 { margin: 30px auto 50px auto; padding: 10px; background-color: #fff; }
.page3 li { float: left; width: 274px; height: 287px; margin: 9px; border: #eee 1px solid; overflow: hidden; text-align: center; }
.page3 li:hover { opacity: .8; }
.page3 h3 { font-size: 18px; font-weight: bold; line-height: 40px; color: #000; text-align: center; }
.page3 p { font-size: 14px; color: #7d7d7d; text-align: center; }

.page4 { width: 100%; padding: 10px 30px 10px 30px; }
.page4 .item { padding: 35px 0; border-bottom: #999 1px dotted; }
.page4 .item .l { float: left; width: 172px; height: 123px; overflow: hidden; }
.page4 .item .r { width: 650px; height: 123px; float: right; }
.page4 .item h3 { font-size: 16px; line-height: 26px; color: #4b4b4b; font-weight: bold; }
.page4 .item .txt { font-size: 14px; line-height: 24px; color: #6d6d6d; text-align: justify; margin-top: 5px; }
.page4 .prv-nxt { text-align: right; }
