@charset "UTF-8";
.red { color: #e5322d; }

.bg-red { background-color: #e5322d; }

.blue { color: #00aaee; }

.bg-blue { background-color: #00aaee; }

.gray { color: #b9bcc7; }

.bg-gray { background-color: #b9bcc7; }

.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: #e5322d; }

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: #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 .content, footer .content, .section11, .side-menu12 li, .section22, .section25 .box, .section26 .list, .section28 .content, .section28-left .item, .section31, .section32 .list, .section32 .list li, .section51-bd .content, .section62, .section64, .section71, .section72 .item, .section101 .list, .section111-hd, .section161 .list, .section181, .section191 .list, .cf { *zoom: 1; }
header .content:before, footer .content:before, .section11:before, .side-menu12 li:before, .section22:before, .section25 .box:before, .section26 .list:before, .section28 .content:before, .section28-left .item:before, .section31:before, .section32 .list:before, .section32 .list li:before, .section51-bd .content:before, .section62:before, .section64:before, .section71:before, .section72 .item:before, .section101 .list:before, .section111-hd:before, .section161 .list:before, .section181:before, .section191 .list:before, header .content:after, footer .content:after, .section11:after, .side-menu12 li:after, .section22:after, .section25 .box:after, .section26 .list:after, .section28 .content:after, .section28-left .item:after, .section31:after, .section32 .list:after, .section32 .list li:after, .section51-bd .content:after, .section62:after, .section64:after, .section71:after, .section72 .item:after, .section101 .list:after, .section111-hd:after, .section161 .list:after, .section181:after, .section191 .list:after, .cf:before, .cf:after { content: ""; display: table; }
header .content:after, footer .content:after, .section11:after, .side-menu12 li:after, .section22:after, .section25 .box:after, .section26 .list:after, .section28 .content:after, .section28-left .item:after, .section31:after, .section32 .list:after, .section32 .list li:after, .section51-bd .content:after, .section62:after, .section64:after, .section71:after, .section72 .item:after, .section101 .list:after, .section111-hd:after, .section161 .list:after, .section181:after, .section191 .list:after, .cf:after { clear: both; }

.section28-left .item h3, .side-menu31 li, .section51-bd h3 { 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: #e5322d; }

.left, .right { float: left; }

.show { display: block !important; }

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

.btn { height: 30px; line-height: 30px; padding: 0 10px; border-radius: 5px; border: #e5322d 1px solid; text-align: center; background-color: #e5322d; 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: #e5322d; border-color: #e5322d; }
.btn.btn-orange { background-color: #ff7802; border-color: #ff7802; }

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

input[type=submit]:hover { opacity: .8; }

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

.g-prv-nxt { padding-top: 50px; padding-bottom: 50px; text-align: center; }
.g-prv-nxt a, .g-prv-nxt span { padding: 0 10px; height: 27px; border: #959595 1px solid; text-align: center; line-height: 27px; font-size: 12px; display: inline-block; margin-right: 5px; }
.g-prv-nxt a:hover, .g-prv-nxt .on { color: #e5322d; }

.g-title { font-size: 30px; line-height: 48px; height: 48px; border-left: #e5322d 10px solid; margin: 30px 0; padding-left: 50px; }
.g-title .more { float: right; background: url("../images/arrow-right2.png") right center no-repeat; padding-right: 20px; font-size: 14px; display: inline-block; color: #000; }
.g-title .more:hover { opacity: .8; }

.g-title2, .g-title4 { padding: 50px 0; text-align: center; }
.g-title2 h2, .g-title4 h2 { font-size: 36px; text-align: center; }
.g-title2 i, .g-title4 i { width: 60px; height: 14px; background-color: #e5322d; display: inline-block; position: relative; margin: 0 20px; top: -5px; }
.g-title2 p, .g-title4 p { font-size: 18px; text-align: center; margin-top: 20px; }
.g-title2.t6 i, .g-title4.t6 i { margin: 0 110px; }

.g-title4 h2 { font-size: 90px; }
.g-title4 p { font-size: 23px; margin-top: 10px; }
.g-title4 i { top: -20px; }

.g-title3 { font-size: 16px; line-height: 24px; height: 28px; border-left: #e5322d 5px solid; padding-left: 15px; padding-top: 4px; margin: 5px; }
.g-title3 .more { float: right; background: url("../images/arrow-right2.png") right center no-repeat; padding-right: 20px; font-size: 14px; display: inline-block; color: #000; }
.g-title3 .more:hover { opacity: .8; }

.g-cases { width: 1300px; margin: 0 auto 90px auto; }

.g-more { text-align: center; display: inline-block; width: 100%; text-align: center; }
.g-more:hover { opacity: .8; }

.banner-ad { position: absolute; left: 50%; margin-left: -960px; height: 426px; width: 1920px; }
.banner-ad img { display: block; width: 100%; height: 100%; }
.banner-ad.h426 { height: 426px; width: 1920px; }
.banner-ad.h386 { height: 386px; width: 1920px; }
.banner-ad.h553 { height: 553px; width: 1920px; }

.h426 { width: 100%; height: 426px; }

.h386 { width: 100%; height: 386px; }

.h553 { width: 100%; height: 553px; }

.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: #e5322d; }
.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: 100% 100%; }
.banner .prev { left: 0; }
.banner .next { background-image: url(../images/r.png); right: 0; }

.banner22 { overflow: hidden; width: 1920px; height: 462px; position: absolute; left: 50%; margin-left: -960px; }
.banner22 .bd { position: relative; height: 100%; z-index: 0; }
.banner22 .bd li { zoom: 1; vertical-align: middle; }
.banner22 .bd img { width: 100%; height: 462px; display: block; }
.banner22 .prev, .banner22 .next { width: 54px; height: 100px; position: absolute; top: 50%; margin-top: -50px; background: url("../images/l2.png") left top no-repeat; background-size: 100% 100%; }
.banner22 .prev { right: 50%; margin-right: 600px; }
.banner22 .next { background-image: url(../images/r2.png); left: 50%; margin-left: 600px; }

.h462 { width: 100%; height: 462px; }

.banner21 { overflow: hidden; width: 1920px; height: 924px; position: absolute; left: 50%; margin-left: -960px; }
.banner21 .bd { position: relative; height: 100%; z-index: 0; }
.banner21 .bd li { zoom: 1; vertical-align: middle; }
.banner21 .bd img { width: 100%; height: 924px; display: block; }
.banner21 .cnav { position: absolute; z-index: 9; width: 280px; height: 900px; left: 50%; margin-left: -600px; top: 0; background-color: rgba(0, 0, 0, 0.2); }
.banner21 .cnav li { width: 100%; height: 170px; line-height: 170px; font-size: 36px; font-weight: bold; text-align: center; color: #fff; border-bottom: rgba(255, 255, 255, 0.1) 1px solid; }
.banner21 .cnav li.on, .banner21 .cnav li:hover { background-color: rgba(255, 7, 0, 0.71); }
.banner21 .cnav a { color: #fff; font-weight: bold; display: block; width: 100%; height: 100%; text-align: center; }
.banner21 .prev, .banner21 .next { width: 54px; height: 100px; position: absolute; top: 50%; margin-top: -50px; background: url("../images/l2.png") left top no-repeat; background-size: 100% 100%; opacity: .5; }
.banner21 .prev:hover, .banner21 .next:hover { opacity: 1; }
.banner21 .prev { right: 50%; margin-right: 700px; }
.banner21 .next { background-image: url(../images/r2.png); left: 50%; margin-left: 700px; }

.h924 { width: 100%; height: 924px; }

.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; }

.picScrollLeft { width: 100%; overflow: hidden; position: relative; height: 120px; padding: 0 50px; }
.picScrollLeft .bd { padding: 10px; }
.picScrollLeft .bd ul { overflow: hidden; zoom: 1; text-align: center; }
.picScrollLeft .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; }
.picScrollLeft .prev, .picScrollLeft .next { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; border-radius: 40px; cursor: pointer; background: url("../images/l.png") left top no-repeat rgba(255, 255, 255, 0.5); background-size: 100% 100%; opacity: .8; }
.picScrollLeft .prev:hover, .picScrollLeft .next:hover { opacity: 1; }
.picScrollLeft .prev { left: 20px; }
.picScrollLeft .next { background-image: url(../images/r.png); right: 20px; }

.g-picScroll-cases { width: 100%; overflow: hidden; position: relative; padding: 0 50px; }
.g-picScroll-cases .bd { padding: 0 28px; }
.g-picScroll-cases .bd ul { overflow: hidden; zoom: 1; }
.g-picScroll-cases .bd li { width: 250px; height: 250px; overflow: hidden; position: relative; float: left; _display: inline; margin-right: 60px; margin-bottom: 30px; cursor: pointer; margin: 0 18px; }
.g-picScroll-cases .bd li:hover { opacity: .8; }
.g-picScroll-cases .bd img { display: block; width: 100%; height: 100%; }
.g-picScroll-cases .bd .btm { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; left: 0; line-height: 60px; color: #fff; font-size: 20px; color: #fff; text-align: center; }
.g-picScroll-cases .prev, .g-picScroll-cases .next { width: 46px; height: 90px; position: absolute; top: 50%; margin-top: -45px; background: url("../images/l.png") left top no-repeat; background-size: 100% 100%; cursor: pointer; }
.g-picScroll-cases .prev { left: 0; }
.g-picScroll-cases .next { background-image: url(../images/r.png); right: 0; }

body { padding-top: 100px; }

header { width: 100%; height: 100px; position: fixed; top: 0; background-color: #fff; min-width: 1200px; z-index: 888; }
header .content { height: 100px; position: relative; }
header .logo { position: relative; top: 10px; float: left; }
header .tel { float: right; background: url("../images/tel.png") left center no-repeat; line-height: 100px; padding-left: 50px; font-size: 18px; color: #000000; }
header .nav { float: left; margin-left: 80px; }
header .nav li { height: 100px; line-height: 100px; width: 90px; text-align: center; float: left; position: relative; margin-right: 10px; font-size: 18px; font-weight: bold; }
header .nav li > a { font-weight: bold; }
header .nav li.on, header .nav li:hover { background-color: #f2f2f2; }
header .nav li.on i, header .nav li:hover i { border-bottom-color: #e5322d; }
header .nav li.on > a, header .nav li:hover > a { color: #333; }
header .nav li:hover .subNav { display: block; }
header .nav i { border-bottom: #fff 2px solid; display: inline-block; line-height: 36px; }
header .subNav { display: none; background-color: #fff; position: absolute; width: 160px; left: 0; top: 100px; z-index: 999; line-height: 50px; }
header .subNav a { display: block; font-weight: normal; padding-left: 20px; box-sizing: border-box; font-size: 16px; }
header .subNav a:hover { background-color: #eee; color: #e5322d; }

footer { margin-top: 30px; background-color: #f2f2f2; padding: 40px 0 30px 0; }
footer .item { float: left; width: 22%; }
footer .item h3 { font-size: 14px; line-height: 30px; border-bottom: #999 1px solid; min-width: 80px; max-width: 100%; display: inline-block; }
footer .item .con { margin-top: 5px; font-size: 14px; line-height: 28px; }
footer .item .sina, footer .item .wx { position: relative; top: 5px; margin-left: 5px; }
footer .item .code { display: block; margin: 0 auto; }
footer .item5 { width: auto; float: right; }
footer .cpt { font-size: 14px; text-align: center; width: 100%; line-height: 30px; margin-top: 30px; }
footer .item0 { width: 440px; }
footer .item0 h3 { font-weight: bold; }
footer .item0 p { line-height: 38px; }
footer .item0 img { margin-right: 10px; position: relative; top: 5px; }
footer.footer2 { padding-top: 70px; padding-bottom: 70px; }
footer.footer2 .item1 { width: 290px; }
footer.footer2 .cpt { margin-top: 50px; }

.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: #959595 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-------------------------------------------------------------------- */
.section11-left { float: left; width: 855px; font-size: 14px; line-height: 28px; }
.section11-left img { display: block; margin: 8px 0 16px 0; max-width: 100%; }
.section11-left .prv-nxt2 { padding: 40px 0; }

.section11-right { float: right; width: 300px; }

.side-menu11 { margin-bottom: 45px; }
.side-menu11 .list { border-top: #959595 1px solid; padding-top: 15px; }
.side-menu11 li { line-height: 40px; border-bottom: #d6d6d6 1px solid; padding-left: 115px; font-size: 16px; background: url("../images/icon11.png") 72px center no-repeat; }
.side-menu11 li a { display: block; width: 100%; height: 100%; }
.side-menu11 li.on, .side-menu11 li:hover { color: #e5322d; background-image: url(../images/icon12.png); }
.side-menu11 li.on a, .side-menu11 li:hover a { color: #e5322d; }

.side-menu12 { margin-bottom: 30px; }
.side-menu12 .list { border-top: #959595 1px solid; padding-top: 15px; }
.side-menu12 li { min-height: 100px; border-bottom: #959595 1px dotted; padding: 10px 0; }
.side-menu12 li img { width: 100px; height: 100px; display: block; float: left; }
.side-menu12 li span { width: 177px; float: left; margin-left: 15px; font-size: 16px; line-height: 32px; padding-top: 20px; }

.side-code { width: 300px; background-color: #f2f2f2; padding: 10px 0; text-align: center; font-size: 16px; line-height: 28px; }
.side-code p { text-align: center; font-size: 15px; }
.side-code .code { display: block; margin: 10px auto 5px auto; }
.side-code .btm { text-align: center; }
.side-code .btm img { margin: 0 3px; position: relative; top: 8px; }

.section22 { margin-top: 35px; }
.section22 li { float: left; width: 220px; height: 285px; background-color: #f2f2f2; margin-left: 6px; margin-bottom: 10px; text-align: center; padding-top: 50px; font-size: 15px; }
.section22 li.red { background-color: #e5322d; color: #fff; }
.section22 li.red span { color: #fff; }
.section22 li span { text-align: center; line-height: 80px; }
.section22 li:hover { opacity: .8; }
.section22 .li1, .section22 .li5 { margin-left: 0; }
.section22 .li1, .section22 .li7 { width: 446px; }
.section22 .li4, .section22 .li8 { width: 290px; }

.section23 { position: relative; margin-bottom: 80px; }
.section23 img { display: block; }
.section23 .title { font-size: 50px; font-weight: bold; color: #000; position: absolute; left: 50%; margin-left: 140px; top: 120px; }
.section23 .txt { font-size: 18px; line-height: 32px; text-align: justify; position: absolute; width: 370px; top: 230px; left: 50%; margin-left: 180px; }
.section23 .txt i { position: absolute; left: -1em; }
.section23 .more { position: absolute; top: 654px; right: 20px; }
.section23 .more:hover { opacity: .9; }

.section25 .operate, .section26 .operate { padding: 30px; text-align: center; position: relative; margin: 30px 0; border-bottom: #eee 1px solid; }
.section25 .operate i, .section26 .operate i { width: 26px; height: 2px; background-color: #e5322d; position: absolute; left: 50%; margin-left: -13px; bottom: -1px; }

.section25 .box { position: relative; }
.section25 .item { background-color: #ff0000; float: left; overflow: hidden; position: relative; color: #fff; }
.section25 .item img { display: block; width: 100%; }
.section25 .item:hover { opacity: .8; }
.section25 .item1, .section25 .item3 { width: 360px; height: 530px; top: 60px; }
.section25 .item2 { margin-left: 17px; width: 446px; height: 670px; }
.section25 .item2 .btm { height: 165px; padding-top: 5px; }
.section25 .item3 { float: right; }
.section25 .btm { position: absolute; bottom: 0; background-color: #ff0000; text-align: center; width: 100%; height: 130px; }
.section25 .btm h3 { text-align: center; font-size: 26px; padding: 20px 0; }
.section25 .btm h3 span { border-bottom: #fff 2px solid; padding-bottom: 10px; }
.section25 .btm p { text-align: center; font-size: 19px; line-height: 32px; }

.section26 li { width: 400px; height: 400px; overflow: hidden; float: left; position: relative; }
.section26 li img { display: block; width: 100%; height: 100%; }
.section26 li:hover .box { display: block; }
.section26 .box { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(229, 50, 45, 0.9); }
.section26 .con { position: absolute; left: 50%; top: 50%; width: 320px; height: 250px; margin-left: -160px; margin-top: -125px; border: #fff 2px solid; color: #fff; padding: 35px; }
.section26 .con h4 { font-size: 28px; line-height: 40px; font-weight: bold; }
.section26 .con p { font-size: 12px; line-height: 24px; }

.section27 img { display: block; margin: -30px auto 0 auto; }

.section28 { width: 100%; background: url("../images/bg28.jpg") center top no-repeat; background-size: 1920px 860px; height: 860px; padding-top: 100px; margin-bottom: 70px; }
.section28 .content > div { width: 595px; height: 705px; background-color: #fff; padding: 50px; position: relative; }
.section28 .title { font-size: 40px; width: 100%; text-align: center; line-height: 80px; border-bottom: #eee 1px solid; margin-bottom: 30px; }
.section28 .operate { position: absolute; bottom: 90px; width: 100%; left: 0; }

.section28-left { float: left; }
.section28-left .item { width: 100%; height: 145px; margin-bottom: 30px; }
.section28-left .item .img { float: left; width: 145px; height: 145px; overflow: hidden; display: block; position: relative; }
.section28-left .item img { display: block; width: 100%; height: 100%; }
.section28-left .item img:hover { opacity: .8; }
.section28-left .item h3, .section28-left .item h3 a { font-size: 16px; color: #000; font-weight: bold; }
.section28-left .item h3:hover, .section28-left .item h3 a:hover { color: #e5322d; }
.section28-left .item h3 { line-height: 32px; }
.section28-left .item .txt { font-size: 14px; line-height: 28px; color: #777; margin-top: 10px; text-align: justify; }
.section28-left .item .r { float: right; width: 335px; }
.section28-left .date { width: 60px; height: 60px; position: absolute; left: 10px; top: 10px; background-color: red; color: #fff; text-align: center; font-size: 10px; }
.section28-left .date b { display: block; margin: 0 auto; font-size: 14px; box-sizing: border-box; padding-top: 10px; line-height: 24px; }

.section28-right { float: right; }
.section28-right .img { width: 100%; height: 130px; display: block; }
.section28-right .img img { display: block; width: 100%; height: 100%; }
.section28-right .img img:hover { opacity: .8; }
.section28-right .list { width: 100%; }
.section28-right .list li { border-bottom: #959595 1px dashed; line-height: 32px; font-size: 14px; list-style-type: disc; list-style-position: inside; }

.section31-left { float: left; width: 855px; font-size: 14px; line-height: 28px; }
.section31-left .tips { width: 100%; text-align: center; position: relative; top: -20px; margin-bottom: 10px; }
.section31-left h3 { font-size: 16px; font-weight: bold; color: #000000; text-align: center; }
.section31-left p { text-indent: 2em; }
.section31-left p.ti0 { position: relative; text-indent: 0; }
.section31-left p.ti0 i { float: left; margin-right: 1em; width: 1em; display: inline-block; text-align: center; }
.section31-left img { display: block; margin: 8px 0 16px 0; max-width: 100%; }
.section31-left .prv-nxt2 { padding: 40px 0; }
.section31-left .prv-nxt2 p { text-indent: 0; }

.section31-right { float: right; width: 300px; }

.side-menu31 { margin-bottom: 30px; }
.side-menu31 .list { border-top: #959595 1px solid; }
.side-menu31 li { line-height: 36px; border-bottom: #d6d6d6 1px dotted; padding-left: 115px; font-size: 14px; padding-left: 30px; }
.side-menu31 li a { display: block; width: 100%; height: 100%; }

.section32 { margin-top: -20px; }
.section32 .list { margin-top: 50px; }
.section32 .list li { width: 580px; float: left; height: 170px; margin-bottom: 35px; }
.section32 .list li:nth-child(even) { float: right; }
.section32 .list .img { width: 260px; height: 170px; float: left; display: block; overflow: hidden; }
.section32 .list .img img { width: 100%; height: 100%; display: block; }
.section32 .list .img img:hover { opacity: .8; }
.section32 .list .r { width: 300px; float: right; }
.section32 .list h3, .section32 .list h3 a { font-size: 16px; line-height: 24px; color: #000; }
.section32 .list h3:hover, .section32 .list h3 a:hover { color: #e5322d; }
.section32 .list h3 { padding: 28px 0; }
.section32 .list .txt { font-size: 14px; text-indent: 2em; text-align: justify; line-height: 24px; }

.section41 .list { text-align: center; }
.section41 .list li { display: inline-block; width: 390px; height: 510px; margin-right: 10px; margin-bottom: 30px; }
.section41 .list li:nth-child(3n) { margin-right: 0; }
.section41 .list img { display: block; width: 100%; height: 294px; }
.section41 .list a { color: #454545; }
.section41 .list span { width: 100%; height: 216px; display: block; text-align: center; border: #000 1px solid; font-size: 32px; line-height: 210px; font-weight: bold; }

.section51-hd { font-size: 30px; line-height: 48px; height: 48px; border-left: #e5322d 10px solid; margin: 30px 0 50px 0; padding-left: 20px; }
.section51-hd a { margin: 0 50px; padding: 5px 0; }
.section51-hd a.on { border-bottom: #e5322d 3px solid; }

.section51-bd .item { width: 100%; }
.section51-bd .item:nth-child(even) { background-color: #f2f2f2; }
.section51-bd .content { padding: 25px 0; }
.section51-bd .left { width: 385px; height: 250px; float: left; display: block; }
.section51-bd .left img { display: block; width: 100%; height: 100%; }
.section51-bd .left img:hover { opacity: .8; }
.section51-bd .right { width: 700px; float: right; padding-top: 25px; }
.section51-bd h3, .section51-bd h3 a { font-size: 18px; line-height: 24px; font-weight: bold; color: #000; }
.section51-bd h3:hover, .section51-bd h3 a:hover { color: #e5322d; }
.section51-bd h3 { padding: 20px 0; }
.section51-bd .txt { font-size: 14px; line-height: 24px; text-indent: 2em; }

.section61 { position: relative; margin-bottom: 100px; }
.section61 .img { display: block; width: 743px; height: 504px; }
.section61 .title { font-size: 48px; color: #000; position: absolute; left: 50%; top: 24px; margin-left: 104px; }
.section61 .line { width: 10px; height: 50px; background-color: #e5322d; position: absolute; top: 110px; left: 50%; margin-left: 170px; }
.section61 .txt { font-size: 14px; line-height: 24px; width: 370px; position: absolute; right: 0; top: 110px; }
.section61 .txt p { text-indent: 2em; text-align: justify; }

.section62 { text-align: center; }
.section62 li { width: 350px; height: 550px; background-color: #f4f4f4; border-radius: 30px; display: inline-block; padding: 40px 15px; margin-bottom: 60px; }
.section62 li:hover { box-shadow: 0 0 10px 5px #d9d8d8; }
.section62 img { width: 307px; height: 307px; display: block; margin: 0 auto; }
.section62 b { display: block; font-size: 18px; line-height: 100px; text-align: center; font-weight: normal; }
.section62 span { text-align: center; font-size: 14px; line-height: 28px; display: block; }
.section62 .li4, .section62 .li5 { margin: 0 35px; }
.section62 .li1 { float: left; }
.section62 .li3 { float: right; }

.section63 { background-color: #f2f2f2; margin-top: 215px; }
.section63 .content { position: relative; padding: 95px 0 75px 125px; }
.section63 .title { font-size: 48px; color: #000; position: absolute; left: 0; top: -100px; }
.section63 .map { width: 600px; height: 430px; position: absolute; right: 0; top: -215px; }
.section63 h3 { font-size: 14px; line-height: 30px; border-bottom: #999 1px solid; min-width: 80px; max-width: 100%; display: inline-block; font-weight: bold; }
.section63 p { line-height: 40px; }
.section63 p img { margin-right: 10px; position: relative; top: 5px; }
.section63 .line { width: 10px; height: 50px; background-color: #e5322d; position: absolute; left: 80px; top: 50px; }

.section64 { margin-bottom: 100px; }
.section64 li { width: 595px; float: left; }
.section64 li:nth-child(even) { float: right; }
.section64 img { display: block; max-width: 100%; }

.section71 { margin: 50px auto; }

.section71-left { float: left; width: 500px; height: 340px; overflow: hidden; }
.section71-left img { display: block; width: 100%; height: 100%; }

.section71-right { float: right; width: 660px; height: 340px; padding-top: 60px; padding-right: 70px; }
.section71-right h3 { font-size: 48px; border-left: #e5322d 12px solid; padding-left: 5px; margin-bottom: 10px; line-height: 48px; }
.section71-right .con { font-size: 18px; line-height: 32px; }
.section71-right .line { width: 100px; height: 6px; background-color: #e5322d; display: block; margin-top: 50px; }
.section71-right.p9 { padding-top: 0px; padding-right: 120px; }

.section72 { background-color: #f2f2f2; padding: 20px 20px 20px 110px; }
.section72 .item { position: relative; margin-top: 20px; padding-left: 145px; }
.section72 .item:first-child { margin-top: 0; }
.section72 .item span { position: absolute; left: 0; width: 140px; line-height: 33px; background-color: #3c3c3c; color: #fff; font-size: 22px; text-align: center; font-weight: bold; margin: 5px 0; }
.section72 .item a { font-size: 17px; min-width: 130px; line-height: 33px; text-align: center; display: -block; margin: 5px; float: left; }
.section72 .item em { float: left; position: relative; top: 10px; }
.section72 .item.item8 a { min-width: 110px; }
.section72.p17 { background-color: #fff; }
.section72.p17 .item span { background-color: #f2f2f2; color: #e5322d; }
.section72.p17 .title span { width: 250px; height: 63px; background: url("../images/title171.png") left top no-repeat; display: block; margin: 0 auto 50px auto; color: #fff; font-size: 24px; text-align: center; line-height: 60px; padding-left: 10px; padding-top: 5px; }

.section101 .list li { width: 250px; height: 250px; overflow: hidden; position: relative; float: left; margin-right: 60px; margin-bottom: 30px; cursor: pointer; }
.section101 .list li:nth-child(4n) { margin-right: 0; float: right; }
.section101 .list li:hover .btm { display: none; }
.section101 .list li:hover .li-overly { opacity: 1; }
.section101 .list img { display: block; width: 100%; height: 100%; }
.section101 .list .btm { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.8); width: 100%; left: 0; line-height: 45px; color: #fff; font-size: 20px; color: #fff; text-align: center; }
.section101 .list .li-overly { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background: url("../images/icon101.png") 80% 85% no-repeat rgba(0, 0, 0, 0.8); padding: 60px 10px 10px 10px; }
.section101 .list .li-overly h3 { font-size: 20px; margin-bottom: 20px; }
.section101 .list .li-overly p { font-size: 14px; line-height: 28px; }
.section101 .list .line { width: 110px; height: 2px; background-color: #e5322d; display: block; margin: 20px 0; }

.section111-hd { padding: 85px 0; }
.section111-hd a { display: block; width: 220px; height: 66px; line-height: 66px; background-color: #5b5b5b; color: #fff; float: left; margin-left: 25px; text-align: center; font-size: 28px; border-radius: 8px; }
.section111-hd a:first-child { margin: 0; }
.section111-hd a:hover, .section111-hd a.on { background-color: #e5322d; }

.section111-bd .item { width: 100%; padding: 20px; }
.section111-bd .item:nth-child(odd) { box-shadow: 0 2px 8px 3px #dadada; }
.section111-bd h3 { font-size: 28px; border-left: #e5322d 12px solid; padding-left: 5px; margin-bottom: 10px; line-height: 32px; }
.section111-bd p, .section111-bd .con { font-size: 17px; line-height: 32px; }

.section161 { margin-bottom: 30px; }
.section161 li { width: 228px; height: 387px; border-radius: 10px; border: #000 4px solid; float: left; margin-left: 15px; overflow: hidden; line-height: 175px; font-size: 24px; text-align: center; }
.section161 li:first-child { margin-left: 0; }
.section161 li img { width: 220px; height: 206px; display: block; }

.section162 img { display: block; margin: 0 auto; }
.section162 .txt { font-size: 32px; color: #000; font-family: "楷体"; padding: 10px 45px; text-align: justify; line-height: 70px; }

.section181-left { float: left; width: 240px; }
.section181-left .side-menu { width: 150px; }
.section181-left .side-menu li { width: 100%; border-bottom: #959595 1px solid; line-height: 25px; margin-bottom: 10px; padding-left: 50px; }
.section181-left .side-menu li.on, .section181-left .side-menu li:hover { background: url("../images/arrow-right.png") 25px center no-repeat; }
.section181-left .side-menu a { color: #333; }

.section181-right { float: right; width: 900px; }
.section181-right article { width: 100%; }
.section181-right .photo { width: 200px; height: 270px; display: block; margin: 0 auto; }
.section181-right h2 { text-align: center; font-size: 24px; line-height: 95px; }
.section181-right .con { padding: 50px; font-size: 14px; line-height: 28px; }
.section181-right .con p { text-align: justify; text-indent: 2em; }

.section191 .list li { width: 200px; height: 345px; background-color: #f2f2f2; float: left; margin-right: 50px; margin-bottom: 30px; }
.section191 .list li:nth-child(5n) { margin-right: 0; float: right; }
.section191 .list li:hover { background-color: #e5322d; }
.section191 .list li:hover .btm { color: #fff; }
.section191 .list img { width: 200px; height: 270px; display: block; overflow: hidden; }
.section191 .list .btm { margin-top: 10px; text-align: center; width: 100%; display: inline-block; font-size: 14px; line-height: 24px; }
.section191 .list .btm em { display: block; }