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 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -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, .wid { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -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; }

.news .bot .box .text:first-letter { text-transform: capitalize; }

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

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: 'bebasneue'; src: url("../font/bebasneue.eot"); src: local("Bebas Neue"), url("../font/bebasneue.eot?#iefix") format("embedded-opentype"), url("../font/bebasneue.woff") format("woff"), url("../font/bebasneue.woff2") format("woff2"), url("../font/bebasneue.ttf") format("truetype"), url("../font/bebasneue.svg#bebasneue") format("svg"); }
@font-face { font-family: 'universltstd'; src: url("../font/universltstd-boldcn.eot"); src: local("universltstd-boldcn"), url("../font/universltstd-boldcn.eot?#iefix") format("embedded-opentype"), url("../font/universltstd-boldcn.woff") format("woff"), url("../font/universltstd-boldcn.woff2") format("woff2"), url("../font/universltstd-boldcn.ttf") format("truetype"), url("../font/universltstd-boldcn.svg#universltstd-boldcn") 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: 1410px; 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; }

.justify .box > a > span { line-height: 1.2; text-transform: capitalize; margin-top: 8px; display: block; }

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

#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: 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 { opacity: 0.7; }
@media screen and (max-width: 900px) { #goTop { margin-bottom: 50px; } }

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

.wid { width: 92%; max-width: 1200px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1366px) { .wid { width: 88%; } }
@media screen and (max-width: 1300px) { .wid { width: 90%; } }
@media screen and (max-width: 1000px) { .wid { width: 100%; padding-left: 10px; padding-right: 10px; } }

#header { position: relative; }


.share { margin-top: 25px; display: inline-block;  margin-bottom: 23px; }
.share a { display: block; font-size: 28px; width: 34px; height: 34px; line-height: 34px; text-align: center; vertical-align: middle; font-weight: normal; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; color: white; border-radius: 3px; background: white; }
.share a:first-child { margin-bottom: 10px; background: #3a5898; }
.share a:first-child:before { content: "\e62c"; }
.share a:last-child { background: #de1829; }
.share a:last-child:before { content: "\e631"; }
.share a:hover { filter: alpha(opacity=70); opacity: 0.7; }

.lang { height: 40px; border-radius: 20px; line-height: 36px; text-align: center; color: #2ca9ff; cursor: pointer; box-sizing: border-box; position: relative; border: 2px solid #2ca9ff; text-transform: uppercase; font-size: 12px; padding-right: 20px; padding-left: 20px; margin-right: 30px; margin-top: 42px; margin-bottom: 37px; margin-left: 15px; font-weight: bold; }
.lang ul { width: 100%; height: 0; overflow: hidden; position: absolute; top: 100%; left: 0; z-index: 99; text-transform: capitalize; transition: 0.7s all ease; -moz-transition: 0.7s all ease; -webkit-transition: 0.7s all ease; -o-transition: 0.7s all ease; -ms-transition: 0.7s all ease; }
.lang ul a { width: 100%; display: block; box-sizing: border-box; border: 2px solid #2ca9ff; border-radius: 22px; height: 40px; margin-top: 3px; line-height: 36px; background: white; color: #2ca9ff; }
.lang ul a:hover { background: #2ca9ff; color: white; }
.lang ul li { width: 100%; }
.lang:hover ul { height: 90px; }

#nav { line-height: 1; display: inline-block; margin-top: 58px; }
#nav > li { display: inline-block; padding: 0 10px 60px; font-weight: bold; }
#nav > li > a { color: black; display: inline-block; text-transform: uppercase; position: relative; }
#nav > li > a:before { height: 1px; background: #2ca9ff; position: absolute; bottom: -5px; left: 0; content: ""; width: 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; }
#nav > li > a:after { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e64e"; width: 20px; text-align: center; position: absolute; bottom: -38px; left: 50%; margin-left: -10px; color: #2ca9ff; filter: alpha(opacity=0); opacity: 0; }
#nav > li > ul { position: absolute; width: 100%; left: 0; top: 100%; text-align: center; height: 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; z-index: 9; line-height: 40px; background: #2ca9ff; }
#nav > li > ul > li { box-sizing: border-box; display: inline-block; height: 60px; padding: 0 17px; }
#nav > li > ul > li > a { display: block; font-size: 12px; color: white; font-weight: bold; }
#nav > li > ul > li:hover { background: #388ec8; }
#nav > li:hover > a, #nav > li.active > a { color: #2ca9ff; }
#nav > li:hover > a:before, #nav > li.active > a:before { width: 100%; }
#nav > li.selected:hover > a:after { filter: alpha(opacity=100); opacity: 1; }
#nav > li.selected:hover > ul { height: 40px; }

@media screen and (max-width: 1350px){#nav > li{padding: 0 5px 60px;}}
@media screen and (max-width: 1200px) { .topRight { text-align: right; }
  #nav { display: block; margin-top: 30px; float: none; }
  .share a { display: inline-block; }
  .share a:first-child { margin-bottom: 0; margin-right: 10px; }
  .share { display: inline-block; margin-top: 23px; float: none; margin-bottom: 0; }
  .lang { display: inline-block; margin-top: 20px; margin-bottom: 0; float: none; }
  #nav > li { padding: 0 2px 20px; } }
@media screen and (max-width: 875px) {
  .topRight { width: 100%; margin-right: 0; text-align: center; float: none; padding-bottom: 10px; }
  .lang { float: none; display: inline-block; margin-top: 10px; margin-left: 10px; margin-right: 0; }
  .share { float: none; margin-top: 10px; }
  #menuBtn { display: block; }
  #nav { width: 260px; position: fixed; float: none; top: 72px; right: 10px; z-index: 100; margin: 0; display: none; background: #2ca9ff; }
  #nav > li { float: none; margin: 0; display: block; text-align: center; margin-bottom: 1px; line-height: 1; padding: 0; }
  #nav > li > ul { border-top: 0; }
  #nav > li > a { padding: 12px 0; display: block; color: white; }
  #nav > li > a:before { display: none; }
  #nav > li > a:after { display: none; }
  #nav > li:hover, #nav > li.active { background: #388ec8; }
  #nav > li:hover a, #nav > li.active a { color: white; }
  #nav > li:last-child { border-bottom: 0; }
  #nav > li:hover ul { display: none; } }
.bannerCont { position: relative; }

.smBannerCont { position: absolute; width: 100%; left: 0; bottom: 0; margin-bottom: -50px; }
.smBannerCont .smBanner { border-radius: 20px 20px 0 0; padding: 19px 10px; box-sizing: border-box; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2) inset; background: #f0f0f0; }
.smBannerCont .btn { background: #e5e5e5; font-weight: bold; width: 95%; cursor: pointer; margin: 0 auto; border-radius: 10px; padding: 0 20px; box-sizing: border-box; display: table; color: white; height: 62px; 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; }
.smBannerCont .btn:after { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; width: 20px; content: "\e656"; position: absolute; top: 0; left: 50%; margin-left: -10px; color: #2ca9ff; z-index: 999; text-align: center; line-height: 1; font-size: 20px; margin-top: -13px; 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; }
.smBannerCont .btn i { display: table-cell; vertical-align: middle; font-size: 40px; line-height: 1; font-family: "universltstd", Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; }
.smBannerCont .btn div { display: table-cell; vertical-align: middle; padding-left: 10px; color: #666; line-height: 1.2; 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; }
.smBannerCont .btn:hover { background: #2ca9ff; }
.smBannerCont .btn:hover div { color: white; }
.smBannerCont .selected > .btn { background: #2ca9ff; }
.smBannerCont .selected > .btn:after { filter: alpha(opacity=100); opacity: 1; }
.smBannerCont .selected > .btn div { color: white; }
.smBannerCont .slick-list { padding: 0 !important; overflow: visible; }
.smBannerCont .slick-track { transform: translate3d(0px, 0px, 0px) !important; }

@media screen and (max-width: 875px) { .smBannerCont { display: none; } }
.bigBg { background: url(../img/body_bg.jpg); background-size: cover; padding-top: 80px; overflow: hidden; }

.showPro .left { width: 64.16667%; }
.showPro .left .box { width: 48.7013%; }
.showPro .left .box .imgCont { padding-top: 66.66667%; position: relative; overflow: hidden; display: block; }
.showPro .left .box .imgCont img { width: 100%; position: absolute; top: 0; left: 0; }
.showPro .left .box .imgCont:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); }
.showPro .left .box .cont { padding: 0 5.33333%; background: white; overflow: hidden; border-bottom: 1px solid #ccc; }
.showPro .left .box .cont .tit { font-size: 14px; color: #2ca9ff; line-height: 1; margin-top: 8%; font-weight: bold;}
.showPro .left .box .cont .more { margin-top: 6.66667%; display: inline-block; font-size: 12px; color: #333; line-height: 1; margin-bottom: 8%; }
.showPro .left .box .cont .more:after { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e63d"; display: inline-block; vertical-align: middle; margin-left: 5px; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; }
.showPro .left .box .cont .more:hover { color: #2ca9ff; }
.showPro .rig { width: 31.66667%; }
.showPro .rig .title { font-family: "bebasneue", Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; font-size: 34px; color: #000; line-height: 1; margin-top: 11.84211%; }
.showPro .rig .text { color: #666; line-height: 24px; max-height: 96px; overflow: hidden; margin-top: 5.26316%; 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; }
.showPro .rig .moreCont { padding: 7px 0; display: inline-block; margin-top: 13.15789%; width: 7.89474%; }
.showPro .rig .more { width: 100%; height: 1px; background: black; display: inline-block; position: relative; color: black; }
.showPro .rig .more:after { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e635"; position: absolute; left: 100%; top: 0; height: 10px; line-height: 1; margin-top: -6px; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; -ms-transition: 0s; }
.showPro .rig:hover .text { color: black; }
.showPro .rig:hover .more { background: #2ca9ff; color: #2ca9ff; }

@media screen and (max-width: 875px) { .bigBg { padding-top: 30px; }
  .showPro .left { width: 100%; margin-top: 30px; }
  .showPro .rig { width: 100%; }
  .showPro .rig .title { margin-top: 0; }
  .showPro .rig .text { margin-top: 15px; }
  .showPro .rig .moreCont { margin-top: 20px; } }
@media screen and (max-width: 400px) { .showPro .left .box { width: 100%; margin-bottom: 20px; }
  .showPro .left .box .cont .tit { font-size: 16px; } }
.searchCont { margin-top: 30px; padding: 1.05263%; background: url(../img/search_bg.jpg); background-size: cover; }
.searchCont .left { width: 67.08333%; }
.searchCont .left .searchForm { position: relative; }
.searchCont .left .search { background: white; height: 104px; padding: 0 50px 0 30px; font-size: 20px; }
.searchCont .left .search.focusOn + label, .searchCont .left .search:focus + label { display: none; }
.searchCont .left label { font-size: 20px; color: #b8b8b8; height: 104px; line-height: 104px; position: absolute; left: 30px; top: 0; }
.searchCont .left .searchBtn { width: 50px; height: 104px; line-height: 104px; position: absolute; right: 0; top: 0; background: none; text-align: left; }
.searchCont .left .searchBtn:before { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; content: "\e655"; color: black; font-size: 24px; }
.searchCont .rig { width: 32.91667%; height: 104px; background: #2ca9ff; padding: 0 20px; box-sizing: border-box; display: table; }
.searchCont .rig span { display: table-cell; font-size: 20px; color: white; vertical-align: middle; }
.searchCont .rig span:after { font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 24px; content: "\e63c"; vertical-align: middle; display: inline-block; margin-left: 20px; 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; }
.searchCont .rig:hover span:after { margin-left: 30px; }

@media screen and (max-width: 700px) { .searchCont { padding: 10px; }
  .searchCont .left { width: 100%; }
  .searchCont .left .search { height: 50px; padding: 0 50px 0 10px; }
  .searchCont .left label { height: 50px; line-height: 50px; left: 10px; font-size: 14px; }
  .searchCont .left .searchBtn { height: 50px; line-height: 50px; text-align: center; }
  .searchCont .rig { width: 100%; height: 50px; padding: 0 10px; }
  .searchCont .rig span { font-size: 14px; } }
.other { margin-top: 30px; }
.other .left { width: 40.83333%; }
.other .left .cont { display: block; padding: 0 28px; box-sizing: border-box; overflow: hidden; }
.other .left .cont .tit { display: block; font-family: Calibri, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 30px; color: white; line-height: 1; margin-top: 40px; font-weight: bold; text-transform: capitalize; }
.other .left .cont .text { display: block; color: white; line-height: 24px;height: 48px; overflow: hidden; margin-top: 10px; margin-bottom: 38px; }
.other .left .cont.company { background: #949494; }
.other .left .cont.service { background: #505050; }
.other .left .cont.process { background: #2ca9ff; }
.other .rig { width: 59.16667%; }
.other .rig .imgCont { display: block; height: 498px; overflow: hidden; position: relative; }
.other .rig .imgCont img { display: block; width: 150%; margin-left: -25%; max-width: none; }
.other .rig .imgCont .playBtn { width: 88px; height: 88px; background: rgba(255, 255, 255, 0.3); position: absolute; top: 50%; left: 50%; margin-top: -44px; margin-left: -44px; 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; }
.other .rig .imgCont .playBtn:after { display: block; width: 60px; height: 60px; border-radius: 50%; background: rgba(0, 0, 0, 0.7); margin-top: 14px; margin-left: 14px; content: "\e620"; line-height: 60px; text-align: center; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; color: white; font-size: 30px; 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; }
.other .rig .imgCont .playBtn:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.8); }

@media screen and (max-width: 900px) { .other .left .cont .tit { font-size: 20px; margin-top: 20px; }
  .other .left .cont .text { margin-bottom: 20px; }
  .other .rig .imgCont { height: 354px; } }
@media screen and (max-width: 700px) { .other .left { width: 100%; float: none; }
  .other .rig { width: 100%; float: none; } }
.industry { margin-top: 2.63158%; }

.pubTitle { line-height: 1; padding-bottom: 10px; border-bottom: 1px solid #d3d8dc; }
.pubTitle .box { vertical-align: bottom; }
.pubTitle span { font: 34px/.8 "bebasneue",Arial, Helvetica, "Microsoft YaHei", SimSun, Sans-serif; color: black; text-transform: uppercase; }
.pubTitle .more { font-weight: bold; color: black; }
.pubTitle .more:hover { color: #2ca9ff; }

.indusCont { margin-top: 10px; }
.indusCont .line { width: 23.33333%; }
.indusCont .box { width: 23.33333%; }
.indusCont .box .imgCont { display: block; overflow: hidden; }
.indusCont .box .imgCont img { width: 100%;display: block; }
.indusCont .box .tit { font-weight: bold; color: black; font-size: 16px; line-height: 1; margin-top: 20px; }
.indusCont .box .text { color: #8d8d8d; line-height: 24px; max-height: 72px; overflow: hidden; margin-top: 10px; 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; }
.indusCont .box:hover .imgCont img { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); }
.indusCont .box:hover .text { color: black; }

@media screen and (max-width: 875px) { .industry { margin-top: 40px; }
  .indusCont .box { width: 47%; margin-bottom: 30px; } }
.production { margin-top: 2.10526%; margin-bottom: 2.63158%; }
.production #proDes { margin-top: 10px; }
.production #proDes #tags li.selected { background: #2ca9ff; }
.production #proDes #tags li { background: #b0b0b0; color: white;height: 40px; }
.production #proDes .tagContent { padding: 30px; }
.production #proDes .tagContent .box{width:47%;vertical-align: middle;}
.production #proDes .tagContent .text { color: #8d8d8d; line-height: 24px; max-height: 288px; overflow: hidden; }
.production #proDes .tagContent .imgCont { /*display: block;*/ margin-top: 10px; /*padding-top: 14.95163%; position: relative; overflow: hidden;*/ }
/*.production #proDes .tagContent .imgCont img { position: absolute; top: 0; left: 0; width: 100%; }*/
@media screen and (max-width: 875px) {.production #proDes .tagContent .box{width:100%;}}
#footer { border-top: 1px solid #d3d8dc; }
#footer .footerTop { position: relative; padding-top: 4.47368%; padding-bottom: 6.31579%; }
#footer .footerTop dl { margin-right: 20px; }
#footer .footerTop dl.aboutDl { width: 13.25%; }
#footer .footerTop dl.proDl { width: 15%; }
#footer .footerTop dl.appDl{width:15%;}
#footer .footerTop dl.facDl { width: 15.58333%; }
#footer .footerTop dl.contactDl { width: 21.66667%; box-sizing: border-box; }
#footer .footerTop dl.contactDl dt{padding-left: 10px;}
#footer .footerTop dl.contactDl dd { padding-left: 35px; position: relative; margin-bottom: 15px; }
#footer .footerTop dl.contactDl dd:before { display: block; width: 35px; height: 30px; position: absolute; top: 50%; left: 0; margin-top: -15px; color: #8d8d8d; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; line-height: 30px; text-align: center; font-size: 14px; }
#footer .footerTop dl.contactDl dd.tel:before { content: "\e6b4"; }
#footer .footerTop dl.contactDl dd.fax:before { content: "\e6b5"; }
#footer .footerTop dl.contactDl dd.eml:before { content: "\e604"; font-size: 12px; }
#footer .footerTop dl.contactDl dd.sky:before { content: "\e6b7"; }
#footer .footerTop dl.contactDl dd.app:before { content: "\e6b8"; }
#footer .footerTop dl.contactDl dd.mob:before { content: "\e6b6"; font-size: 16px; }
#footer .footerTop dl.shareDl { width: 110px; text-align: left;}
#footer .footerTop dl.shareDl>a { color: white; font-size: 36px; width: 42px; height: 42px; line-height: 42px; text-align: center; display: inline-block; vertical-align: top; font-weight: normal; font-family: icomoon; border-radius: 3px; background: black; }
#footer .footerTop dl.shareDl>a:hover { background: #2ca9ff; }
#footer .footerTop dl.shareDl .sharefb:before { content: "\e62c"; }
#footer .footerTop dl.shareDl .shareyt { margin-left: 22px; }
#footer .footerTop dl.shareDl .shareyt:before { content: "\e631"; }
#footer .footerTop dl dt { margin-bottom: 20px; color: #8d8d8d; text-transform: capitalize; }
#footer .footerTop dl dd { margin-bottom: 10px; font-size: 12px; color: black; font-weight: bold; }
#footer .footerTop dl dd a { color: black; }
#footer .footerTop dl dd a:hover { color: #2ca9ff; }
#footer .footerTop dl:last-child { margin-right: 0; }
#footer .footerBot { border-top: 1px solid #d3d8dc; background: #6e6c70; box-sizing: border-box; }
#footer .footerBot .cont { padding: 3.15789% 0 3.42105%; width: 107.02128%; font-weight: bold; }
#footer .footerBot .cont > div { color: white; }
#footer .footerBot .cont > div > a { color: white; text-transform: uppercase; }
#footer .footerBot .cont > div > a:hover { color: #2ca9ff; }


@media screen and (max-width: 875px) { .pubTitle span { font-size: 24px; }
  .production #proDes .tagContent { padding: 10px; }
  .production #proDes #tags li { height: 40px; text-align: left; }
  .bigBg { background: none; }
  #footer .footerTop:before { display: none; }
  #footer .footerTop { width: 100%; margin-top: 10px; margin-bottom: 10px; }
  #footer .footerTop dl.aboutDl, #footer .footerTop dl.facDl, #footer .footerTop dl.proDl,#footer .footerTop dl.appDl { display: none; }
  #footer .footerTop dl.contactDl { width: 100%; float: none; }
  #footer .footerTop dl.contactDl dd { display: inline-block; margin-right: 20px; }
  #footer .footerTop dl.contactDl dd:last-child { margin-right: 0; }
  #footer .footerTop dl.shareDl { float: none; margin-top: 20px; }
  #footer .footerTop dl dt { margin-bottom: 10px; }
  #footer .footerBot { width: 100%; padding: 0 10px; box-sizing: border-box; } }
.pubHeader #nav > li > ul { z-index: 9; display: none; height: 40px; }
.pubHeader #nav > li.active > ul { z-index: 8; }
.pubHeader #nav > li:hover > ul, .pubHeader #nav > li.active > ul { display: block; }
.pubHeader #nav > li.active > a:after { filter: alpha(opacity=100); opacity: 1; }
.pubHeader #nav > li.af > a:after { filter: alpha(opacity=0); opacity: 0; }


@media screen and (max-width: 875px) { .pubHeader { padding-bottom: 0; } }
.crumbs { background: url(../img/crumbs_bg.jpg) center center; overflow: hidden; text-align: center; height: 140px; margin-top: 40px; background-size: cover; }
.crumbs .title { font-size: 40px; color: black; font-weight: bold; text-transform: capitalize; margin-top: 35px; }
.crumbs .smallNav { margin-top: 10px; font-size: 12px; }
.crumbs .smallNav a { color: black; text-transform: capitalize; }
.crumbs .smallNav a:hover { color: #2ca9ff; }

@media screen and (max-width: 875px) { .crumbs { height: auto; margin-top: 0; }
  .crumbs .title { font-size: 20px; }
  .crumbs .smallNav { margin-bottom: 10px; } }
.products .pageNum { margin-top: 30px; }

.products { position: relative; padding-bottom: 2.10526%; }
.products .cont { padding-top: 2.63158%; padding-bottom: 2.63158%; background: #eaeaea; }
.products .cont .rig { width: 24.10526%; margin-right: 24.94737%; float: right; }
.products .cont .rig .imgCont { display: block; overflow: hidden; position: relative; }
.products .cont .rig .imgCont img { width: 100%; display: block; }
.products .cont .rig:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); }
.products .cont .left { width: 22.63158%; margin-left: 24.47368%; float: left; color: #000; }
.products .cont .left .tit { font-size: 32px; margin-top: 14.28571%; }
.products .cont .left .text { font-size: 12px; line-height: 24px; max-height: 72px; overflow: hidden; margin-top: 5px; color: #8d8d8d; }
.products .cont .left .more { padding: 10px 25px; display: inline-block; border: 1px solid #bbbbbb; border-radius: 20px; line-height: 1; color: #bbbbbb; margin-top: 7.14286%; }
.products .cont .left .more:hover { background: #2ca9ff; color: white; }
.products .cont.diff { background: white; }
.products .cont.diff .left { float: right; margin-right: 21.89474%; margin-left: 0; }
.products .cont.diff .rig { float: left; margin-left: 24.73684%; margin-right: 0; }

@media screen and (max-width: 1400px) { .products .cont .left .tit { margin-top: 0; } }
@media screen and (max-width: 875px) { .products .cont { padding: 40px 10px; }
  .products .cont .left { width: 47%; margin-left: 0; }
  .products .cont .rig { width: 47%; margin-right: 0; }
  .products .cont .rig .tit { margin-top: 0; font-size: 20px; }
  .products .cont.diff .left { margin-right: 0; }
  .products .cont.diff .rig { margin-left: 0; } }
@media screen and (max-width: 500px) { .products .cont .left { width: 100%; }
  .products .cont .rig { width: 100%; margin-top: 20px; }
  .products .cont .left .more { margin-top: 15px; }
  .products .cont .rig .more { margin-top: 15px; margin-bottom: 0; } }
.content { position: relative; }

#aside { width: 22.5%; box-sizing: border-box; background: #ffffff; }
#aside .asideTitle { padding: 22.22222% 10px 20px 0; font-size: 30px; color: #000; line-height: 1; }
#aside .asideList { padding-bottom: 18.51852%; }
#aside .asideList > li { margin-bottom: 20px; position: relative; }
#aside .asideList > li > a { display: block; padding: 13px 10px 13px 3.28571%; color: #000; text-transform: capitalize; line-height: 1;font-size:16px;font-weight:bold; }
#aside .asideList > li>a:hover, #aside .asideList > li.active >a{ background: #2ca9ff; }
#aside .asideList > li > a:hover, #aside .asideList > li.active > a { color: white; }
#aside .asideList > li > ul {  width: 100%; }
#aside .asideList > li > ul > li > a { padding: 13px 10px 13px 6.28571%; color: #000; display: block; line-height: 1; }
#aside .asideList > li > ul > li>a:hover, #aside .asideList > li > ul > li.active>a { color: #2ca9ff; }

@media screen and (max-width: 875px) { .content { position: relative; padding-top: 50px; }
  #aside { width: 100%; position: absolute; top: 0; left: 0; z-index: 99; padding-top: 0; margin-left: 0; float: none; }
  #aside .asideTitle { background: #2ca9ff; color: white; padding: 13px 70px 13px 10px; line-height: 1; cursor: pointer; margin-bottom: 1px; box-sizing: border-box; }
  #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; right: 10px; top: 0; margin-left: -50px; z-index: 99; font-size: 12px; background: none; }
  #aside .asideList { display: none; padding: 0; }
  #aside .asideList > li { background: #2ca9ff; }
  #aside .asideList > li > a { color: white; padding-right: 10px; padding-left: 10px; }
  #aside .asideList > li:hover, #aside .asideList > li.active { background: #388ec8; }
  #aside .listside:after { content: "Close \e636"; }
  #aside .asideList:before { display: none; } }
@media screen and (max-width: 700px) { #aside .asideTitle { font-size: 16px; }
  #aside .asideTitle:after { top: -5px; } }
.mainRig { width: 75%; }

.proList { margin-top: 5.61798%; padding-bottom: 5.61798%; font-family: cambria math, 'Microsoft YaHei', SimSun, sans-serif;}
.proList .text { color: #8d8d8d; line-height: 24px; font-size: 12px; }
.proList .cont { margin-top: 25px; }
.proList .line { width: 31.01124%; }
.proList .box { width: 31.01124%; margin-bottom: 30px; }
.proList .box .imgCont { overflow: hidden; position: relative; text-align: center; }
.proList .box .imgCont img {width:100%;display: block; }
.proList .box .title { display: table; width: 100%; height: 77px; font-size: 14px; color: black; font-weight: bold; background: #ebebeb; padding: 0 7.24638%; box-sizing: border-box;text-transform: capitalize; }
.proList .box .title span { display: table-cell; vertical-align: middle; }
.proList .box:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); }
.proList .box:hover .title span { color: #2ca9ff; }

@media screen and (max-width: 875px) { .mainRig { width: 100%; }
  .proList .box, .proList .line { width: 30%; } }
@media screen and (max-width: 600px) { .proList .box { width: 47%; } }
@media screen and (max-width: 450px) { .proList .box { width: 100%; } }
.proDetail { margin-top: 0px; margin-bottom: 5.61798%; }

.ProDetCont .box{vertical-align: bottom;}
.ProDetCont .proBanner { width: 59.55056%; border: 1px solid #d3d8dc; }
.ProDetCont .proBanner .slick-dots { top: 100%; bottom: auto; margin-top: 10px; text-align: right; }
.ProDetCont .proBanner .slick-dots li { margin-right: 0; margin-left: 10px; }
.ProDetCont .proBanner .slick-dots li button { background: #a4a8ab; }
.ProDetCont .proBanner .slick-dots li.slick-active button { background: black; }
.ProDetCont .rig { width: 35.95506%; margin-bottom: -35px;}
.ProDetCont .rig .title { font-size: 30px; color: black; line-height: 1;  padding-left: 5px; box-sizing: border-box; }
.ProDetCont .rig .detailContact { margin-top: 13.75%; }
.ProDetCont .rig .detailContact .playBtn { width: 80px; height: 80px; display: block; border-radius: 40px; background: url(../img/ship.jpg) center center no-repeat; line-height: 80px; text-align: center; color: white; }
.ProDetCont .rig .detailContact .playBtn:before { content: ""; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 40px; display: inline-block; margin-left: 5px; }
.ProDetCont .rig .detailContact .playBtn:hover { filter: alpha(opacity=70); opacity: 0.7; }
.ProDetCont .rig .detailContact ul{margin-top: 28%;margin-bottom: 28%;}
.ProDetCont .rig .detailContact ul li { padding-left: 35px; color: #8d8d8d; margin-bottom: 20px; position: relative; font-size: 12px; }
.ProDetCont .rig .detailContact ul li a { color: #8d8d8d; }
.ProDetCont .rig .detailContact ul li a:hover { color: #2ca9ff; }
.ProDetCont .rig .detailContact ul li:after { width: 35px; height: 35px; position: absolute; top: 0; left: 0; display: block; z-index: 90; content: ""; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; text-align: center; }
/*
.ProDetCont .rig .detailContact ul .tel:after { content: "\e609"; font-size: 28px; margin-top: -12px; color: black; }
.ProDetCont .rig .detailContact ul .sky:after { content: "\e632"; font-size: 25px; color: #00aff0; margin-top: -9px; }
.ProDetCont .rig .detailContact ul .eml:after { content: "\e67f"; font-size: 20px; color: #d56d6d; margin-top: -8px; }
*/
.ProDetCont .rig .detailContact ul .tel:after { content: ""; background: url(../img/tel.jpg) center center no-repeat; margin-top: -12px;}
.ProDetCont .rig .detailContact ul .sky:after { content: ""; background: url(../img/sky.jpg) center center no-repeat; margin-top: -9px;}
.ProDetCont .rig .detailContact ul .eml:after { content: ""; background: url(../img/email.jpg) center center no-repeat; margin-top: -8px;}

.ProDetCont .rig .detailContact ul .web:after { content: ""; background: url(../img/web.png) center center no-repeat; margin-top: -11px;}

@media screen and (max-width: 1050px) { .ProDetCont .rig .detailContact ul { width: 100%; font-size: 12px; margin-top: 25px; margin-bottom: 15px;}
  .ProDetCont .rig .title { margin-top: 0; } }
  @media screen and (max-width: 875px){
    .ProDetCont .rig{margin-bottom: 0;}
  }
@media screen and (max-width: 600px) { .ProDetCont .videoContent { width: 100%; }
  .ProDetCont .rig { width: 100%; }
  .ProDetCont .rig .title { margin-top: 30px; font-size: 20px; }
  .ProDetCont .rig .des { margin-top: 15px; }
  .ProDetCont .rig .detailContact { margin-top: 20px; }
  .ProDetCont .rig .shareBox { margin-top: 20px; } }
.proDetTags #tags { text-transform: capitalize; margin-top: 7.30337%; }
.proDetTags #proDes #tags li { background: #e8e8e8; }
.proDetTags #proDes #tags li.selected { background: #2ca9ff; }

#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) { #proDes #tags li { text-align: center; margin-bottom: 1px; }
  .proDetTags #proDes #tags { margin-top: 30px; } }
.proForm { margin-top: 40px; width: 100%; }

.news { padding-top: 6.74157%; padding-bottom: 5.61798%; }
.news .bot .line { width: 30%; }
.news .bot .box { width: 30%; margin-bottom: 4%; }
.news .bot .box .newsImg { overflow: hidden; position: relative; transition: 0.7s all ease; -moz-transition: 0.7s all ease; -webkit-transition: 0.7s all ease; -o-transition: 0.7s all ease; -ms-transition: 0.7s all ease; }
.news .bot .box .newsImg img { width: 100%; display: block; }
.news .bot .box .newsImg .date { width: 60px; height: 60px; border-radius: 30px; overflow: hidden; position: absolute; top: 20px; left: 20px; }
.news .bot .box .newsImg .date span { display: block; color: white; font-size: 12px; text-align: center; padding-top: 8px; box-sizing: border-box; z-index: 2; position: relative; }
.news .bot .box .newsImg .date span:first-line { font-size: 30px; color: #2ca9ff; line-height: 30px; }
.news .bot .box .newsImg .date:before { display: block; content: ""; width: 100%; height: 22px; background: #2ca9ff; position: absolute; top: 38px; left: 0; z-index: 1; }
.news .bot .box .newsImg .date:after { display: block; content: ""; width: 100%; height: 38px; background: white; position: absolute; top: 0; left: 0; }
.news .bot .box .newsTitle { font-size: 16px; color: #000; font-weight: bold; text-transform: uppercase; margin-top: 15px; }
.news .bot .box .text { font-size: 12px; color: #8d8d8d; font-weight: normal; text-transform: none; line-height: 24px; margin-top: 7px; max-height: 72px; overflow: hidden; transition: 0.7s all ease; -moz-transition: 0.7s all ease; -webkit-transition: 0.7s all ease; -o-transition: 0.7s all ease; -ms-transition: 0.7s all ease; }
.news .bot .box:hover .newsImg { filter: alpha(opacity=70); opacity: 0.7; }
.news .bot .box:hover .text { color: #000; }
.news .bot .line { width: 30%; margin: 0; padding: 0; }

@media screen and (max-width: 875px) { .news { width: 100%; } }
@media screen and (max-width: 600px) { .news .bot .box { width: 47%; } }
@media screen and (max-width: 450px) { .news .bot .box { width: 100%; margin-bottom: 20px; } }
.newsDetail { padding-top: 6.74157%; padding-bottom: 5.61798%; }
.newsDetail .title { font-size: 20px; color: #000; font-weight: bold; text-transform: capitalize; line-height: 1; padding-bottom: 10px; border-bottom: 1px solid #d3d8dc; }
.newsDetail .date { color: #2ca9ff; margin-top: 5px; }
.newsDetail .textCont { margin-top: 20px; padding-bottom: 11.23596%; border-bottom: 1px solid #d3d8dc; }

@media screen and (max-width: 875px) { .newsDetail { width: 100%; } }
.dan { padding-top: 6.74157%; padding-bottom: 5.61798%; }

@media screen and (max-width: 875px) { .dan { padding-top: 30px; padding-bottom: 40px; } }
.contactUs .left { width: 50%; margin-top: 4.25532%; margin-bottom: 3.5461%; }
.contactUs .left #map { width: 77.30496%; margin-left: auto; padding: 6.32911%; background: #ededed; box-sizing: border-box; }
.contactUs .rig { width: 49.5%; margin-top: 4.25532%; margin-bottom: 3.5461%; }

.showContact { padding-left: 7.0922%; box-sizing: border-box; width: 66.66667%; }
.showContact .title { font-size: 20px; color: #2ca9ff; }
.showContact ul { margin-top: 25px; }
.showContact ul li { padding-left: 35px; margin-bottom: 15px; font-size: 12px; position: relative; }
.showContact ul li a:hover { color: #2ca9ff; }
.showContact ul li:before { content: ""; display: block; width: 35px; height: 100%; line-height: 1; position: absolute; top: 0; left: 0; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; color: #000; }
.showContact ul .tel:before { content: "\e603"; font-size: 17px; }
.showContact ul .fax:before { content: "\e6b5"; font-size: 16px; top: 2px; }
.showContact ul .eml:before { content: "\e604"; font-size: 14px; top: 3px; }
.showContact ul .add:before { content: "\e689"; font-size: 16px; left: 1px; }

.contactForm { padding-left: 7.0922%; box-sizing: border-box; width: 66.66667%; margin-top: 7.0922%; }


@media screen and (max-width: 875px) { .contactUs .left { width: 100%; }
  .contactUs .left #map { width: 100%; padding: 20px 10px; }
  .contactUs .rig { width: 100%; padding-top: 0; }
  .showContact { width: 100%; padding: 0; }
  .contactForm { padding-left: 0; width: 80%; } }
@media screen and (max-width: 500px) { .contactForm { width: 100%; } }
.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: #2ca9ff; 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: #2ca9ff; font-weight: bold; text-transform: none; }

.shareBox { margin-top: 30px; }

#menuBtn { background: #2ca9ff; }

#footerToolBar { background: #2ca9ff; }

.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; }
  #pubFoot { margin-bottom: 47px; } }

.searchWrap { float:right;display: inline-block; height: 34px; line-height: 34px; border-radius: 3px; vertical-align: middle; width: 34px; 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; background: none; margin-left: 20px; background: #53ACE8;margin-top: 47px;
  margin-right: 60px;}
.searchWrap:before { content: "\e655"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 24px; color: #fff; }
.searchWrap .searchForm { position: static; text-align: left; }
.searchWrap .searchContent { 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: 99; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.searchWrap .search { width: 320px; height: 40px; 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: 320px; height: 40px; 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: 40px; height: 40px; background: #53ACE8; }
.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; }
.searchWrap.selected .searchContent { height: 40px; }
@media screen and (max-width: 1200px){
  .searchWrap{margin-top: 23px;margin-left: 10px;}
}
@media screen and (max-width: 875px){
  .searchWrap{margin-top: 0;float: none;margin-right: 0;}
  /*.searchWrap { margin-left: 0; width: auto; height: auto; }*/
  /*.searchWrap:before { display: none; }*/
  .searchWrap .searchContent { width: 240px;  right: 50%;margin-right: -120px;}
  .searchWrap .search, .searchWrap label { width: 200px; }
}