a, a:before, a:after, #goTop, .container, .lm, span, .title, img, li, .tab, i { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; }



.lm, .right, .left, .date, #banner .item span { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.justify, .inner, img, input, textarea, select, button, table, label, .center, .searchForm { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }



.placeH { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 875px) { .placeH { position: static; height: auto; } }



.playBtn { content: ""; width: 140px; height: 140px; border-radius: 50%; background: rgba(255, 255, 255, 0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 2; }

.playBtn:before { content: ""; width: 78.57143%; height: 78.57143%; border-radius: 50%; background: #000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.playBtn:after { width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; content: "\e620"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 50px; color: #fff; text-align: center; }

.playBtn:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 1400px) { .playBtn:after { font-size: 40px; } }

@media screen and (max-width: 875px) { .playBtn:after { font-size: 20px; } }

@media screen and (max-width: 500px) { .playBtn:after { font-size: 16px; } }



.justify { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }

.justify:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }

.justify .line { display: inline-block; height: 0px; overflow: hidden; }

.justify > * { text-align: left; font-size: 14px; }

.justify .box { display: inline-block; vertical-align: top; }

.box.justify { text-align: justify; }



body, #pageNum { font-family: Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }



.proForm .top .tit, .proRecommend .title, .newsTop .shade .tit, .newsBot .tit, .newsDetail .title, .contact .msg .com { font-size: 24px; line-height: 1.2; }

@media screen and (max-width: 1400px) { .proForm .top .tit, .proRecommend .title, .newsTop .shade .tit, .newsBot .tit, .newsDetail .title, .contact .msg .com { font-size: 20px; } }

@media screen and (max-width: 875px) { .proForm .top .tit, .proRecommend .title, .newsTop .shade .tit, .newsBot .tit, .newsDetail .title, .contact .msg .com { font-size: 16px; } }



.showNews .title { font-size: 30px; line-height: 1.2; }

@media screen and (max-width: 1400px) { .showNews .title { font-size: 24px; } }

@media screen and (max-width: 875px) { .showNews .title { font-size: 18px; } }



.showPro .title, .showNews .tit { font-size: 34px; line-height: 1.2; }

@media screen and (max-width: 1400px) { .showPro .title, .showNews .tit { font-size: 30px; } }

@media screen and (max-width: 875px) { .showPro .title, .showNews .tit { font-size: 24px; } }



.showAbout .title, .insideTit, .newsMenu > li > a { font-size: 40px; line-height: 1.2; }

@media screen and (max-width: 1400px) { .showAbout .title, .insideTit, .newsMenu > li > a { font-size: 30px; } }

@media screen and (max-width: 875px) { .showAbout .title, .insideTit, .newsMenu > li > a { font-size: 24px; } }



blockquote, body, button, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, table, textarea, ul { margin: 0; padding: 0; }



area:focus, button:focus, input:focus, textarea:focus { outline: 0; }



a img, abbr, acronym, fieldset, img, legend { border: 0 none; }



figure, li, ol, ul { list-style: none; }



address, caption, cite, code, dfn, th, var { font-weight: 400; font-style: normal; }



h1, h2, h3, h4, h5, h6 { display: inline; font-weight: 400; font-size: 100%; }



q:after, q:before { content: ''; }



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



button { overflow: visible; }



pre, textarea { overflow: auto; }



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



button, select { text-transform: none; }



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



a[href], label[for], select { cursor: pointer; }



a, div, input, span, textarea { -webkit-tap-highlight-color: transparent; }



a:active, a:hover { outline: 0; }



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



sup { top: -.5em; }



sub { bottom: -.25em; }



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



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



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



html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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-color: transparent; }



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



b, optgroup, strong { font-weight: 700; }



small { font-size: 80%; }



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



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



input { line-height: normal; }



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



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



fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver; }



table { width: 100%; border-collapse: collapse; border-spacing: 0; }



table th { background: #ddd; font-weight: 700; }



table td, th { padding: 5px; border: 1px solid #ccc; text-align: center; word-wrap: break-word; word-break: break-word; }



img { width: auto\9; height: auto; max-width: 100%; }



@font-face { font-family: 'icomoon'; src: url("/main/fonts/icomoon.eot"); src: url("/main/fonts/icomoon.eot") format("embedded-opentype"), url("/main/fonts/icomoon.woff") format("woff"), url("/main/fonts/icomoon.woff2") format("woff2"), url("/main/fonts/icomoon.ttf") format("truetype"), url("/main/fonts/icomoon.svg#icomoon") format("svg"); }

@font-face { font-family: 'universltstd-boldcn'; src: url("/main/fonts/universltstd-boldcn.eot"); src: local("Univers LT Std 47 Cn Lt"), url("/main/fonts/universltstd-boldcn.eot") format("embedded-opentype"), url("/main/fonts/universltstd-boldcn.woff") format("woff"), url("/main/fonts/universltstd-boldcn.woff2") format("woff2"), url("/main/fonts/universltstd-boldcn.ttf") format("truetype"), url("/main/fonts/universltstd-boldcn.svg#times") format("svg"); }

html { font-size: 16px; }



body { color: #555555; line-height: 1.5714; font-size: 14px; -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; }



a { text-decoration: none; color: #555; }



*:before, *:after { text-align: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



input[type="text"], input[type="password"], textarea { text-align: left; background: transparent; }

input[type="text"]:focus, input[type="text"].focusOn, input[type="password"]:focus, input[type="password"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }



.search::-webkit-input-placeholder { color: white; }



.search:-moz-placeholder { color: white; }



.search:-ms-input-placeholder { color: white; }



input, textarea, select, button, label { transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; }



.center { width: 80%; max-width: 1280px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 1366px) { .center { width: 88%; } }

@media screen and (max-width: 1300px) { .center { width: 90%; } }

@media screen and (max-width: 1000px) { .center { width: 100%; padding-left: 10px; padding-right: 10px; } }



i { font-style: normal; }



img { vertical-align: bottom; }



a[href^="mailto:"], a[href^="tel:"] { display: inline-block; }



table { line-height: 1.5; width: 100%; }



table.table-left td, table.table-left th { text-align: left; }



.addthis_sharing_toolbox { white-space: nowrap; }



hr { height: 1px; width: 100%; overflow: hidden; border: 0px none; box-shadow: none; background: #ccc; }



#menuBtn { width: 42px; height: 42px; line-height: 42px; text-align: center; top: 0; cursor: pointer; z-index: 999; border: 1px solid rgba(255, 255, 255, 0.7); display: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); border-radius: 3px; }

#menuBtn:before { font-family: icomoon; color: #fff; }

#menuBtn.active:before { content: '\e60b'; font-size: 28px; }



#menuBtn { position: fixed; right: 10px; top: 28px; background: rgba(0, 0, 0, 0.75); }

#menuBtn:before { content: '\e637'; font-size: 28px; }



.fb:before { content: '\e62c'; }



.tt:before { content: '\e62b'; }



.in:before { content: '\e630'; }



.gg:before { content: '\e62d'; }



.yt:before { content: '\e631'; }



.wx:before { content: "\649"; }



.wb:before { content: "\647"; }



.searchForm { position: relative; max-width: 100%; }

.searchForm .search { width: 100%; border: 0px none; }

.searchForm .searchBtn { border: 0px none; position: absolute; top: 0; right: 0; text-align: center; }



#pageNum { margin-top: 1%; padding-top: 10px; padding-bottom: 5px; margin-bottom: 1%; }

#pageNum a, #pageNum span { font-size: 12px; line-height: 16px; padding: 5px 10px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; }

#pageNum a:hover, #pageNum .cur { color: #fff; background: #B95805; border: 1px solid #B95805; }



#goTop { position: fixed; width: 38px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 20px; background: #61B266; filter: alpha(opacity=60); opacity: 0.6; bottom: 6%; right: 3%; border-radius: 5px; overflow: hidden; display: none; cursor: pointer; z-index: 999; }

#goTop:before { content: '\e627'; font-family: 'icomoon'; text-align: inherit; }

#goTop:hover { filter: alpha(opacity=90); opacity: 0.9; }

@media screen and (max-width: 900px) { #goTop { margin-bottom: 50px; } }



.pubImgCont { display: block; padding-top: 66.59708%; overflow: hidden; position: relative; }

.pubImgCont img { width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }



iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }



object[id^="tq_as"] { overflow: hidden; margin: 0; height: 0 !important; }



#div_ser table td, #div_ser table th { border: 0px none; }



.container { overflow: hidden; width: 100%; max-width: 1920px; margin: 0 auto; }



.title { line-height: 1.2; }



span.help-block-error { display: inline-block; padding-left: 5px; color: #a94442; }



.formTextWaper.has-error input.help-block-error, .formTextWaper.has-error textarea.help-block-error { border-color: #ebccd1; }



.fl { float: left; }



.fr { float: right; }



.be { font-family: "bebasneue",Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; }



#header { width: 100%; padding-top: 1.2%; padding-bottom: 1%; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; background: rgba(255, 255, 255, 0.9); /* position: fixed; */ top: 0; left: 0; z-index: 99; border-bottom: 1px solid #fff; }

#header .box { vertical-align: middle; }

#header.indexHeader { border-bottom: 0; }



#header.move { box-shadow: 0 1px 5px #999; padding-top: 1.04167%; padding-bottom: 0.78125%; }

#header.move:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=white); background: 0.8; background: rgba(255, 255, 255, 0.8); -webkit-filter: blur(15px); z-index: -1; }



#nav { font-size: 0; position: relative; line-height: 1; display: inline-block; vertical-align: middle;}

#nav > ul > li { display: inline-block; margin-right: 40px; vertical-align: middle; position: relative; }

#nav > ul > li:last-child { margin-right: 0; }

#nav > ul > li > a { display: block; font-size: 16px; color: #333; text-transform: uppercase; font-weight: bold; padding: 5px 0; }

#nav > ul > li:hover > a, #nav > ul > li.active > a { color: #61B266; }

#nav > ul > li > ul { position: absolute; width: 300px; padding: 0 25px; top: 100%; left: -25px; z-index: 1; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fff; transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); display: none; }

#nav > ul > li > ul > li { line-height: 1; font-size: 16px; height: 0; overflow: hidden; transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-transition: 0.4s all cubic-bezier(0.455, 0.03, 0.515, 0.955); }

#nav > ul > li > ul > li > a { display: block; padding: 15px 0; color: black; }

#nav > ul > li > ul > li:hover > a, #nav > ul > li > ul > li.active > a { color: #61B266; }

#nav > ul > li:hover > ul { padding: 10px 25px 80px; border: 1px solid #ccc; }

#nav > ul > li:hover > ul > li { height: 47px; border-bottom: 1px solid #ccc; }



#logo { width: 17.5%; position: relative; z-index: 2; }



.share, .searchWrap { display: inline-block; height: 40px; line-height: 40px; border-radius: 3px; vertical-align: middle; }



.lang { display: inline-block; vertical-align: middle; font-size: 14px; position: relative; text-align: center; margin-right: 10px; }

.lang span { display: block; width: 40px; height: 40px; line-height: 40px; position: relative; cursor: pointer; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.lang span:before { content: ""; width: 100%; height: 100%; background: url(/main/img/lang.png) center center no-repeat; position: absolute; top: 0; right: 0; }

.lang ul { position: absolute; top: 100%; left: 50%; width: 150px; white-space: nowrap; background: rgba(255, 255, 255, 0.8); z-index: 99; margin-left: -75px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.lang ul li { height: 0; overflow: hidden; transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -moz-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -webkit-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -o-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -ms-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); }

.lang ul li:last-child { margin-bottom: 0; }

.lang ul li a { display: block; padding: 3px 10px; color: #000; position: relative; }

.lang ul li a:before { content: ""; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; }

.lang ul li:hover a { color: #fff; }

.lang ul li:hover a:before { background: #61B266; transform: scaleX(1.1); -ms-transform: scaleX(1.1); -moz-transform: scaleX(1.1); -webkit-transform: scaleX(1.1); -o-transform: scaleX(1.1); }

.lang.selected ul { padding: 20px 0 10px; }

.lang.selected ul li { height: 27px; margin-bottom: 1px; overflow: visible; }



.share { width: 40px; text-align: center; color: #143E66; cursor: pointer; position: relative; font-size: 0; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; margin-right: 10px; }

.share:before { content: "\e616"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 20px; }

.share > ul { width: 0; height: 40px; position: absolute; top: 0; right: 100%; background: #F3F3F3; overflow: hidden; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; white-space: nowrap; }

.share > ul > li { display: inline-block; margin-right: 10px; vertical-align: top; margin-top: 3.5px; }

.share > ul > li:last-child { margin-right: 0; }

.share > ul > li > a { display: block; height: 33px; width: 33px; border-radius: 50%; background: #143E66; color: white; font-size: 20px; line-height: 33px; }

.share > ul > li > a:before { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

.share > ul > li > a.fb:before { content: "\e62c"; }

.share > ul > li > a.tw:before { content: "\e62b"; }

.share > ul > li > a.in:before { content: "\e630"; }

.share > ul > li > a.yt:before { content: "\e633"; font-size: 12px; }

.share > ul > li > a.gl:before { content: "\e62d"; }

.share > ul > li > a:hover { background-color: #61B266; }

.share.selected { border-radius: 0 3px 3px 0; color: white; }

.share.selected:before { content: "\e60e"; font-size: 14px; color: #61B266; }

.share.selected > ul { width: 240px; border-radius: 3px; }



.index .share > ul { background: white; }



.searchWrap { width: 40px; text-align: center; color: #61B266; cursor: pointer; position: relative; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }

.searchWrap:before { content: "\e655"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 22px; }

.searchWrap .searchForm { position: static; text-align: left; }

.searchWrap .searchCont { width: 360px; height: 0; position: absolute; top: 100%; right: 0; overflow: hidden; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; margin-top: 10px; z-index: 1; border-radius: 3px; }

.searchWrap .search { width: 320px; height: 40px; padding: 0 15px; box-sizing: border-box; background: #fff; border-radius: 3px 0 0 3px; color: black; }

.searchWrap .search.focusOn + label, .searchWrap .search:focus + label { display: none; }

.searchWrap .search.focusOn, .searchWrap .search:focus { background: #F3F3F3; }

.searchWrap label { font-size: 14px; width: 320px; height: 40px; position: absolute; padding: 0 15px; top: 0; left: 0; box-sizing: border-box; color: #fff; text-transform: capitalize; }

.searchWrap .searchBtn { display: inline-block; width: 40px; height: 40px; background: #61B266; }

.searchWrap .searchBtn:before { content: "\e655"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 18px; color: #fff; }

.searchWrap.selected { color: white; }

.searchWrap.selected:before { content: "\e60e"; font-size: 16px; color: #61B266; }

.searchWrap.selected .searchCont { height: 40px; }



.index .searchWrap .search { background: white; }

.index .searchWrap .search.focusOn, .index .searchWrap .search:focus { background: white; }



@media screen and (max-width: 1200px) { #header { padding-top: 15px; padding-bottom: 0; position: static; }

  #header .box { text-align: center; width: 100%; }

  #logo img { width: 200px; }

  .topRig { margin-top: 30px; }

  #nav > ul > li > a { padding: 10px 0; } }

@media screen and (max-width: 1400px) { #nav > ul > li { margin-right: 30px; }

  #nav > ul > li > a { font-size: 16px; } }

@media screen and (max-width: 875px) { #main { margin-top: 0; }

  #menuBtn { display: block; }

  #header { position: static; }

  #header #nav { width: 240px; position: fixed; float: none; top: 72px; right: 10px; z-index: 100; margin: 0; display: none; background: #61B266; padding: 10px 0; }

  #header #nav > ul > li { margin: 0; display: block; text-align: center; margin-bottom: 1px; line-height: 1; padding: 0; font-size: 14px; }

  #header #nav > ul > li > a { padding: 12px 0; display: block; color: white; font-size: 14px; }

  #header #nav > ul > li > a:before { display: none; }

  #header #nav > ul > li:hover, #header #nav > ul > li.active { background: #B95805; }

  #header #nav > ul > li:hover a, #header #nav > ul > li.active a { color: white; background: none; }

  #header #nav > ul > li:hover:before, #header #nav > ul > li.active:before { display: none; }

  #header #nav > ul > li:last-child { margin-bottom: 0; }

  #header #nav > ul > li:hover ul { display: none; }

  #header #nav > ul > li:hover > a:before { display: none; }

  #header #nav > ul > li:before { display: none; } }

@media screen and (max-width: 1100px) { .topRight { width: 100%; } }

@media screen and (max-width: 875px) { .share > ul { top: 100%; right: 0; margin-right: -20px; z-index: 1; width: 240px; height: 0; margin-top: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

  .share.selected > ul { height: 40px; }

  .searchWrap .searchCont { margin-right: -150px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

  .topRig { margin-top: 10px; }

  #menuBtn { display: block; }

  .searchWrap .searchCont { width: 300px; }

  .searchWrap .search { width: 280px; }

  .topRight { margin-top: 10px; }

  #nav { width: 260px; position: fixed; float: none; top: 72px; right: 10px; z-index: 100; margin: 0; display: none; background: #FB9D00; padding-top: 0; }

  #nav > li { margin: 0; display: block; text-align: center; line-height: 1; padding: 0; font-size: 14px; margin-bottom: 1px; }

  #nav > li > a { padding: 12px 0; display: block; color: white; }

  #nav > li:hover, #nav > li.active { background: #B95805; }

  #nav > li:hover a, #nav > li.active a { color: white; }

  #nav > li:hover:before, #nav > li.active:before { display: none; }

  #nav > li:last-child { margin-bottom: 0; }

  #nav > li:hover > a:before { display: none; }

  #nav > li:before { display: none; }

  #nav > li:hover .proSon { display: none; }

  #nav > li:hover > ul { padding: 0; }

  #nav > li:hover > ul > li { height: 0; overflow: hidden; }

  #nav > li.hasUl > a:after { display: none; } }

#main { background: #EBEBED; border-bottom: 1px solid transparent; }

#main.indexMain { background: #fff; }



@media screen and (max-width: 875px) { #main { background: #fff; } }

#banner .slick-prev:before { content: "\e625"; color: #000; }

#banner .slick-next:before { content: "\e628"; color: #000; }

#banner .slick-prev, #banner .slick-next { filter: alpha(opacity=100); opacity: 1; }

#banner .slick-prev:hover, #banner .slick-next:hover { filter: alpha(opacity=70); opacity: 0.7; }

#banner .slick-prev { left: 3.125%; }

#banner .slick-next { right: 3.125%; }

#banner .slick-dots li button { background: #333; filter: alpha(opacity=100); opacity: 1; }

#banner .slick-dots li.slick-active button { background: #000; }

#banner .item { position: relative; }

#banner .playBtn { width: 7.5%; height: 0; padding-top: 7.5%; background: rgba(255, 255, 255, 0.4); top: 5%; }

#banner .playBtn:before { width: 73.61111%; height: 73.61111%; }



@media screen and (max-width: 500px) { .slick-prev:before, .slick-next:before { font-size: 30px; } }

.showPro { padding-top: 3%; padding-bottom: 2%; background: #f2f2f3; text-align: center; }

.showPro .title { color: #222; font-weight: bold; text-transform: uppercase; font-family: "universltstd-boldcn",Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; }

.showPro .des { color: #d2dce6; line-height: 24px; padding: 0 26.35135%; margin-top: 10px; }

.showPro .wrap { margin-top: 20px; }

.showPro .box { width: 23.17568%; }

.showPro .box:hover .tit { color: #61B266; }

.showPro .box:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }

.showPro .pubImgCont { padding-top: 66.25387%; }

.showPro .bot { padding-left: 8.74636%; padding-right: 8.74636%; padding-bottom: 5.8309%; position: relative; }



.showPro .more { color: #6b91b6; display: inline-block; margin-top: 10px; }

.showPro .tit { font-size: 18px; color: #222; /* font-weight: bold; */ display: block; margin-top: 20px; text-transform: uppercase; line-height: 1.1; }

.showPro .goPro { display: inline-block; background: #000; padding: 0.94595% 2.7027%; margin-top: 25px; position: relative; overflow: hidden; }

.showPro .goPro:before { content: ""; width: 150%; height: 100%; background: #fff; transform-origin: left bottom; -moz-transform-origin: left bottom; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform: rotate(-45deg) translateY(-50px); -ms-transform: rotate(-45deg) translateY(-50px); -moz-transform: rotate(-45deg) translateY(-50px); -webkit-transform: rotate(-45deg) translateY(-50px); -o-transform: rotate(-45deg) translateY(-50px); position: absolute; top: 0; left: 0; }

.showPro .goPro span { position: relative; font-size: 16px; color: #d2dce6; font-weight: bold; text-transform: uppercase; }

.showPro .goPro:hover:before { transform: rotate(0) translateY(0); -ms-transform: rotate(0) translateY(0); -moz-transform: rotate(0) translateY(0); -webkit-transform: rotate(0) translateY(0); -o-transform: rotate(0) translateY(0); }

.showPro .goPro:hover span { color: #000; }



@media screen and (max-width: 1400px) { .showPro .tit { font-size: 18px; } }

@media screen and (max-width: 875px) { .showPro .tit { font-size: 14px; }

  .showPro .des { padding: 0; }

  .showPro .goPro span { font-size: 14px; } }

@media screen and (max-width: 600px) { .showPro .box { width: 47%; } }

.showAbout { padding: 4% 0 4%; position: relative; }

.showAbout .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.showAbout .center { position: relative; }

.showAbout .left { width: 39.18919%; padding-top: 34.18919%; position: relative; background: #61B266; }

.showAbout .placeH { white-space: nowrap; font-size: 0; padding-left: 8.62069%; padding-right: 8.62069%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.showAbout .placeH:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.showAbout .placeH .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }

.showAbout .title { color: #fff; font-weight: bold; text-transform: uppercase; }

.showAbout .des { color: #fff; line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 3px; }

.showAbout .ce { margin-top: 6.25%; }

.showAbout .ce img { width: 14.58333%; max-width: 70px; }

.showAbout .more { display: inline-block; background: #000; padding: 2.91667% 12.5%; margin-top: 7.29167%; position: relative; overflow: hidden; }

.showAbout .more:before { content: ""; width: 150%; height: 100%; background: #fff; transform-origin: left bottom; -moz-transform-origin: left bottom; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform: rotate(-45deg) translateY(-50px); -ms-transform: rotate(-45deg) translateY(-50px); -moz-transform: rotate(-45deg) translateY(-50px); -webkit-transform: rotate(-45deg) translateY(-50px); -o-transform: rotate(-45deg) translateY(-50px); position: absolute; top: 0; left: 0; }

.showAbout .more span { position: relative; font-size: 16px; color: #d2dce6; font-weight: bold; text-transform: uppercase; }

.showAbout .more:hover:before { transform: rotate(0) translateY(0); -ms-transform: rotate(0) translateY(0); -moz-transform: rotate(0) translateY(0); -webkit-transform: rotate(0) translateY(0); -o-transform: rotate(0) translateY(0); }

.showAbout .more:hover span { color: #000; }

.showAbout .right { width: 60.81081%; position: relative; }

.showAbout .pubImgCont { padding-top: 56.22222%; }

.showAbout .pubImgCont iframe{width:100%;height:100%;position:absolute;top:0;left:0;}

.showAbout .pubImgCont video{width:100%;height:auto;position:absolute;top:0;left:0;}

.showAbout .playBtn { width: 10.55556%; padding-top: 10.55556%; height: 0; background: #fff; }

.showAbout .playBtn:before { width: 67.36842%; height: 67.36842%; background: #000; }

.showAbout .playBtn:after { font-size: 40px; }



@media screen and (max-width: 875px) { .showAbout .bg { display: none; }

  .showAbout .playBtn:after { font-size: 30px; }

  .showAbout .left { padding: 30px 10px; width: 100%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

  .showAbout .placeH { padding: 0; }

  .showAbout .ce { margin-top: 15px; }

  .showAbout .more { padding: 5px 20px; margin-top: 20px; }

  .showAbout .right { width: 100%; } }

.showOther { padding-top: 5.20833%; padding-bottom: 5.20833%; }



.showNews { width: 48.37838%; }

.showNews .title { font-family: "universltstd-boldcn",Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; text-transform: uppercase; color: #143E66; margin-bottom: 15px;}

.showNews .pubImgCont { padding-top: 66.62011%;    border: 2px solid #61B266; border-radius: 4px; }

.showNews .wrap { position: absolute; width: 83.79888%; height: 78.826%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 0 6.98324%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fff; white-space: nowrap; font-size: 0; transform: translateX(-100px); -ms-transform: translateX(-100px); -moz-transform: translateX(-100px); -webkit-transform: translateX(-100px); -o-transform: translateX(-100px); filter: alpha(opacity=0); opacity: 0; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; }

.showNews .wrap:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.showNews .wrap .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }

.showNews .tit { color: #61B266; font-family: "universltstd-boldcn",Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; line-height: 1; }

.showNews .des { color: #333; line-height: 30px; max-height: 90px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 15px; }

.showNews .date { position: absolute; left: 8.33333%; top: 0; margin-top: 10%; color: #333; font-size: 16px; border-bottom: 1px solid #333; line-height: 1.1; }

.showNews:hover .wrap { transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); filter: alpha(opacity=100); opacity: 1; }



@media screen and (max-width: 1300px) { .showNews .date { margin-top: 3%; } }

@media screen and (max-width: 875px) { .showNews .date { position: static; margin-top: 10px; border-bottom: 0; }

  .showNews .wrap { filter: alpha(opacity=100); opacity: 1; transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); width: 100%; height: 100%; position: relative; padding: 20px 0 0; }

  .showNews .pubImgCont { padding-top: 0; overflow: visible; }

  .showNews .pubImgCont img { position: static; }

  .showNews .des { line-height: 24px; max-height: 72px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } }

@media screen and (max-width: 600px) { .showNews { width: 100%; }

  .showNews:first-child { margin-bottom: 30px; } }

.footerTop { background: #143E66; padding-top: 3%; padding-bottom: 2%; position: relative; }

.footerTop .title { font-size: 18px; text-transform: capitalize; font-weight: bold; color: #61B266; }

.footerTop .bot ul > li { margin-bottom: 12px; }

.footerTop .bot ul > li > a { color: #d2dce6; }

.footerTop .bot ul > li > a:hover { color: #61B266; }

.footerTop .footerContact { width: 21%; }

.footerTop .footerContact ul { margin-top: 8%; }

.footerTop .footerContact ul > li { color: #d2dce6; }

.footerTop .footerContact ul > li > a { color: #d2dce6; font-weight: bold; }

.footerTop .footerContact ul > li > a:hover { color: #143E66; }

.footerTop .footerContact .footerShare > li { display: inline-block; margin-right: 10px; vertical-align: top; text-align: center; }

.footerTop .footerContact .footerShare > li:last-child { margin-right: 0; }

.footerTop .footerContact .footerShare > li > a { display: block; height: 42px; width: 42px; border-radius: 3px; background: #61B266; color: #143E66; font-size: 30px; line-height: 42px; }

.footerTop .footerContact .footerShare > li > a:before { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

.footerTop .footerContact .footerShare > li > a.fb { background: #61B266; }

.footerTop .footerContact .footerShare > li > a.fb:before { content: "\e62c"; font-size: 38px; line-height: 52px; }

.footerTop .footerContact .footerShare > li > a.tt:before { content: "\e62b"; font-size: 38px; line-height: 52px;}

.footerTop .footerContact .footerShare > li > a.in:before { content: "\e630"; font-size: 38px; line-height: 52px;}

.footerTop .footerContact .footerShare > li > a.yt:before { content: "\e631"; font-size: 38px; line-height: 52px;}

.footerTop .footerContact .footerShare > li > a.gg:before { content: "\e62d"; font-size: 38px; line-height: 52px;}



.footerLogo { width: 17.5%; }



.footerAbout { width: 13.51351%; }

.footerAbout ul { margin-top: 8%; }



.footerPro { width: 26%; }

.footerPro ul { margin-top: 8%; }



.footerSupport { width: 10.13514%; }

.footerSupport ul { margin-top: 26.66667%; }



.footerBot { background: #000; padding-top: 2%; padding-bottom: 1%; color: #fff; }

.footerBot .center > div { margin-bottom: 1.35135%; }

.footerBot .center > div:last-child { margin-bottom: 0; }

.footerBot .center > div a { color: #fff; }

.footerBot .center > div a:hover { color: #61B266; }



@media screen and (max-width: 875px) { #footer .footerAbout, #footer .footerSupport, #footer .footerLogo, #footer .footerPro { display: none; }

  .footerTop { padding-top: 30px; }

  .footerTop .footerLogo { display: none; }

  .footerShare { width: 100%; }

  .footerTop .bot .footerContact { width: 100%; margin-top: 20px; }

  .footerTop .bot .footerContact .footerContactWrap { margin-top: 20px; }

  .footerTop .footerContact ul { margin-top: 20px; }

  .footerBot { padding-top: 20px; padding-bottom: 20px; } }

@media screen and (max-width: 500px) { .footerBot .center > div { width: 100%; } }

.crumbs { color: #333; padding-bottom: 20px; padding-top: 20px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-top: -3.4%; }

.crumbs .title { font-size: 34px; color: #B95805; text-transform: uppercase; font-weight: bold; }

.crumbs .smallNav { position: relative; margin-top: 5px; }

.crumbs .smallNav a { color: #fff; }

.crumbs .smallNav a:hover { text-decoration: underline; }



@media screen and (max-width: 875px) { .crumbs { margin-top: 0; padding: 10px; } }

.content { padding-bottom: 2.86458%; }



#aside { width: 22.2973%; background: #fff; position: relative; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); z-index: 2; }

#aside .asideTitle { padding: 0 9.09091%; color: #000; text-transform: capitalize; position: relative; z-index: 1; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height: 1; height: 90px; white-space: nowrap; font-size: 0; background: #61B266; padding-bottom: 15px; }

#aside .asideTitle:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

#aside .asideTitle .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }

#aside .asideTitle .textMidSon { font-size: 30px; display: inline-block; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #fff; vertical-align: bottom; }

#aside .asideList { background: #fff; padding-bottom: 20.83333%; margin-top: 15px; }

#aside .asideList > li { position: relative; margin-bottom: 1px; }

#aside .asideList > li:last-child { margin-bottom: 0; }

#aside .asideList > li > a { display: block; line-height: 20px; padding: 16px 10px 16px 40px; color: #555555; text-transform: capitalize; font-size: 16px; position: relative; }

#aside .asideList > li.hasUl > a:before { width: 30px; height: 30px; line-height: 30px; content: "\e620"; color: #333; position: absolute; left: 0; top: 50%; margin-top: -15px; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; text-align: center; font-size: 18px; margin-left: 5px; transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; }

#aside .asideList > li:hover > a, #aside .asideList > li.active > a { color: #fff; background: #61B266; }

#aside .asideList > li:hover > a:before, #aside .asideList > li.active > a:before { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); color: #fff; }

#aside .asideList > li > ul { transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -moz-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -webkit-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -o-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -ms-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); }

#aside .asideList > li > ul > li { height: 0; overflow: hidden; transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -moz-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -webkit-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -o-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); -ms-transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); }

#aside .asideList > li > ul > li > a { display: block; padding: 10px 10px 10px 19.69697%; color: #555; }

#aside .asideList > li > ul > li:hover > a, #aside .asideList > li > ul > li.active > a { background: #E5E5E5; }

#aside .asideList > li:hover > ul, #aside .asideList > li.active > ul { padding: 15px 0; }

#aside .asideList > li:hover > ul > li, #aside .asideList > li.active > ul > li { height: 41px; margin-bottom: 1px; }

#aside .asideList > li:hover > ul > li:last-child, #aside .asideList > li.active > ul > li:last-child { margin-bottom: 0; }



@media screen and (max-width: 875px) { .content { position: relative; padding-top: 50px; margin-top: 0; }

  #aside { width: 100%; position: absolute; top: 0; left: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; }

  #aside .asideTitle { background: #61B266; color: white; padding: 13px 60px 13px 10px; line-height: 1; cursor: pointer; margin-bottom: 1px; font-size: 20px; height: auto; margin-top: 0; }

  #aside .asideTitle:before { display: none; }

  #aside .asideTitle:after { display: block; content: "Open \e636"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; width: 60px; height: 30px; line-height: 30px; position: absolute; left: 100%; top: 50%; margin-top: -15px; margin-left: -60px; z-index: 99; font-size: 12px; background: none; }

  #aside .asideList { display: none; padding: 0; margin-top: 0; }

  #aside .asideList > li > a { color: white; padding-right: 10px; padding-left: 10px; height: 35px; line-height: 35px; background: #61B266; }

  #aside .asideList > li:hover > a, #aside .asideList > li.active > a { background: #B95805; }

  #aside .asideList > li:hover > a > ul, #aside .asideList > li.active > a > ul { display: none; }

  #aside .asideList > li > ul { display: none; }

  #aside .listside:after { content: "Close \e656"; }

  #aside .asideList:before { display: none; }

  #aside .asideList > li > a:before, #aside .asideList > li.hasUl > a:after { display: none; } }

.mainRight { width: 75%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fff; position: relative; min-height: 700px; padding: 3.71622% 3.37838% 3.37838%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



@media screen and (max-width: 875px) { #aside .asideTitle .textMidSon { font-size: 20px; }

  .mainRight { width: 100%; min-height: auto; padding: 30px 0; }

  #aside .asideTitle { text-align: left; border-radius: 0; }

  #aside .asideList > li.hasUl > span { display: none; }

  #aside .asideList > li > a { padding: 0 10px; text-align: left; font-size: 14px; }

  #aside .asideList > li:hover > a, #aside .asideList > li.active > a { color: #fff; }

  #aside .asideTitle .textMidSon { background: none; padding: 0; }

  #aside .asideTitle .textMidSon { font-size: 18px; } }

.proMenu { background: #143E66; font-size: 0; text-align: center; }

.proMenu > li { display: inline-block; margin-right: 1px; font-size: 16px; font-weight: bold; line-height: 1; }

.proMenu > li:last-child { margin-right: 0; }

.proMenu > li > a { display: block; padding: 12px 27px; color: #fff; }

.proMenu > li:hover, .proMenu > li.active { background: #61B266; }



@media screen and (max-width: 875px) { .proMenu > li { font-size: 14px; } }

@media screen and (max-width: 700px) { .proMenu > li > a { padding: 10px 15px; } }

.insideTit { color: #61B266; text-transform: capitalize; line-height: 1; font-weight: bold; padding-bottom: 12px; border-bottom: 1px solid #ccc; }



.proList .wrap { margin-top: 3.9604%; }

.proList .line { width: 31.9802%; }

.proList .box { width: 31.333333%;margin-right:2%; margin-bottom: 3.46535%; }

.proList .box:hover .tit { color: #61B266; }

.proList .box:hover .pubImgCont { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }

.proList .tit { font-size: 18px; color: #333; font-weight: bold; display: inline-block; margin-top: 10px; }

.proList .pubImgCont { padding-top: 75%; }



@media screen and (max-width: 875px) { .proSearchWrap .searchBtn:before { font-size: 20px; }

  .proSearchWrap { height: 45px; }

  .proSearchWrap .search { height: 45px; }

  .proList .box, .proList .line { width: 31%; } }

@media screen and (max-width: 600px) { .proSearchWrap .searchBtn { width: 40px; }

  .proSearchWrap .search { padding-right: 40px; }

  .proList .box { width: 47%; margin-bottom: 30px; } }

.proDetTop { margin-top: 1.9802%; }

.proDetTop .left { width: 60.79208%; position: relative; }

.proDetTop .rig { width: 34.65347%; }

.proDetTop .rig .shareBox { margin-top: 34.28571%; }

.proDetTop .rig .msg { margin-top: 9.21053%; color: #333; }

.proDetTop .rig .msg li { position: relative; margin-bottom: 5.71429%; }

.proDetTop .rig .msg li:last-child { margin-bottom: 0; }

.proDetTop .rig .msg li span { color: #61B266; font-weight: bold; }

.proDetTop .rig .msg li a { color: #333; }

.proDetTop .rig .msg li a:hover { color: #61B266; }



.proBanner .item { position: relative; }

.proBanner .playBtn { display: block; width: 18.56678%; padding-top: 18.56678%; height: 0; background: rgba(255, 255, 255, 0.8); top: auto; left: auto; right: 0; bottom: 0; margin-right: 3.64431%; margin-bottom: 3.64431%; }

.proBanner .slick-dots { bottom: -34px; text-align: left; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.proBanner .slick-dots li button { background: #C9C9C9; }

.proBanner .slick-dots li.slick-active button { background: black; }



.proUl { margin-top: 10px; margin-right: -10px; }

.proUl .item { margin-right: 10px; cursor: pointer; }



@media screen and (max-width: 1400px) { .proDetTop .rig .title { font-size: 24px; line-height: 30px; } }

@media screen and (max-width: 1300px) { .proDetTop .left { width: 61.51163%; }

  .proDetTop .rig { width: 34.06977%; }

  .proDetTop .rig .shareBox { margin-top: 15%; }

  .proDetTop .rig .download { margin-top: 25%; } }

@media screen and (max-width: 1400px) { .proDetTop .rig .tit { font-size: 20px; } }

@media screen and (max-width: 875px) { .proDetTop .rig .playBtn span { display: none; }

  .proDetTop .rig .playBtn:after { top: 0; margin: auto; } }

@media screen and (max-width: 650px) { .proDetTop .left { width: 100%; }

  .proDetTop .rig { width: 100%; margin-top: 50px; margin-right: 0; }

  .proDetTop .rig .shareBox { margin-top: 0; }

  .proDetTop .rig .msg { margin-top: 20px; }

  .proDetTop .rig .download { margin-top: 30px; }

  .proDetTop .rig .proMsg { margin-top: 30px; }

  .proDetTop .rig .proMsg > li { margin-bottom: 15px; } }

.proDetTags { margin-top: 4.45545%; }

.proDetTags #tags { text-transform: capitalize; }

.proDetTags #proDes #tags li { display: block; box-sizing: border-box; float: left; border-right: 1px solid white; text-transform: capitalize; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; }

.proDetTags #proDes #tags li:last-child { border-right: none; }

.proDetTags #proDes #tags li { white-space: nowrap; height: 50px; cursor: pointer; background: #E5E5E5; font-size: 16px; text-align: center; padding-left: 5px; padding-right: 5px; color: #333; font-weight: bold; box-sizing: border-box; }

.proDetTags #proDes #tags li span { white-space: normal; line-height: 1.2; width: 100%; }

.proDetTags #proDes #tags li:after { content: ''; width: 0; height: 100%; overflow: hidden; }

.proDetTags #proDes #tags li span, .proDetTags #proDes #tags li:after { display: inline-block; vertical-align: middle; }

.proDetTags #proDes #tags li.selected { background: #61B266; color: #fff; }

.proDetTags .tagContent:first-child { display: block; }

.proDetTags #proDes .tagContent { background: #fff; border: 1px solid #e5e5e5; padding: 30px; box-sizing: border-box; }

.proDetTags .tagContent { word-wrap: break-word; word-break: break-word; overflow: auto; display: none; }

.proDetTags .tagContent.selected { display: block; }



@media screen and (max-width: 875px) { .proDetTags { margin-top: 40px; }

  #proDes #tags li { text-align: center; margin-bottom: 1px; }

  .proDetTags #proDes .tagContent { padding: 20px 10px; } }

.proForm { margin-top: 40px; }



.proForm .top .tit { text-transform: capitalize; line-height: 1; color: #61B266; font-weight: bold; padding-bottom: 1.48515%; border-bottom: 1px solid #ccc; }

.proForm .top .des { color: #555555; line-height: 20px; margin-top: 10px; }

.proForm .bot .line { width: 47%; }

.proForm .bot > .box { width: 47%; position: relative; margin-top: 40px; line-height: 1; }

.proForm .bot > .box input { border: 1px solid #CCCCCC; display: block; width: 100%; padding: 13px 10px; box-sizing: border-box; line-height: 1; background: none; }

.proForm .bot > .box label { position: absolute; color: #000; bottom: 100%; left: 0; margin-bottom: 5px; line-height: 1; width: 100%; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; border: 1px solid transparent; }

.proForm .bot > .box label span { color: #61B266; }

.proForm .bot > .box input:focus, .proForm .bot > .box input.focusOn, .proForm .bot > .box textarea:focus, .proForm .bot > .box textarea.focusOn { border: 1px solid #000; background: none; }

.proForm .bot .text { width: 100%; }

.proForm .bot .text textarea { padding: 10px; width: 100%; border: 1px solid #CCCCCC; height: 230px; resize: none; background: none; }

.proForm .bot .codeWrap { width: 100%; margin-top: 0; }

.proForm .bot .codeWrap .code { margin-top: 20px; display: inline-block; position: relative; }

.proForm .bot .codeWrap .code input { width: 150px; padding: 13px 10px; display: inline-block; margin-right: 20px; box-sizing: border-box; }

.proForm .bot .codeWrap .code input:focus + label, .proForm .bot .codeWrap .code input.focusOn + label { display: none; }

.proForm .bot .codeWrap .code img { vertical-align: middle; margin-right: 20px; }

.proForm .bot .codeWrap .code label { width: 150px; padding: 13px 10px; top: 0; left: 0; }

.proForm .bot .codeWrap .submit { margin-top: 20px; display: inline-block; }

.proForm .bot .codeWrap .submit input { background: #61B266; color: white; padding: 14px 0; width: 145px; transition: 0.6s all ease; -moz-transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; border: 0; display: inline-block; font-weight: bold; }

.proForm .bot .codeWrap .submit input:hover { background: #B95805; color: white; }



@media screen and (max-width: 600px) { .proForm .bot .box { width: 100%; }

  .proForm .bot { padding: 0; border: 0; margin-top: 0; } }

@media screen and (max-width: 875px) { .proForm { width: 100%; } }

.proRecommend { margin-top: 4.45545%; }

.proRecommend .title { color: #61B266; font-weight: bold; text-transform: capitalize; }

.proRecommend .wrap { margin-top: 1.48515%; }

.proRecommend .line { width: 32.17822%; }

.proRecommend .box { width: 32.17822%; }

.proRecommend .box:hover .pubImgCont { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }

.proRecommend .box:hover .tit { color: #61B266; }

.proRecommend .pubImgCont { padding-top: 66.12378%; }

.proRecommend .tit { display: inline-block; color: #333; margin-top: 15px; font-size: 16px; }



@media screen and (max-width: 700px) { .proRecommend .title { font-size: 20px; }

  .proRecommend .box { width: 31%; margin-bottom: 30px; }

  .proRecommend .line { width: 31%; }

  .proRecommend { margin-top: 30px; } }

@media screen and (max-width: 500px) { .proRecommend .box { width: 47%; }

  .proRecommend .tit { font-size: 14px; } }

.whiteBg { background: #fff; padding: 4.05405% 3.37838% 3.37838%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; margin-bottom: 4.05405%; }



@media screen and (max-width: 875px) { .whiteBg { padding: 30px 10px; margin-bottom: 0; } }

.newsMenu { border-bottom: 1px solid #ccc; }

.newsMenu > li { display: inline-block; margin-right: 4.05405%; }

.newsMenu > li:last-child { margin-right: 0; }

.newsMenu > li > a { display: block; color: #ddd; font-weight: bold; padding-bottom: 5px; }

.newsMenu > li.active > a { color: #61B266; border-bottom: 5px solid #61B266; }



.newsTop { margin-top: 3.62319%; }

.newsTop .line { width: 31.73913%; }

.newsTop .box { width: 31.73913%; }

.newsTop .box:hover .shade { background: rgba(20, 62, 102, 0.6); }

.newsTop .pubImgCont { padding-top: 66.89498%; }

.newsTop .shade { width: 100%; position: absolute; left: 0; bottom: 0; background: rgba(20, 62, 102, 0.2); text-align: center; color: #fff; padding-top: 28.92562%; transition: 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transition: 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition: 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); -ms-transition: 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.newsTop .shade .placeH { white-space: nowrap; font-size: 0; }

.newsTop .shade .placeH:after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 100%; }

.newsTop .shade .placeH .textMidSon { display: inline-block; white-space: normal; vertical-align: middle; font-size: 14px; width: 100%; }

.newsTop .shade .tit { display: block; }

.newsTop .shade .date { font-size: 14px; display: block; }

.newsTop .shade .textMidSon { display: inline-block; }



.newsBot { margin-top: 3.62319%; }

.newsBot .wrap { padding: 1.5942% 0 3.62319%; border-top: 1px solid #E5E5E5; }

.newsBot .wrap:hover .tit { color: #61B266; }

.newsBot .wrap:hover .goNews { right: 0; }

.newsBot .wrap:hover .goNews:before, .newsBot .wrap:hover .goNews:after { color: #61B266; }

.newsBot .box { vertical-align: middle; }

.newsBot .left { width: 26.30435%; }

.newsBot .rig { width: 70.65217%; padding-right: 12.68116%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }

.newsBot .tit { color: #333; }

.newsBot .des { line-height: 24px; max-height: 48px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #A7A7A7; }

.newsBot .date { color: #000; margin-top: 2.76923%; }

.newsBot .goNews { display: block; width: 80px; height: 70px; line-height: 100px; font-size: 0; color: #EEEEEE; position: absolute; right: 10px; top: 50%; margin-top: -50px; }

.newsBot .goNews:before { display: inline-block; width: 40px; height: 70px; content: "\e668"; font-size: 70px; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }

.newsBot .goNews:after { display: inline-block; width: 40px; height: 70px; content: "\e668"; font-size: 70px; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }



@media screen and (max-width: 1400px) { .newsBot .goNews:before, .newsBot .goNews:after { font-size: 80px; } }

@media screen and (max-width: 875px) { .newsTop .shade .tit { font-size: 20px; line-height: 1; }

  .newsTop .shade .placeH { position: absolute; height: 100%; }

  .newsBot .rig { padding-right: 0; }

  .newsBot .goNews { display: none; }

  .newsBot .des { margin-top: 0; }

  .newsBot .date { margin-top: 5px; }

  .newsBot .tit { font-size: 18px; } }

@media screen and (max-width: 600px) { .newsTop .box { width: 100%; margin-bottom: 20px; } }

@media screen and (max-width: 500px) { .newsBot .wrap { padding: 30px 0px; }

  .newsBot .box { width: 100%; }

  .newsBot .rig { margin-top: 15px; } }

.news .pageNum { margin-top: 30px; }



.newsDetail { margin-top: 2.36486%; }

.newsDetail .title { color: #333; font-weight: bold; }

.newsDetail .data { color: #333; margin-top: 15px; font-size: 14px; }

.newsDetail .textCont { padding-top: 35px; padding-bottom: 50px; position: relative; border-bottom: 1px solid #ccc; }

.newsDetail .shareBox { margin-top: 20px; }



.dan .textCont { color: #333; padding-top: 30px; }

.dan .textCont a, .dan .textCont strong { color: #61B266; }




.contact .msg > li { font-size: 16px; color: #333; display: inline-block; margin-right: 4.66321%; margin-bottom: 20px; }

.contact .msg > li span { font-size: 16px; color: #61B266; font-weight: bold; }

.contact .msg > li > a { color: #333; }

.contact .msg > li > a:hover { color: #61B266; }

.contact .msg .com { color: #333; font-weight: bold; text-transform: uppercase; margin-right: 0; margin-bottom: 35px; }

.contact .msg .add { display: block; margin-right: 0; }

.contact .contactForm { padding-top: 10px; }



#mapWrap { margin-top: 3.4058%; }



@media screen and (max-width: 875px) { .contact { background: none; padding-right: 0; } }

.pageNum { max-width: 100%; }



.pageNum a, .pageNum span { display: inline-block; vertical-align: top; margin-bottom: 5px; margin-right: 6px; line-height: 20px; padding: 5px 12px; background: #ccc; color: #fff; }



.pageNum span.current, .pageNum a:hover { background: #61B266; color: #fff; }



.prenext { text-transform: capitalize; padding-top: 20px; color: #666; font-size: 14px; line-height: 1.5; }



.prenext div { display: inline-block; padding-right: 3px; color: #000; }



.prenext a { color: #61B266; font-weight: bold; }



.shareBox { margin-top: 30px; }



#menuBtn { background: #61B266; }



#footerToolBar { background: #143E66; }



.iniBanner .item { display: none; }



.iniBanner .item:first-child { display: block; }



.slick-slider .slick-track .item { display: block; }



#chatToolBox #chatToolMail { background: #61B266; }



@media screen and (max-width: 875px) { #footer { margin-bottom: 47px; } }


/* 体系 */
.mainSerCen { width: 100%; padding-top: 3.90625%; padding-bottom: 4.27083%; text-align: center; }
.mainSerCen .title { font-size: 34px; color: #000; line-height: 1; margin-bottom: 8px; font-family: "universltstd-boldcn",Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif;}
@media screen and (max-width: 1200px) { .mainSerCen .title { font-size: 36px; } }
@media screen and (max-width: 960px) { .mainSerCen .title { font-size: 30px; } }
@media screen and (max-width: 640px) { .mainSerCen .title { font-size: 24px; } }
.mainSerCen p.text { width: 63.75%; margin: auto; line-height: 20px; color: #999; }
@media screen and (max-width: 960px) { .mainSerCen p.text { width: 100%; margin-bottom: 15px; } }
.mainSerCen p.text a { color: #B82D32; margin-left: 20px; display: inline-block; }
.mainSerCen p.text a:hover { color: #70a94e; }
.mainSerCen .mainSupport { margin-top: 2.91667%; }
.mainSerCen .mainSupport li { width: 24%; text-align: center; }
.mainSerCen .mainSupport li img { width: 100%; }
.mainSerCen .mainSupport li .subTitle { font-size: 20px; color: #000; line-height: 1; margin-top: 10.37037%; }
.mainSerCen .mainSupport li p.subText { margin: 10px 0; color: #999; line-height: 20px; max-height: 80px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: none; }
.mainSerCen .mainSupport li a.subLm { color: #555; display: inline-block; position: relative; margin-top: 5.18519%; }
.mainSerCen .mainSupport li a.subLm:before { position: absolute; top: 100%; left: 0; width: 100%; height: 1px; overflow: hidden; content: ''; background: #555; }
.mainSerCen .mainSupport li a.subLm:hover { color: #B82D32; }
.mainSerCen .mainSupport li a.subLm:hover:before { width: 0; background: #B82D32; }
@media screen and (max-width: 880px) { #footer .technical { position: static; margin-left: 20px; } }
@media screen and (max-width: 640px) { .mainSerCen .mainSupport li.box { width: 48%; margin-bottom: 20px; }}
@media screen and (max-width: 480px) { #footer .webTel span, #footer .webEmail span, #footer .webTel .tel, #footer .webEmail .mob { width: 100%; text-align: center; margin: 0; display: block; } }




/* 顶部联系方式 */
.topcon{text-align:right; padding-bottom:8px;}