@charset "UTF-8";
/** Created by UICUT.com on 2016/12/31. Contact QQ: 215611388 */
*{list-style: none;}

.blue { color: #3595de; }

.blue2 { color: #2167AC; }

.gray { color: #b9bcc7; }

.red { color: #fc4444; }

.orange { color: #ff7802; }

html { font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "黑体", Arial, 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: #058137; }

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 { -webkit-box-sizing: content-box; 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"] { -webkit-box-sizing: border-box; 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-family: inherit; -webkit-box-sizing: border-box; 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; }

body { min-width: 1200px; }

html, body { min-height: 100%; }

a, img, input[type=text], input[type=submit], input[type=password], textarea, select, button, footer, header, time, span, em, i { -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.g-side-tab .hd, .slideTxtBox13 .hd ul, .slideTxtBox14 .hd ul, .g-footerMenu .hd-ul, .section11 .hd .hd-ul, .section12 .bd-con .content, .section12 .box1 .l, .section12 .box2 .btm, .section12 .box2 .l, .section12 .box2 .con2, .section13 .content, .section13-left .part1, .section13-left .left-box .filter, .section13-right .part2, .section13-right .part3, .section22 .content, .section23 .content, .cf { *zoom: 1; }

.g-side-tab .hd:before, .slideTxtBox13 .hd ul:before, .slideTxtBox14 .hd ul:before, .g-footerMenu .hd-ul:before, .section11 .hd .hd-ul:before, .section12 .bd-con .content:before, .section12 .box1 .l:before, .section12 .box2 .btm:before, .section12 .box2 .l:before, .section12 .box2 .con2:before, .section13 .content:before, .section13-left .part1:before, .section13-left .left-box .filter:before, .section13-right .part2:before, .section13-right .part3:before, .section22 .content:before, .section23 .content:before, .g-side-tab .hd:after, .slideTxtBox13 .hd ul:after, .slideTxtBox14 .hd ul:after, .g-footerMenu .hd-ul:after, .section11 .hd .hd-ul:after, .section12 .bd-con .content:after, .section12 .box1 .l:after, .section12 .box2 .btm:after, .section12 .box2 .l:after, .section12 .box2 .con2:after, .section13 .content:after, .section13-left .part1:after, .section13-left .left-box .filter:after, .section13-right .part2:after, .section13-right .part3:after, .section22 .content:after, .section23 .content:after, .cf:before, .cf:after { content: ""; display: table; }

.g-side-tab .hd:after, .slideTxtBox13 .hd ul:after, .slideTxtBox14 .hd ul:after, .g-footerMenu .hd-ul:after, .section11 .hd .hd-ul:after, .section12 .bd-con .content:after, .section12 .box1 .l:after, .section12 .box2 .btm:after, .section12 .box2 .l:after, .section12 .box2 .con2:after, .section13 .content:after, .section13-left .part1:after, .section13-left .left-box .filter:after, .section13-right .part2:after, .section13-right .part3:after, .section22 .content:after, .section23 .content:after, .cf:after { clear: both; }

.slideTxtBox13 .list li, .section22 .list1 li, .section23 .list li { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

input[type=text], input[type=password], select, textarea { border: #333 1px solid; outline: none; }

input:hover[type=text], input:hover[type=password], select:hover, textarea:hover, input:focus[type=text], input:focus[type=password], select:focus, textarea:focus { border-color: #3595de; }

.left, .right { float: left; }

.show { display: block !important; }

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

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

.btn { height: 30px; line-height: 30px; padding: 0 10px; border-radius: 5px; border: #3595de 1px solid; text-align: center; background-color: #3595de; color: #fff; }

.btn:hover { opacity: .8; color: #fff; }

.btn.btn-blue { background-color: #3595de; border-color: #3595de; }

.btn.btn-gray { background-color: #b9bcc7; border-color: #b9bcc7; }

.btn.btn-red { background-color: #fc4444; border-color: #fc4444; }

.btn.btn-orange { background-color: #ff7802; border-color: #ff7802; }

.btn.btn-white { background-color: #fff; border-color: #eee; color: #333; }

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

input[type=text]:focus, input[type=password]:focus, select:focus { border-color: #3595de; }

input[type=submit] { width: 100%; outline: none; }

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: 20px; padding-bottom: 20px; }

.prv-nxt .left { float: left; }

.prv-nxt .right { float: right; }

.prv-nxt a { 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: #3595de; color: #fff; border-color: #3595de; }

.prv-nxt .right { font-size: 12px; }

.g-side-tab .hd { border-top: #494b4a 2px solid; padding: 15px 0 15px 0; position: relative; line-height: 20px; font-size: 16px; border-bottom: #dfdfdf 1px solid; margin-bottom: 20px; }

.g-side-tab .hd li { width: 50%; text-align: center; float: left; border-left: #ab120d 5px solid; -webkit-box-sizing: border-box; box-sizing: border-box; }

.g-side-tab .hd li:first-child { border: none; }

.g-side-tab .bd > div { display: none; }

.g-side-tab .bd .tab-con1 { display: block; }

.banner-ad { width: 100%; }

.banner-ad a { display: block; width: 100%; height: 100%; background: url("../images/banner11.jpg") center center no-repeat; }

.banner-ad.h570 { height: 570px; }

.banner-ad.h670 { height: 670px; }

.banner { height: 300px; overflow: hidden; width: 100%; position: relative; }

.banner .hd { z-index: 1; overflow: hidden; position: absolute; bottom: 5px; height: 25px; width: 100%; text-align: center; }

.banner .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; height: 25px; }

.banner .hd li { text-align: center; background: #fff; cursor: pointer; margin-right: 8px; width: 8px; height: 8px; border-radius: 8px; display: inline-block; }

.banner .hd li.on { background: #3595de; }

.banner .bd { position: relative; height: 100%; z-index: 0; }

.banner .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 300px; background: url("../images/banner1.jpg") center top no-repeat; background-size: auto 300px; }

.banner .bd img { width: 100%; height: 300px; display: block; }

.banner .bd a { display: block; width: 100%; height: 100%; }

.banner .prev, .banner .next { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; background: url("../images/l.png") left top no-repeat; cursor: pointer; opacity: .8; }

.banner .prev:hover, .banner .next:hover { opacity: 1; }

.banner .prev { left: 50%; margin-left: -600px; }

.banner .next { background-image: url(../images/r.png); right: 50%; margin-right: -600px; }

.banner13 { height: 240px; overflow: hidden; width: 100%; position: relative; }

.banner13 .hd { z-index: 1; overflow: hidden; position: absolute; bottom: 35px; height: 25px; right: 10px; }

.banner13 .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; height: 25px; }

.banner13 .hd li { text-align: center; background: #fff; cursor: pointer; margin-right: 8px; width: 8px; height: 8px; border-radius: 8px; display: inline-block; }

.banner13 .hd li.on { background: #058137; }

.banner13 .bd { position: relative; height: 100%; z-index: 0; }

.banner13 .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 240px; position: relative; }

.banner13 .bd img { width: 100%; height: 240px; display: block; }

.banner13 .bd a { display: block; width: 100%; height: 100%; }

.banner13 .btm { background-color: rgba(0, 0, 0, 0.5); color: #fff; overflow: hidden; height: 30px; line-height: 30px; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; font-size: 12px; text-align: center; }

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

.slideTxtBox13 { width: 100%; }

.slideTxtBox13 .hd { height: 30px; line-height: 30px; border-bottom: 1px solid #058137; position: relative; }

.slideTxtBox13 .hd ul { position: relative; float: left; }

.slideTxtBox13 .hd li { float: left; padding: 0 10px; cursor: pointer; margin-right: 10px; font-size: 14px; line-height: 28px; color: #4c4c4c; position: relative; }

.slideTxtBox13 .hd li.on { font-weight: bold;color: #058137 }

.slideTxtBox13 .hd li.on:after { content: ''; width: 10px; height: 5px; background: url(../images/icon13-2.png) center center no-repeat; background-size: 100% 100%; position: absolute; left: 50%; margin-left: -5px; bottom: -2px; }

.slideTxtBox13 .hd .more { float: right; background: url(../images/more2.png) 0 center no-repeat; padding-left: 20px; font-size: 14px; color: #999; }

.slideTxtBox13 .list { width: 480px; padding-top: 10px; list-style: none}

.slideTxtBox13 .list li {width: 480px; font-size: 14px; line-height: 36px; padding-left: 15px; position: relative;display:block;}

.slideTxtBox13 .list li a{ float: left;;width: 400px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.slideTxtBox13 .list li:after { content: ''; width: 3px; height: 10px; background-color: #058137; position: absolute; left: 0; top: 50%; margin-top: -5px; }

.slideTxtBox13 .list time { color: #666; float: right; }

.slideTxtBox14 { width: 100%; margin-top: 30px; }

.slideTxtBox14 .hd { height: 30px; line-height: 30px; position: relative; }

.slideTxtBox14 .hd ul { position: relative; float: left; }

.slideTxtBox14 .hd li { float: left; padding: 0 5px; cursor: pointer; font-size: 14px; line-height: 28px; color: #4c4c4c; position: relative; }

.slideTxtBox14 .hd li.on { font-weight: bold;color: #058137 }

.slideTxtBox14 .hd li.on:after { content: ''; width: 10px; height: 5px; background: url(../images/icon13-2.png) center center no-repeat; background-size: 100% 100%; position: absolute; left: 50%; margin-left: -5px; bottom: -3px; z-index: 99 }

.slideTxtBox14 .hd .more { float: right; background: url(../images/more2.png) 0 center no-repeat; padding-left: 20px; font-size: 14px; color: #999; }

.slideTxtBox14 .bd { border: #058137 1px solid; }

.slideTxtBox14 .list {padding:10px 10px 10px 0}

.slideTxtBox14 .list li { font-size: 12px; line-height: 20px; padding-left: 10px; position: relative; margin-bottom: 5px; overflow: hidden; }

.slideTxtBox14 .list .dian{margin-left:10px}

.slideTxtBox14 .list .dian:after { content: ''; width: 3px; height: 3px; background-color: #2167AC; border-radius: 3px; position: absolute; left: 3px; top: 10px; }

.slideTxtBox14 .list p{font-size: 12px;color: #999;margin-left: 164px}

.slideTxtBox14 .list .firstline{font-size: 14px; line-height: 24px; padding-left: 10px; position: relative; margin-bottom: 5px; overflow: hidden; }

/* .slideTxtBox14 .list li:after { content: ''; width: 3px; height: 3px; background-color: #2167AC; border-radius: 3px; position: absolute; left: 0; top: 10px; } */

.slideTxtBox14 .list .firstline a{color: #000}

.slideTxtBox14 .list .dian a{color: #666}


.slideTxtBox14 .list time { color: #999; float: right; font-size: 12px }

.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; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; position: relative; }

.picScrollLeft .prev, .picScrollLeft .next { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; background: url("../images/l2.png") left top no-repeat; cursor: pointer; opacity: .8; }

.picScrollLeft .prev:hover, .picScrollLeft .next:hover { opacity: 1; }

.picScrollLeft .prev { left: 0; }

.picScrollLeft .next { background-image: url(../images/r2.png); right: 0px; }

.picScrollLeft13 { width: 100%; overflow: hidden; position: relative; height: 50px; padding: 0 40px; }

.picScrollLeft13 .bd ul { overflow: hidden; zoom: 1; text-align: center; }

.picScrollLeft13 .bd li { margin: 0 20px; overflow: hidden; text-align: center; width: 175px; height: 50px; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; position: relative; }

.picScrollLeft13 .bd li img { display: block; width: 100%; height: 100%; }

.picScrollLeft13 .prev, .picScrollLeft13 .next { width: 20px; height: 50px; position: absolute; top: 50%; margin-top: -25px; background: url("../images/l4.png") left top no-repeat; cursor: pointer; opacity: .8; }

.picScrollLeft13 .prev:hover, .picScrollLeft13 .next:hover { opacity: 1; }

.picScrollLeft13 .prev { left: 0; }

.picScrollLeft13 .next { background-image: url(../images/r4.png); right: 0px; }

header { height: 80px; border-bottom: rgba(255, 255, 255, 0.5) 1px solid; position: relative; min-width: 1100px; }

header .menu { height: 79px; }

header .menu li { line-height: 79px; text-align: center; display: inline-block; font-size: 16px; min-width: 10em; text-align: center; }

header .menu img { position: relative; margin-right: 10px; top: .6rem; }

header .menu a { color: #fff; display: inline-block; display: block; text-align: center; }

header .menu a:hover { opacity: .8; }

header .menu-left { float: left; text-align: left; }

header .menu-left li { border-right: rgba(255, 255, 255, 0.5) 1px solid; }

header .menu-right { float: right; text-align: right; }

header .menu-right li { border-left: rgba(255, 255, 255, 0.5) 1px solid; }

header .logo { position: absolute; left: 50%; top: 50%; margin-left: -133px; margin-top: -27px; }

header .logo img { width: 277px; height: 55px; display: block;}

.h130 { width: 100%; height: 90px; background: #fff}

@media screen and (max-height:900px){.h130 { width: 100%; height: 70px; background: #fff}}

.h30 { width: 100%; height: 30px; }

.g-footerMenu { min-width: 1100px; z-index: 1; overflow: hidden; width: 100%; text-align: center; min-width: 1100px; position: fixed; bottom: 30px; height: 75px; left: 0; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#e3e5e8), to(#edeeef)); background: -webkit-linear-gradient(top, #e3e5e8 0%, #edeeef 100%); background: -o-linear-gradient(top, #e3e5e8 0%, #edeeef 100%); background: linear-gradient(to bottom, #e3e5e8 0%, #edeeef 100%); }

@media screen and (max-height:900px){.g-footerMenu { min-width: 1100px; z-index: 1; overflow: hidden; width: 100%; text-align: center; min-width: 1100px; position: fixed; bottom: 30px; height: 50px; left: 0; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#e3e5e8), to(#edeeef)); background: -webkit-linear-gradient(top, #e3e5e8 0%, #edeeef 100%); background: -o-linear-gradient(top, #e3e5e8 0%, #edeeef 100%); background: linear-gradient(to bottom, #e3e5e8 0%, #edeeef 100%); }}

.g-footerMenu .hd-ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; height: 130px; padding: 0 !important; }

.g-footerMenu li { width: 10%; display: block; float: left; border-left: #e0e0e0 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; text-align: center; height: 130px;font-size: 16px; margin: 0 !important; overflow: hidden; background: url("../images/ft.png") 60% 47% no-repeat; }

@media screen and (max-height:900px){.g-footerMenu li { width: 10%; display: block; float: left; border-left: #e0e0e0 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; text-align: center; height: 130px;font-size: 16px; margin: 0 !important; overflow: hidden; background: url("../images/ft.png") 60% 47% no-repeat; }}

/* @media screen and (max-height:900px){.h130 { width: 100%; height: 80px; }} */

.g-footerMenu li:first-child { border: none; }

.g-footerMenu img { display: block; margin: 0 auto;margin-top: 12px}

.g-footerMenu .i2 { display: none; }

.g-footerMenu li.on, .g-footerMenu li:hover { background-color: #058137; color: #fff; }

.g-footerMenu li.on .i1, .g-footerMenu li:hover .i1 { display: none; }

.g-footerMenu li.on .i2, .g-footerMenu li:hover .i2 { display: block; }

.footer { position: fixed; z-index: 9; left: 0; bottom: 0; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#edeeef), to(#dee1e4)); background: -webkit-linear-gradient(top, #edeeef 0%, #dee1e4 100%); background: -o-linear-gradient(top, #edeeef 0%, #dee1e4 100%); background: linear-gradient(to bottom, #edeeef 0%, #dee1e4 100%); line-height: 30px; height: 30px; border-top: #cdcfcf 1px solid; text-align: center; font-size: 12px; color: #666666; }

.footer a { color: #666666; }

.footer a:hover { opacity: .8; }

.footer span { margin: 0 20px; }

.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; -webkit-box-shadow: 3px 8px 15px 0 #666; box-shadow: 3px 8px 15px 0 #666; z-index: 9; }

.alert .title { width: 100%; border-bottom: #eee 1px solid; line-height: 50px; font-size: 14px; padding: 0 20px; }

.alert .btn-close { width: 50px; height: 50px; background: url("../images/close.png") center center no-repeat; position: absolute; right: 10px; top: 10px; }

.alert .btn-close:hover { opacity: .8; }

.alert .operate { text-align: center; }

.alert .operate a { display: inline-block; width: 100px; }

.alert .over-close { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.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-------------------------------------------------------------------- */
.loader-illus { position: absolute; top: 50%; left: 50%; opacity: 0.1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.bg-body { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; }

.bg-body.h500 { height: 500px; }

.bg-body #gradient-bg { width: 100%; height: 100%; background: #022892; background: -webkit-gradient(linear, left top, right top, from(#022892), to(#1177b1)); background: -webkit-linear-gradient(left, #058137 0%, #058137 100%); background: -o-linear-gradient(left, #022892 0%, #1177b1 100%); background: linear-gradient(left, #022892 0%, #1177b1 100%); }

.bg-body img { display: block; opacity: 0.08; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 11; }

.bg-body .particles { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; opacity: 0.1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.bg-body .particles canvas { width: 100%; position: absolute; top: 50%; height: 100%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background: -webkit-gradient(linear, left top, right top, from(#022892), to(#1177b1)); background: -webkit-linear-gradient(left, #022892 0%, #1177b1 100%); background: -o-linear-gradient(left, #022892 0%, #1177b1 100%); background: linear-gradient(left, #022892 0%, #1177b1 100%); }

.wrap { position: relative; z-index: 99999; min-width: 1200px; }

.section11 { overflow: hidden; width: 100%; position: relative; min-width: 1100px; padding-bottom: 160px; }

.section11 .bd { position: relative; z-index: 0; margin-top: 25px; margin-bottom: 40px; overflow: hidden; background-color: #fff; }

.section11 .bd .bd-ul > li { zoom: 1; vertical-align: middle; width: 100%; }

.section11 .bd .content { width: 100%; background-color: rgba(255, 255, 255, 0.25); padding: 7px; margin: 0 auto; }

.section11 .hd { z-index: 1; overflow: hidden; width: 100%; text-align: center; min-width: 1100px; position: fixed; bottom: 30px; height: 130px; left: 0; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#e3e5e8), to(#edeeef)); background: -webkit-linear-gradient(top, #e3e5e8 0%, #edeeef 100%); background: -o-linear-gradient(top, #e3e5e8 0%, #edeeef 100%); background: linear-gradient(to bottom, #e3e5e8 0%, #edeeef 100%); }

.section11 .hd .hd-ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; height: 130px; padding: 0 !important; }

.section11 .hd li { width: 10%; display: block; float: left; border-left: #e0e0e0 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; text-align: center; height: 130px; padding-top: 30px; font-size: 16px; margin: 0 !important; overflow: hidden; background: url("../images/ft.png") 60% 47% no-repeat; }

.section11 .hd li:first-child { border: none; }

.section11 .hd img { display: block; margin: 0 auto 10px; }

.section11 .hd .i2 { display: none; }

.section11 .hd li.on { background-color: #3595de; color: #fff; }

.section11 .hd li.on .i1 { display: none; }

.section11 .hd li.on .i2 { display: block; }

.section11 .footer { position: fixed; z-index: 9; left: 0; bottom: 0; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#edeeef), to(#dee1e4)); background: -webkit-linear-gradient(top, #edeeef 0%, #dee1e4 100%); background: -o-linear-gradient(top, #edeeef 0%, #dee1e4 100%); background: linear-gradient(to bottom, #edeeef 0%, #dee1e4 100%); line-height: 30px; height: 30px; border-top: #cdcfcf 1px solid; text-align: center; font-size: 12px; color: #666666; }

.section11 .footer a { color: #666666; }

.section11 .footer a:hover { opacity: .8; }

.section11 .footer span { margin: 0 20px; }

.section11 .main-left { width: 70%; float: left; padding: 7px; }

.section11 .main-right { width: 30%; float: right; padding: 7px; }

.section11 .box { background-color: #fff; margin-top: 14px; }

.section11 .box:first-child { margin: 0; }

.section11 .box11 { height: 300px; }

.section11 .box12 { height: 200px; }

.section11 .box13 { height: 514px; }

.section12 .hd { height: 26px; background: url(../images/img12-1.png) center bottom no-repeat; background-size: auto 26px; line-height: 26px; }

.section12 .hd .content { text-align: center; line-height: 22px; color: #fff; }

.section12 .hd a { color: #fff; font-size: 15px; margin: 0 30px; }

.section12 .bd-con { display: none; }

.section12 .bd-con:first-child { display: block; }

.section12 .bd-con .video-box { width: 100%; height: 240px; overflow: hidden; }

.section12 .bd-con .video-box img { display: block; width: 100%; height: 100%; }

.section12 .box1 { padding-top: 30px; padding-bottom: 50px; height: 265px; }

.section12 .box1 .left { float: left; width: 732px; color: #fff; }

.section12 .box1 .right { float: right; margin-right: -50px; margin-top: -60px; }

.section12 .box1 .right img { display: block; position: relative; }

.section12 .box1 .l { float: left; }

.section12 .box1 .r { float: right; }

.section12 .box1 .more { color: #fff; background: url(../images/more.png) 0 center no-repeat; padding-left: 30px; display: inline-block; line-height: 23px; }

.section12 .box1 .item { float: left; margin-right: 40px; text-align: center; }

.section12 .box1 .item img { display: block; margin: 0 auto 5px; }

.section12 .box1 .item p { text-align: center; }

.section12 .box1 .item a{color: #fff;text-decoration: none}

.section12 .box1 .intro { font-size: 14px; line-height: 30px; text-align: justify; margin-bottom: 20px; }

.section12 .box2 { height: 295px; padding-top: 45px; padding-bottom: 50px; }

.section12 .box2 .left { float: left; width: 540px; color: #fff; }

.section12 .box2 .right { float: right; width: 540px; color: #fff; }

.section12 .box2 h3 { font-size: 16px; font-weight: bold; line-height: 26px; }

.section12 .box2 .con { color: #fff; display: inline-block; line-height: 26px; margin-bottom: 5px; }

.section12 .box2 .con span { display: inline-block; margin-right: 5px; }

.section12 .box2 .con small { font-size: 13px; margin-left: 10px; }

.section12 .box2 .l { margin-top: 25px; float: left; }

.section12 .box2 .r { float: right; }

.section12 .box2 .item { float: left; margin-right: 40px; text-align: center; }

.section12 .box2 .item img { display: block; margin: 0 auto 5px; }

.section12 .box2 .item p { text-align: center; }

.section12 .box2 .con2 { padding-right: 200px; }

.section12 .box2 .con2 li { width: 120px; line-height: 28px; border: #fff 1px solid; float: left; color: #fff; text-align: center; margin-right: 50px; margin-top: 15px; }

.section12 .box2 .con2 a { color: #fff; }

.section12 .box3 { height: 265px; padding-top: 45px; padding-bottom: 50px; }

.section12 .box3 p{font-size: 16px;color: #fff}

.section12 .box4 { height: 265px; padding-top: 25px; padding-bottom: 50px; }

.section12 .box4 .left { float: left; width: 660px; color: #fff; }

.section12 .box4 .right { float: right; width: 530px; color: #fff;line-height: 20px }

.section12 .box4 .right .gzwyh{margin-bottom: 18px;float: left; margin-right: 46px;line-height: 24px}

.section12 .box4 .right .gzwyh h4{font-weight: bold}

.section12 .box4 .right .zuiyou{margin-right: 0px }

.section12 .box4 h3 { font-size: 16px; font-weight: bold; line-height: 26px; margin-bottom: 15px}

.section12 .box4 .con { color: #fff; display: inline-block; line-height: 26px; margin-bottom: 5px; margin-right: 28px; float: left;}

.section12 .box4 .con span { display: inline-block; margin-right: 5px; }

.section12 .box4 .con small { font-size: 13px; margin-left: 10px; }

.section12 .box4 .l { margin-top: 25px; float: left; }

.section12 .box4 .r { float: right; }

.section12 .box4 .item { float: left; margin-right: 40px; text-align: center; }

.section12 .box4 .item img { display: block; margin: 0 auto 5px; }

.section12 .box4 .item p { text-align: center; }

.section12 .box4 .con4 { padding-right: 200px; }

.section12 .box4 .con4 li { width: 120px; line-height: 28px; border: #fff 1px solid; float: left; color: #fff; text-align: center; margin-right: 50px; margin-top: 15px; }

.section12 .box4 .con4 a { color: #fff; }

/* .section12 .box4 .con4 h4{margin-top: 10px} */

.section13 { background-color: #fff; }

.section13-left { width: 940px; float: left; }

.section13-left .title { padding: 20px 0; }

.section13-left .title h1 { text-align: center; }

.section13-left .title h1 a { font-weight: bold; color: #4c4c4c; font-size: 30px; }

.section13-left .title .con { text-align: center; margin-top: 5px; }

.section13-left .title .con a { color: #4c4c4c; font-size: 15px; margin-left: 30px; }

.section13-left .title .con a:first-child { margin-left: 0; }

.section13-left .left-box { width: 425px; float: left; height: 260px; }

.section13-left .left-box .filter div { display: block; width: 70px; height: 20px; line-height: 20px; text-align: center; color: #fff; float: left; font-size: 12px; margin-right: 10px;background: #ffae00;border-bottom: none;cursor: pointer}

.section13-left .left-box .filter div img { margin-right: 5px; }

.section13-left .left-box .filter div.on { background-color: #058137; color: #fff; }

.section13-left .left-box .filter div.on .i2 { display: inline-block; }

.section13-left .left-box .filter div.on .i1 { display: none; }

.section13-left .left-box .filter div .i2 { display: none; }

.section13-left .left-box .filter-bd .filter-con { display: none; }

.section13-left .left-box .filter-bd .filter-con:first-child { display: block; }

.section13-left .right-box { width: 480px; float: right; height: 260px; }

.section13-left .part2 { padding: 30px 0}

.section13-right { width: 210px; float: right; }

.section13-right .part2 { padding: 15px 0; }

.section13-right .part2 .item { width: 56px; height: 56px; float: left; overflow: hidden; margin-right: 20px; }

.section13-right .part2 .item:last-child { margin-right: 0; float: right; }

.section13-right .part2 img { display: block; }

.section13-right .part3 { border: #058137 1px solid; padding: 15px 0; }

.section13-right .part3 .item { width: 33.33%; text-align: center; float: left; font-size: 12px; }

.section13-right .part3 p { text-align: center; }

.section13-right .part3 img { display: block; margin: 0 auto 10px; }

.section22 { height: 406px; background: url(../images/img12-1-gray.png) center bottom no-repeat; background-size: auto 26px; }

.section22 .content { color: #fff; }

.section22 h3 { font-size: 24px; padding-top: 12px; margin-bottom: 10px; }

.section22 .part { float: left; }

.section22 .part1 { width: 570px; }

.section22 .part2 { width: 230px; margin-left: 130px; }

.section22 .part2 > div { border: #fff 1px solid; margin-bottom: 20px; line-height: 32px; padding-left: 30px; font-size: 14px; }

.section22 .part2 > div a { color: #fff; }

.section22 .part2 > div:last-child { bottom: 0; }

.section22 .part2 .con1 { padding: 0 5px; line-height: 24px; min-height: 114px; }

.section22 .part2 .con1 h4 { padding-left: 15px; font-size: 14px; margin-bottom: 10px; position: relative; }

.section22 .part2 .con1 h4:after { content: ''; width: 4px; height: 10px; background-color: #fff; position: absolute; left: 0; top: 50%; margin-top: -5px; }

.section22 .part3 { width: 210px; float: right; }

.section22 .list1 { font-size: 15px; }

.section22 .list1 li { line-height: 40px; }

.section22 .list1 time { float: right; }

.section22 .list1 a { color: #fff; }

.section22 .list3 li { margin-bottom: 32px; border: #fff 1px solid; height: 70px; line-height: 70px; }

.section22 .list3 li a { display: inline-block; color: #fff; }

.section22 .list3 li:last-child { margin-bottom: 0; }

.section22 .list3 img { float: left; margin-left: 15px; margin-right: 20px; margin-top: 8px; }

.section23 { background-color: #f1f7fa; padding: 10px 0 20px; }

.section23 .content { background-color: #fff; padding: 20px 18px; }

.section23 .item { float: left; width: 360px; margin-right: 40px; overflow: hidden; }

.section23 .item:nth-child(3n) { margin-right: 0; float: right; }

.section23 .title { font-size: 24px; margin-bottom: 20px; }

.section23 .title .more { float: right; background: url(../images/more2.png) 0 center no-repeat; padding-left: 20px; color: #999; font-size: 12px; line-height: 12px; height: 24px; text-align: right; }

.section23 .title .more small { font-size: 12px; display: block; }

.section23 .img { width: 100%; }

.section23 .img img { display: block; width: 100%; }

.section23 .list { border: #eee 1px solid; padding: 5px 20px; font-size: 12px; }

.section23 .list li { padding-left: 15px; position: relative; line-height: 32px; }

.section23 .list li:after { content: ''; width: 8px; height: 8px; border-radius: 100%; position: absolute; left: 0; top: 50%; margin-top: -4px; background-color: #058137; }

.zwhbg{
    background:  #009688;
    width: 100%;
    height: 660px;
}
.zwh{
    /* background: url(../images/huiyuan.png) #27A16C repeat-x center bottom; */
    width: 1200px;
    height: 460px;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px
}
.zwh ul li{
    float: left;
    border: 1px solid #fff;
    padding: 5px;
    margin: 20px 20px 20px 24px;
    width: 194px;
    height: 45px;
    overflow: hidden;
}
.zwh ul li:hover{
    background: rgba(255, 255, 255, 0.4);
}
.zwh ul li a img{
    margin-left: 3px;
    float: left;
}
.zwh ul li a span{
    margin-top: 3px;
    margin-left: 5px;
    font-size: 16px;
    float: left;
    color: #fff
}
.zwh ul li a .fs136,.zwh ul li a .fs137,.zwh ul li a .fs138,.zwh ul li a .fs139{
    font-size: 14px;
    margin-top: 7px;
}
.slide-title {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    margin: 0px auto 30px auto;
    padding-top: 15px
}
.slide-title .title_mid{
    text-shadow:#000 3px 4px 5px
}
.slide-title .title_xian{
    font-size: 20px
}

.dqwz{
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 10px
}


.w1200{
    width: 1200px;
    margin: 0 auto
}
.place{
    font-size: 15px;
    line-height: 30px
}