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, .videoWrap, .formStyle li { -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; }



.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 { font-family: Calibri, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }



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



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("../font/icomoon.eot"); src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.woff2") format("woff2"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#icomoon") format("svg"); }

@font-face { font-family: 'museosans'; src: url("../font/museosans.eot"); src: local("Museo Sans 500"), url("../font/museosans.eot?#iefix") format("embedded-opentype"), url("../font/museosans.woff") format("woff"), url("../font/museosans.woff2") format("woff2"), url("../font/museosans.ttf") format("truetype"), url("../font/museosans.svg#museosans") 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: 92%; max-width: 1440px; 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; }



.share a { display: inline-block; vertical-align: middle; }

.share a:before { font-family: icomoon; }

.share .sharefb:before { content: '\e62c'; }

.share .sharetw:before { content: '\e62b'; }

.share .sharein:before { content: '\e630'; }

.share .sharegl:before { content: '\e62d'; }

.share .shareyt:before { content: '\e633'; }



.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: #066638; border: 1px solid #066638; }



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

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

#goTop:hover { opacity: 0.7; }

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



.videoWrap { position: relative; }

.videoWrap a.playbtn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/video-btn.png) no-repeat center; z-index: 9; background-size: cover; }

.videoWrap img { width: 100%; }



.formStyle li { position: relative; width: 100%; }

.formStyle li div { position: relative; }

.formStyle li img { cursor: pointer; margin-left: 3px; vertical-align: middle; }

.formStyle label + i { position: absolute; right: 5px; top: 5px; }

.formStyle input, .formStyle textarea { width: 100%; line-height: 20px; position: relative; z-index: 2; }

.formStyle textarea { display: block; max-width: 100%; width: 100%; resize: none; }

.formStyle input.btn { text-align: center; }



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



#header { width: 100%; position: fixed; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); top: 0; left: 0; z-index: 99; padding-top: 34px; padding-bottom: 14px; 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; }

#header: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(20px);
    z-index: -1;}

#header.indexHeader { box-shadow: none; }



#logo { display: inline-block; vertical-align: middle; margin-right: 15px; }



.company { display: inline-block; vertical-align: middle; font-family: Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; font-size: 20px; color: #00662F; text-transform: uppercase; font-weight: bold; line-height: 1.3;}



.topRig { text-align: right; }

.searchWrap { display: inline-block; width: 325px; text-align: center; color: #fff; 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; margin-right: 40px;}
.searchWrap .searchForm { position: static; text-align: left; }
.searchWrap .searchCont { width: 325px; height: 35px; 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; border-radius: 3px; z-index: 100; }
.searchWrap .search { width: 290px; height: 35px; padding: 0 15px; box-sizing: border-box; background: #F3F3F3; border-radius: 3px 0 0 3px; color: black; line-height: 40px; }
.searchWrap .search.focusOn + label, .searchWrap .search:focus + label { display: none; }
.searchWrap .search.focusOn, .searchWrap .search:focus { background: #F3F3F3; }
.searchWrap label { font-size: 14px; width: 290px; height: 35px; line-height: 40px; position: absolute; padding: 0 15px; top: 0; left: 0; box-sizing: border-box; color: #B8B8B8; text-transform: capitalize; }
.searchWrap .searchBtn { display: inline-block; width: 35px; height: 35px; background: #008645; border-radius: 0 3px 3px 0; }
.searchWrap .searchBtn:before { content: "\e655"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 18px; color: #fff; }

.lang { display: inline-block; font-size: 16px; color: #000; text-transform: capitalize; margin-right: 20px; position: relative; cursor: pointer; vertical-align: top; }

.lang:after { content: "\e636"; color: #000; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; position: absolute; top: 1px; left: 100%; margin-left: 8px; }

.lang ul { position: absolute; top: 100%; left: 0; width: 100%; background: #008645; text-align: center; z-index: 99; }

.lang ul li { font-size: 14px; height: 0; overflow: hidden; }

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

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

.lang ul li:hover { background: #066638; }

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

.lang.selected ul li { height: 21px; margin-bottom: 1px; }



.topShare { display: inline-block; margin-right: 35px; vertical-align: top; }

.topShare a { display: inline-block; font-size: 20px; margin-right: 12px; }

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

.topShare a.fb:before { content: "\e62c"; color: #5D82D1; font-size: 18px; }

.topShare a.in:before { content: "\e630"; color: #238CC8; }

.topShare a.yt:before { content: "\e634"; color: #EF4E41; }

.topShare a.tt:before { content: "\e62b"; color: #40BFF5; }


#header .center{position: relative;}

#nav { text-transform: capitalize; margin-top: 20px; font-size: 0;}

#nav > li { display: inline-block;padding:0 15px; padding-bottom: 10px;font-size: 14px;}

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

#nav > li>a:before { width: 100%; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e636"; position: absolute; top: 100%; left: 0; text-align: center; font-size: 18px; color: #008645; 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; filter: alpha(opacity=0); opacity: 0; z-index: 2; }

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

#nav > li > a { color: #000; display: inline-block; font-weight: bold;position: relative; }

#nav > li:hover > a { color: #008645; }

#nav > li.hasUl:hover>a:before { filter: alpha(opacity=100); opacity: 1; }

#nav > li.hasUl:hover > ul { display: block; }

#nav > li.hasUl:hover > ul > li { margin-bottom: 1px; }

#nav > li.active > a { color: #008645; }

#nav > li > ul { width:100%;position: absolute; left: 0; top: 100%;  background: #fff; z-index: 1; background: rgba(255,255,255,.9);padding: 40px 100px;display: none; }

#nav > li > ul > li { overflow: hidden; display: inline-block;width:23%;}

#nav > li > ul > li:last-child { margin-bottom: 0; }
#nav > li > ul > li > a {color: #000;display: block;padding: 10px;}
#nav > li > ul > li.active>a,#nav > li > ul > li:hover>a{color:#fff;background: #008645;}

/*#nav > li > ul > li > a { line-height: 1; display: block; padding: 14px 75px 14px 30px; color: #000; position: relative; }

#nav > li > ul > li > a:before { content: "\e635"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; position: absolute; width: 30px; height: 30px; text-align: center; line-height: 30px; top: 50%; left: 0; margin-top: -15px; color: #fff; filter: alpha(opacity=0); opacity: 0; font-size: 18px; }*/

/*#nav > li > ul > li > a:hover { color: #018644; }*/

#nav > li > ul > li > a:hover:before { filter: alpha(opacity=100); opacity: 1; }



#main { position: relative; background: #EBEBEB; }



#main.indexMain { background: #fff; }
@media screen and (max-width: 1500px){
  .company{display: none;}
}
@media screen and (max-width: 1400px){
  #logo{margin-right: 10px;}
  #header{padding-top: 14px;padding-bottom: 10px;}
  #main{margin-top: 111px;}
  #nav > li{padding: 10px;}
  .company{font-size: 18px;}
}

@media screen and (max-width: 1200px) { .logoWrap { width: 100%; text-align: center; }

  .company { display: none; }

  #header { position: static; height: auto; padding: 0 10px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

  #header .center { height: auto; }

  #main { margin-top: 0; }

  #logo { width: 120px; margin: 10px auto 0; }

  .topRig { width: 100%; padding-top: 0; text-align: center; margin-top: 10px; }

  #nav { width: 100%; text-align: center; margin-top: 20px; }

  #nav > li { padding-bottom: 15px; }

  #nav > li > a:before { bottom: -20px; } }

@media screen and (max-width: 875px) { #menuBtn { display: block; }

  .logoWrap { float: none; }

  .topRig { display: block; width: 100%; text-align: center; float: none; padding-bottom: 10px; }

  .topRig a { margin-left: 15px; }

  .topRig a:first-child { margin-left: 0; }

  .lang { display: inline-block; margin-left: 0; }

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

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

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

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

  #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.hasUl:hover > ul { display: none; }

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

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

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

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



.showPro { margin-top: 4.16667%; position: relative; }



.showProBg { width: 100%; position: absolute; left: 0; top: 0; margin-top: 1.66667%; }



@media screen and (max-width: 1650px) { .showProBg { margin-top: 2.08333%; } }

.showProTop { padding: 0 3.90625%; }

.showProTop .line { width: 6.20155%; }

.showProTop .box { width: 6.20155%; position: relative; }

.showProTop .box.selected .imgCont { background: #008645; }

.showProTop .box.selected .imgCont .imgTwo { filter: alpha(opacity=100); opacity: 1; }

.showProTop .box.selected .tit { color: #008645; }

.showProTop .box.selected:before { filter: alpha(opacity=100); opacity: 1; }

.showProTop .box:before { content: ""; display: block; width: 100%; height: 10px; background: #008645; position: absolute; top: 100%; left: 0; margin-top: -5px; 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; }

.showProTop .imgCont { padding-top: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); position: relative; border-radius: 5px; cursor: pointer; background: #fff; 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; }

.showProTop .imgCont img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.showProTop .imgCont .imgTwo { filter: alpha(opacity=0); opacity: 0; }

.showProTop .tit { font-size: 16px; color: #000; margin-top: 15px; text-align: center; margin-bottom: 37.5%;line-height: 1;height: 32px; }



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

  .showProTop { padding: 0 10px; }

  .showProTop .tit { margin-top: 10px; margin-bottom: 10px; font-size: 12px;}

  .showProTop .box:before { display: none; }
  .showProTop .box { width: 21%; } }


.showProBot { border: 1px solid #CDCDCD; padding: 4.6875% 8.33333% 5.20833% 7.29167%; }

.showProBot .cont { padding-top: 24.29825%; position: relative; }

.showProBot .wrap { display: none; position: absolute; top: 0; left: 0; }

.showProBot .left { width: 44.29825%; color: #000; }

.showProBot .smTit { font-size: 20px; line-height: 1; }

.showProBot .tit { font-size: 40px; font-weight: bold; text-transform: uppercase; line-height: 1; }

.showProBot .des { line-height: 24px; max-height: 116px; overflow: hidden; margin-top: 3.9604%; }

.showProBot .more { display: inline-block; position: relative; margin-top: 5.94059%; }

.showProBot .more:hover .text span { margin-left: 5px; }

.showProBot .text { position: absolute; bottom: 8px; left: 5px; color: #fff; }

.showProBot .text span { display: inline-block; }

.showProBot .rig { width: 48.85965%; }

.showProBot .pubImgCont { padding-top: 49.7307%; }

.showProBot .pubImgCont: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); }

.showProBot .playBtn { width: 86px; height: 86px; margin-top: -43px; margin-left: -43px; background: rgba(255, 255, 255, 0.6); }

.showProBot .playBtn:after { width: 64px; height: 64px; line-height: 64px; margin-top: 11px; margin-left: 11px; }



@media screen and (max-width: 875px) { .showProBot { padding: 30px 10px; }
.showProBot .tit{font-size: 30px;}

  .showProBot .wrap { position: static; }

  .showProBot .cont { padding-top: 0; }

  .showProBot .left, .showProBot .rig { width: 100%; }

  .showProBot .des { margin-top: 10px; }

  .showProBot .more { margin-top: 10px; }

  .showProBot .rig { margin-top: 10px; } }

.showCompany { text-align: center; margin-top: 3.125%; padding-bottom: 80px; }

.showCompany .title { font-size: 24px; font-weight: bold; color: #000; text-transform: capitalize; line-height: 1; }

.showCompany .des { padding-left: 14.36111%; padding-right: 14.36111%; margin-top: 2.08333%; color: #8D8D8D; line-height: 30px; }
.showCompany .morePlaceH1 {
    width: 100%;
   line-height: 1.5;
    position: absolute;
    top: 0;
    left: 0;
  
}
.showCompany .wrap { margin-top: 2.43056%; }

.showCompany .line { width: 14.5%; }

.showCompany .box { width: 14.5%; position: relative; }

.showCompany .box:hover .more { padding-top: 80px; }

 

 

.showCompany .placeH { padding-top: 100%; background: #008645; position: relative; }

.showCompany .cont { width: 100%; position: absolute; top: 0; left: 0; text-align: center; }

 

.showCompany .tit { display: block; margin-top: 7.93651%; font-size: 16px; color: #fff; font-weight: bold; line-height: 1;}

.showCompany .more { display: block; width: 100%; background: #066638; position: absolute; text-align: center; color: #fff; font-weight: bold; top: 100%; left: 0; padding-top: 0; overflow: hidden; }
.morePlaceH1{font-size:14px;}

.showCompany .morePlaceH { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-decoration: underline; }

.showCompany .morePlaceH:after { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }



@media screen and (max-width: 875px) { .showCompany { text-align: left; }

  .showCompany .des { padding: 0; }

  .showCompany .more { padding-top: 40px; }

  .showCompany .box:hover .more { padding-top: 40px; }

  .showCompany .line { width: 31%; }

  .showCompany .box { width: 31%; margin-bottom: 60px; }

  .showCompany { padding-bottom: 0; padding-top: 30px; padding-bottom: 20px; } }

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

.showOther { background: #EBEBEB; padding-top: 2.34375%; padding-bottom: 2.34375%; }

.showOther .center { padding-right: 7.8125%; padding-left: 7.8125%; }

.showOther .box { width: 31.40351%; padding: 2.63158% 3.50877%; background: #fff; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; 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; }

.showOther .box:hover { background: #008645; }

.showOther .box:hover .rig { color: #fff; }

.showOther .box:hover .imgCont .imgTwo { filter: alpha(opacity=100); opacity: 1; }

.showOther .imgCont { display: inline-block; vertical-align: middle; position: relative; margin-right: 10.79137%; width: 24.82014%; }

.showOther .imgCont .imgTwo { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0; }

.showOther .rig { display: inline-block; vertical-align: middle; color: #000; line-height: 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; width:60%;white-space: normal;}

.showOther .tit { font-size: 24px; font-weight: bold; text-transform: uppercase; }

.showOther .des { font-size: 16px; margin-top: 5px; }



@media screen and (max-width: 1360px) { .showOther .box { padding: 20px; } }

@media screen and (max-width: 1200px) { .showOther .imgCont { margin-right: 10px; } }

@media screen and (max-width: 875px) { .showOther .center { padding: 0 10px; }

  .showOther .box { width: 47%; margin-bottom: 10px; }

  .showOther { padding-top: 30px; padding-bottom: 20px; } }

@media screen and (max-width: 500px) { .showOther .box { width: 100%; padding: 10px; } }

#footer { position: relative; background: #fff; }



.footerTop { padding-top: 2.86458%; padding-bottom: 1.92708%; font-family:Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; }



.footerPro { width: 62.5%; }

.footerPro .tit { font-size: 24px; color: #000; line-height: 1; padding-bottom: 5px; border-bottom: 1px solid #B2B2B2; text-transform: capitalize; }

.footerPro .cont { margin-top: 3.88889%; }

.footerPro .cont .line { width: 32.22222%; }

.footerPro .cont a { width: 32.22222%; margin-bottom: 2.77778%; padding-left: 17px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #000; position: relative; }

.footerPro .cont a:hover { color: #008645; }

.footerPro .cont a:hover:before { color: #008645; }

.footerPro .cont a:before { content: "\e624"; position: absolute; top: 0; left: 0; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; color: #000; font-size: 16px; line-height: 1; margin-top: 1px; }



.footerContact { width: 27.77778%; }

.footerContact .tit { font-size: 24px; color: #000; line-height: 1; padding-bottom: 5px; border-bottom: 1px solid #B2B2B2; text-transform: capitalize; }

.footerContact .msg { margin-top: 8.75%; font-size: 14px; color: #000; }

.footerContact .msg li { margin-bottom: 6.25%; }

.footerContact .msg li p{padding-left: 22px;}

.footerContact .msg li a { color: #000; }

.footerContact .msg li a:hover { color: #008645; }



.footerShare a { display: inline-block; width: 31px; height: 31px; margin-right: 7px; }

.footerShare .fb { background: url(../img/fb.png) no-repeat center center; }

.footerShare .in { background: url(../img/in.png) no-repeat center center; }

.footerShare .yt { background: url(../img/yt.png) no-repeat center center; }

.footerShare .tt { background: url(../img/tt.png) no-repeat center center; }



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

.footerBot a { color: #fff; }

.footerBot a:hover { color: #008645; }



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

  .footerContact { width: 100%; }

  .footerContact .msg { margin-top: 20px; }

  .footerContact .msg li { margin-bottom: 10px; }

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

@media screen and (max-width: 500px) { .footerBot .box { display: block; } }

#goTop { width: 66px; height: 66px; border-radius: 5px; background: #008645; filter: alpha(opacity=100); opacity: 1; line-height: 50px; bottom: 30px; right: 0; }

#goTop:before { content: "\e656"; }

#goTop span { display: block; line-height: 1; text-transform: uppercase; font-size: 16px; position: absolute; top: 45%; text-align: center; width: 100%; }



.insideBg { width: 57.29167%; position: absolute; left: 0; top: 0; margin-top: 8.07292%; }



.crumbs { text-align: right; padding-top: 1.5625%; padding-bottom: 1.66667%; position: relative; }

.crumbs:before { content: ""; width: 56.25%; height: 100%; position: absolute; top: 0; right: 0; background: url(../img/crumbs_bg.jpg) no-repeat center center; background-size: cover; z-index: 1; }

.crumbs .smallNav { width: 56.25%; margin-left: auto; color: #008645; position: relative; z-index: 2; font-weight: bold; }

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

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



@media screen and (max-width: 875px) { .crumbs { padding-top: 15px; padding-bottom: 15px; }

  .crumbs:before { width: 100%; }

  .crumbs .smallNav { width: 100%; }

  #main { background: #fff; } }

#aside { width: 20.83333%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); text-align: center; padding-bottom: 3.47222%; background: #fff; position: relative; }

#aside .asideTitle { padding: 20% 30px 5%; font-size: 24px; font-weight: bold; color: #000; text-transform: uppercase; line-height: 1; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); position: relative; z-index: 1; font-family: Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; font-weight: bold; }

#aside .asideList { padding-top: 10%; background: #fff; }

#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: 13px 10px; color: #000; text-transform: capitalize; position: relative; }

#aside .asideList > li:hover > a, #aside .asideList > li.active > a { color: white; background: #008645; }

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

#aside .asideList > li > ul { width: 100%; z-index: 100; position: absolute; top: 0; left: 100%; padding: 4.33333% 0; background: #008645; display: none; }

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

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

#aside .asideList > li > ul > li > a { display: block; color: #fff; padding: 4.33333% 10%; line-height: 1; }

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



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

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

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

  #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: 50px; line-height: 50px; position: absolute; left: 100%; top: 0; 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: #008645; }

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

  #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: 73.61111%; padding: 4.16667% 0 3.47222% 4.16667%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fff; position: relative; min-height: 700px; }

.mainRight:before { content: ""; height: 100%; width: 43.90244%; position: absolute; top: 0; left: 100%; background: #fff; }



.insideTit { font-size: 30px; color: #000; line-height: 1; padding-bottom: 15px; position: relative; text-transform: capitalize; border-bottom: 1px solid #d3d8dc; font-family: Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; background: #fff; }



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

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

  .insideTit { font-size: 20px; }

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

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

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

.productsTop { margin-top: 3%; }

.productsTop .box { width: 49.1%; position: relative; }

.productsTop .box:hover .tit { filter: alpha(opacity=0); opacity: 0; }

.productsTop .box:hover .shade { transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); filter: alpha(opacity=100); opacity: 1; }

.productsTop .pubImgCont { padding-top: 100.20367%; border:1px solid #ccc;}

.productsTop .tit { display: block; width: 100%; font-size: 30px; color: #fff; height: 31.50407%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); text-align: center; }

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

.productsTop .shade { display: block; width: 67.34694%; height: 67.34694%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: rgba(255, 255, 255, 0.7); border: 1px solid #d3d8dc; text-align: center; filter: alpha(opacity=0); opacity: 0; transform: scale(0.2) rotate(90deg); -ms-transform: scale(0.2) rotate(90deg); -moz-transform: scale(0.2) rotate(90deg); -webkit-transform: scale(0.2) rotate(90deg); -o-transform: scale(0.2) rotate(90deg); }

.productsTop .shadeTit { display: block; font-size: 30px; color: #000; line-height: 1; margin-top: 30.30303%; }

.productsTop .more { display: inline-block; color: #000; padding: 4.54545% 7.57576%; border: 1px solid #000; line-height: 1; margin-top: 9.09091%; }

.productsTop .more:hover { border-color: #008645; background: #008645; color: #fff; }



.products .cont { margin-top: 1.7%; }

.products .cont .line { width: 23.8%; }

.products .cont .box { width: 23.8%; text-align: center; margin-bottom: 15px; }

.products .cont .pubImgCont { padding-top: 100%;border:1px solid #ccc; }

.products .cont .tit { color: #000; display: inline-block; margin-top: 5px; }

.products .pageNum { margin-top: 20px; }



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

  .products .cont .line { width: 31%; }

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

  .products .pageNum { margin-top: 0; } }

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

  .productsTop .box { width: 100%; margin-bottom: 10px; } }

.proList .cont { margin-top: 3%; }

.proList .line { width: 23.8%; }

.proList .box { width: 23.8%; text-align: center; margin-bottom: 3%; }

.proList .box:hover .pubImgCont 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); }

.proList .box:hover .tit { color: #008645; }

.proList .pubImgCont { padding-top: 100%; border:1px solid #ccc;}

.proList .tit { display: inline-block; color: #000; margin-top: 15px; }



@media screen and (max-width: 875px) { .proList .box, .proList .line { width: 31%; } }

@media screen and (max-width: 500px) { .proList .box { width: 47%; margin-bottom: 30px; } }

.proDetTop { margin-top: 20px; }

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

.proDetTop .left .playBtn { width: 124px; height: 124px; background: #E8E8E8; background: rgba(209, 209, 209, 0.5); margin-left: -62px; left: 100%; bottom: 10px; margin-top: 0; top: auto; }

.proDetTop .left .playBtn:after { position: absolute; width: 100px; height: 100px; line-height: 90px; background: black; top: 11px; left: 11px; margin: 0; font-size: 60px; z-index: 2; padding-left: 6px; box-sizing: border-box; }

.proDetTop .left .playBtn span { display: block; width: 100%; color: white; font-weight: bold; position: absolute; top: 80px; left: 0; text-transform: uppercase; text-align: center; z-index: 3; }

.proDetTop .rig { width: 43.8%; }

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

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

.proDetTop .rig .msg li { height: 40px; line-height: 40px; padding-left: 4.56621%; padding-right: 19.40639%; background: #E8E8E8; margin-bottom: 10px; display: inline-block; }

.proDetTop .rig .msg li a { color: black; }

.proDetTop .rig .msg li:last-child { margin-bottom: 0; background: #008645; padding-right: 4.56621%; min-width: 51%;color:#fff; }

.proDetTop .rig .msg li:last-child a { color: white; }



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

.proBanner .item img{border:1px solid #ccc;}



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

  .proDetTop .left .playBtn { width: 100px; height: 100px; margin-left: -50px; }

  .proDetTop .left .playBtn:after { width: 80px; height: 80px; line-height: 60px; top: 10px; left: 10px; font-size: 40px; }

  .proDetTop .left .playBtn span { top: 55px; } }

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

  .proDetTop .left .playBtn { top: 50%; left: 50%; bottom: auto; margin-top: -50px; }

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

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

.proDetTags #tags { text-transform: capitalize; margin-top: 6.5%; }

.proDetTags #proDes #tags li { background: #CFCFCF; color: #fff; }

.proDetTags #proDes #tags li.selected { background: #008645; }



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



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



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



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



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



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



#proDes #tags li.selected { color: #fff; }



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



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



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



.tagContent.selected { display: block; }



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

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

  .proDetTags #proDes #tags { margin-top: 30px; } }

.proForm { margin-top: 40px; }



.proForm .top .tit { text-transform: capitalize; font-size: 30px; line-height: 20px; color: black; }

.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: 20px; 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: #FBFCFD; }

.proForm .bot > .box label { position: absolute; color: #000; top: 0; left: 0; 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; padding: 14px 10px; }

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

.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 > .box input:focus + label, .proForm .bot > .box input.focusOn + label, .proForm .bot > .box textarea:focus + label, .proForm .bot > .box textarea.focusOn + label { display: none; }

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

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

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

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

.proForm .bot .codeWrap .code input { width: 80px; height: 30px; line-height: 30px; padding: 0 10px; display: inline-block; margin-right: 20px; box-sizing: border-box; }

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

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

.proForm .bot .codeWrap .submit input { background: #008645; color: white; padding: 13px 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; margin-right: 20px; }

.proForm .bot .codeWrap .submit input:hover { background: #066638; 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%; } }

.proList.case .box { width: 22.1%; }

.proList.case .pubImgCont { padding-top: 66.51584%; }

.proList.case .tit { font-family: Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; }



@media screen and (max-width: 875px) { .proList.case .box, .proList.case .line { width: 31%; } }

@media screen and (max-width: 500px) { .proList.case .box { width: 100%; } }

.newsWrap .cont { padding-top: 25px; padding-bottom: 15px; border-bottom: 1px solid #F1F4FB; }

.newsWrap .cont:hover .date .D { background: #008645; }

.newsWrap .cont:hover .tit { color: #008645; }

.newsWrap .date { width: 66px; height: 66px; border-radius: 50%; overflow: hidden; text-align: center; }

.newsWrap .date .D { height: 42px; display: block; color: #fff; background: #333; line-height: 48px; font-size: 30px; }

.newsWrap .date .YM { height: 24px; display: block; color: #4a5161; background: #F1F4FB; line-height: 20px; font-size: 12px; }

.newsWrap .rig { width: 86.57895%; }

.newsWrap .tit { font-weight: bold; color: #000; line-height: 20px; height: 40px; }

.newsWrap .text { line-height: 20px; max-height: 40px; overflow: hidden; font-size: 12px; color: #4a5161; margin-top: 10px; }



.news .pageNum { margin-top: 5.26316%; }



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

.newsDetail .data { color: #4a5161; margin-top: 5px; }

.newsDetail .textCont { padding-top: 30px; padding-bottom: 30px; position: relative; }

.newsDetail .textCont:after { content: ""; height: 1px; left: 0; right: 24%; bottom: 0; background: #F2F5FA; position: absolute; }

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



.dan .textCont { padding-top: 30px; }
.dan .wrap { margin-bottom: 40px; }
.dan .wrap:nth-child(2n) .left { float: right; }
.dan .wrap:nth-child(2n) .rig { float: left; }
.dan .left { width: 80%; }
.dan .rig { width: 20%; font-size: 30px;color:#008645;text-align: center;}
.dan .slick-prev:before { content: "\e667"; }
.dan .slick-next:before { content: "\e668"; }
.dan .slick-prev, .dan .slick-next { font-size: 16px; color: #000; width: 30px; height: 30px; line-height: 30px; background: rgba(255, 255, 255, 0.3); margin-top: -15px; border-radius: 50%; }


.recommendCase { padding: 7.33333% 7.33333% 0; }

.recommendCase .wrap { margin-bottom: 11.71875%; width: 100%; }

.recommendCase .wrap:last-child { margin-bottom: 0; }

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

.recommendCase .wrap:hover .tit a { color: #008645; }

.recommendCase .pubImgCont { padding-top: 66.51584%; }

.recommendCase .tit { font-size: 14px; font-weight: bold; text-align: center; margin-top: 17px; }

.recommendCase .tit a { color: #000; }



@media screen and (max-width: 875px) { #aside.caseAside { position: static; }

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

  .recommendCase { padding: 0; }

  .recommendCase .wrap { width: 47%; margin-bottom: 30px; } }

.solution { width: 73.61111%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fff; position: relative; min-height: 700px; }

.solution .insideTit { background: #fff; padding-left: 5.66038%; padding-top: 4.71698%; border-bottom: 0; position: relative; }

.solution .insideTit:before { content: ""; width: 23.7%; position: absolute; top: 0; bottom: 0; left: 100%; background: #fff; }

.solution .solutionWrap { padding-left: 5.66038%; padding-bottom: 4.71698%; position: relative; min-height: 700px;}

.solution .solutionWrap:before { display: block; content: ""; width: 129.7%; position: absolute; left: 0; top: 0; bottom: 0; background: url(../img/solution_bg.jpg); background-size: cover; }

.solution .cont { padding-top: 6%; }

.solution .line { width: 21%; }

.solution .box { width: 21%; margin-bottom: 3%; }

.solution .box:hover .tit { filter: alpha(opacity=0); opacity: 0; }

.solution .pubImgCont { background: #fff; width: 100%; height: 100%; padding-top: 0; }

.solution .pubImgCont img { width: 90%; }

.solution .placeH { width: 100%; padding-top: 100%; position: relative; background: #008645; }

.solution .wrap { position: absolute; width: 98%; height: 98%; background: #008645; top: 1%; left: 1%; }

.solution .placeH, .solution .wrap { overflow: hidden; box-sizing: border-box; -webkit-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%); -moz-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%); -o-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%); -ms-clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%); }

.solution .tit { display: block; width: 100%; padding: 7.14286% 10px; text-align: center; background: rgba(0, 134, 69, 0.5); position: absolute; left: 0; bottom: 26.19048%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-weight: bold; color: #fff; }

.solution .pageNum { margin-top: 20px; position: relative; }



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

  .solution .solutionWrap:before { display: none; }

  .solution .insideTit { padding: 20px 0 10px; border-bottom: 1px solid #d3d8dc; }

  .solution .solutionWrap { padding-left: 0; }

  .solution .cont { padding-top: 30px; }

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

  .solution .box { margin-bottom: 30px; } }

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

.contactForm .proForm { margin-top: 0; }



#map { margin-top: 6%; }



#aside.contactAside { padding-bottom: 0; }

#aside.contactAside .msg { padding: 16.66667% 16.66667% 76.66667%; text-align: left; font-family: Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; }

#aside.contactAside .msg li { margin-bottom: 10.71429%;  color: #000; }

#aside.contactAside .msg li span { display: block;color: #008645;font-weight: bold; }

#aside.contactAside .msg li a { font-weight: normal; color: #000; }

#aside.contactAside .msg li a:hover { text-decoration: underline; }

@media screen and (max-width: 1400px){
  #aside.contactAside .msg {padding: 16.66667% 10.66667% 76.66667%;}
}

@media screen and (max-width: 875px) { #aside.contactAside .msg li span { display: inline-block; }

  #aside.contactAside { width: 100%; position: static; box-shadow: none; }

  #aside.contactAside .asideTitle { font-size: 24px; font-weight: bold; color: #000; text-transform: uppercase; line-height: 1; background: #fff; box-shadow: 0 0 0; position: relative; padding: 0; margin-top: 30px; }

  #aside.contactAside .asideTitle:after { display: none; }

  #aside.contactAside .msg { padding: 20px 0 0 0; text-align: left; }

  #aside.contactAside .msg li { margin-bottom: 20px; }

  #map { margin-top: 40px; } }

.playBtn { width: 70px; height: 70px; background: rgba(255, 255, 255, 0.8); position: absolute; top: 50%; left: 50%; border-radius: 50%; 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; display: block; margin-top: -35px; margin-left: -35px; }

.playBtn:after { display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: rgba(0, 0, 0, 0.8); margin-top: 10px; margin-left: 10px; content: "\e620"; text-align: center; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; color: white; font-size: 26px; 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; box-sizing: border-box; padding-left: 3px; }

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



.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: #008645; color: #fff; }



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



.prenext div { padding-right: 3px; color: #b8b8b8; }



.prenext a { font-size: 16px; color: #008645; font-weight: bold; text-transform: none; }



.shareBox { margin-top: 30px; }



#menuBtn { background: #008645; }



#footerToolBar { background: #008645; }



.indexBanner .item { display: none; }



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



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



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

#chatToolBox li#chatToolMail{background:#008645;}

.facebook{margin-top: 20px;}