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

.productsTags table td:first-child{white-space: nowrap;}

@media screen and (max-width: 500px){
  .productsTags table td:first-child{min-width: 100px;}
}

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


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: 1200px; 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 { font-size: 28px; }



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

#menuBtn:before { 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: #05346b; border: 1px solid #05346b; }



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



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



body { background: #eaeaea; }



#header { width: 100%; position: fixed; background: #fff; height: 126px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); z-index: 1; top: 0; left: 0; z-index: 99; }

#header .center { height: 126px; }



#logo { display: block; padding: 10px 45px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); border-radius: 0 0 20px 20px; }



.lang { width: 100%; text-align: right; margin-top: 30px; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 21px; line-height: 21px; background: url(../img/map.png) right center no-repeat;color: red;}

.lang a { display: inline-block; color: #8d8d8d; margin-right: 30px; font-size: 12px; }

.lang a:last-child { margin-right: 0; }

.lang a:hover { color: #000; }



#nav { text-transform: uppercase; margin-top: 30px; }

#nav > li { display: inline-block; margin-right: 35px; }

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

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

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

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

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

#nav > li.hasUl:hover > ul { height: 48px; }

#nav > li.active > ul { z-index: 10; }

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

#nav > li > ul { position: absolute; width: 100%; top: 100%; left: 0; z-index: 11; text-align: center; transition: 0.3s all ease; -moz-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -o-transition: 0.3s all ease; -ms-transition: 0.3s all ease; box-sizing: border-box; height: 0; line-height: 48px; overflow: hidden; background: #004494; }

#nav > li > ul > li { margin-left: 10px; margin-right: 10px; display: inline-block; }

#nav > li > ul > li:first-child { margin-left: 0; }

#nav > li > ul > li > a { color: #759cc9; }

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



#main { position: relative; margin-top: 126px; background: #F0F0F0; }



@media screen and (max-width: 1200px) { #header { position: static; height: auto; }

  #header .center { height: auto; }

  #main { margin-top: 0; }

  #logo { width: 120px; margin: 10px auto 0; box-shadow: 0 0 0; padding: 0; float: none; }

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

  .lang { float: none; margin-top: 10px; display: inline-block; width: auto;color: #000577; }

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

  #header { text-align: center; }

  #logo { float: none; display: inline-block; margin-top: 10px; margin-bottom: 0; }

  #logo .text { margin-top: 10px; }

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

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

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

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

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

  #nav > li { margin: 0; display: block; text-align: center; background: #004494; border-bottom: 1px solid #3d7dc6; border-top: 1px solid #244f80; 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: #05346b; }

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

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

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

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

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

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

.pubMore { display: inline-block; line-height: 1.1; color: #004494; position: relative; }

.pubMore:before { content: ""; position: absolute; height: 1px; background: #004494; left: 0; right: 0; bottom: 0; }

.pubMore:hover:before { right: 100%; }



#banner .item { position: relative; }

#banner .placeH { position: absolute; width: 27.96875%; left: 21.35417%; top: 0; margin-top: 3.75%; }

#banner .pubImgCont { padding-top: 67.59777%; }

#banner .playBtn { width: 108px; height: 108px; margin-top: -54px; margin-left: -54px; background: rgba(255, 255, 255, 0.5); }

#banner .playBtn:after { width: 78px; height: 78px; line-height: 78px; margin-top: 15px; margin-left: 15px; background: rgba(0, 0, 0, 0.9); font-size: 40px; }

#banner .textCont { position: absolute; width: 27.96875%; right: 21.35417%; top: 0; margin-top: 3.75%; color: #fff; }

#banner .tit { font-size: 60px; line-height: 1.4; font-weight: bold; margin-top: 12.10428%;color:#08122d}

#banner .des { font-size: 26px; line-height: 1.1;color: #052b69 }

#banner .pubMore { color: #fff; margin-top: 8.37989%; }

#banner .pubMore:before { background: #fff; }



@media screen and (max-width: 1600px) { #banner .tit { margin-top: 5.10428%; } }

@media screen and (max-width: 1400px) { #banner .tit { font-size: 60px; } }

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

  #banner .playBtn { width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; }

  #banner .playBtn:after { width: 36px; height: 36px; line-height: 36px; margin-top: 7px; margin-left: 7px; font-size: 20px; } }

.showPro { padding-top: 3.125%; padding-bottom: 2.60417%; text-align: center; }

.showPro .title { display: inline-block; font-size: 30px; font-weight: bold; color: #000; line-height: 1; text-transform: uppercase; }

.showPro .des { font-size: 12px; line-height: 20px; color: #585858; padding-top: 15px; margin-top: 15px; border-top: 1px solid #d3d8dc; padding-left: 19.58333%; padding-right: 19.58333%; }

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

.showPro .wrap .line { width: 17.83333%; }

.showPro .wrap .box { width: 17.83333%; }

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

.showPro .wrap .box:hover .tit { color: #004494; }

.showPro .wrap .pubImgCont { padding-top: 66.82243%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }

.showPro .wrap .tit { display: inline-block; font-weight: bold; color: #000; margin-top: 13px; }



@media screen and (max-width: 875px) { .showPro .des { padding-right: 0; padding-left: 0; }

  .showPro .wrap .box, .showPro .wrap .line { width: 31%; }

  .showPro .wrap .box { margin-bottom: 30px; } }

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

.other { background: #fff; padding-top: 3.125%; padding-bottom: 3.125%; }

.other .titleWrap { padding-bottom: 5px; border-bottom: 1px solid #d3d8dc; }

.other .title { font-size: 20px; color: #000; font-weight: bold; }

.other .center > .box { border: 1px solid #d3d8dc; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; }

.other .center > .box .placeH { position: relative; }

.other .pubMore { font-size: 12px; position: absolute; bottom: 6.66667%; }

.other .wrap { width: 100%; height: 100%; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; }



.showAbout { width: 43.16667%; }

.showAbout .pubImgCont { padding-top: 33.47921%; margin-top: 6.55022%; }

.showAbout .playbtn { width: 74px; height: 74px; line-height: 74px; text-align: center; border-radius: 50%; border: 2px solid #fff; position: absolute; top: 50%; left: 50%; margin-top: -37px; margin-left: -37px; }

.showAbout .playbtn:after { content: "\e63c"; color: #fff; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 35px; }

.showAbout .playbtn:hover { background: rgba(0, 0, 0, 0.5); }

.showAbout .des { font-size: 12px; color: #555; line-height: 20px; max-height: 80px; overflow: hidden; margin-top: 12px; }

.showAbout .pubMore { left: 5.79151%; }

.showAbout .placeH { padding-top: 86.87259%; }

.showAbout .wrap { padding: 5.79151%; }



.showSolution { width: 26%; }

.showSolution .imgCont { width:100%; margin: 6.55022% auto 0; }

.showSolution .des { font-size: 12px; color: #555; line-height: 20px; max-height: 140px; overflow: hidden; margin-top: 13.88889%; }

.showSolution .pubMore { left: 9.61538%; }

.showSolution .placeH { padding-top: 144.23077%; }

.showSolution .wrap { padding: 9.61538%; }



.showCase { width: 26%; }



.showCase .caseBanner { margin-top: 6.55022%; }

.showCase .tit { display: inline-block; font-weight: bold; color: #000; margin-top: 5.95238%; }

.showCase .des { font-size: 12px; color: #555; line-height: 20px; max-height: 60px; overflow: hidden; }

.showCase .pubMore {     left: 9.61538%;}

.showCase .placeH { padding-top: 144.23077%; }

.showCase .wrap { padding: 9.61538%; }

.showCase .slick-slider { position: static; }

.showCase .slick-prev, .showCase .slick-next { top: auto; bottom: 0; height: 55px; line-height: 55px; width: 50%; background: #004494; filter: alpha(opacity=100); opacity: 1; color: #fff; font-size: 30px; }

.showCase .slick-prev { left: 0; }

.showCase .slick-prev:before { content: "\e63b"; }

.showCase .slick-next { right: 0; background: #DBDBDB; }

.showCase .slick-next:before { content: "\e63c"; }



@media screen and (max-width: 875px) { .other .center > .box { width: 100%; border: 0; margin-bottom: 40px; }

  .showAbout .placeH, .showSolution .placeH, .showCase .placeH { padding-top: 0; }

  .other .wrap { padding: 0; position: static; height: auto; }
  .showCase .pubMore {     left: 0;}
  .other .pubMore { position: relative; bottom: auto; }

  .showAbout .pubMore, .showSolution .pubMore { left: auto; margin-top: 20px; }

  .showAbout .pubImgCont { margin-top: 20px; }

  .showSolution .imgCont { margin-top: 30px; }

  .showSolution .des { margin-top: 20px; }

  .showCase .caseBanner { margin-top: 20px; }

  .showCase .placeH { padding-bottom: 70px; } }

.footShare { text-align: right; padding: 0.52632% 0; border-top: 1px solid #d3d8dc; }
.footShare dl{ height: 40px;}
.footShare dl dd{display: inline-block; height: 40px; line-height: 40px; padding: 0 3.33333%; border-right: 1px solid #d3d8dc;float: right}
.footShare > div { display: inline-block; height: 40px; line-height: 40px; padding: 0 3.33333%; border-right: 1px solid #d3d8dc; }

.footShare .tit { color: black; text-transform: capitalize; font-weight: bold; }

.footShare a { display: inline-block; height: 40px; line-height: 40px; font-size: 12px; color: black; text-transform: capitalize; }

.footShare a:before { display: inline-block; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 24px; vertical-align: middle; margin-right: 15px; }

.footShare a.fb:before { content: "\e62c"; color: #3a5898; }

.footShare a.yt:before { content: "\e631"; color: #de1829; margin-top: -2px; }



@media screen and (max-width: 400px) { .footShare { text-align: center;display: none}

  .footShare .tit { font-size: 16px; }

  .footShare > div { padding: 0 5px; } }

.footerBg { background: #222222; }

.footerBg .footerTop { padding-top: 5.83333%; padding-bottom: 5.83333%; }

.footerBg .footerTop .cont { margin-right: 1.66667%; }

.footerBg .footerTop .cont.aboutDiv { width: 18.75%; }

.footerBg .footerTop .cont.proDiv { width: 18.75%; }

.footerBg .footerTop .cont.servDiv { width: 15.83333%; }

.footerBg .footerTop .cont.servDiv .footerLogo { display: inline-block; width: 96px; margin-top: 30.76923%; }

.footerBg .footerTop .cont.contactDiv { width: 40.83333%; box-sizing: border-box; margin-right: 0; }

.footerBg .footerTop .cont.contactDiv dd { margin-bottom: 10px; margin-right: 5.94059%; display: inline-block; }

.footerBg .footerTop .cont dt { margin-bottom: 20px; text-transform: capitalize; font-size: 20px; color: white; }

.footerBg .footerTop .cont dd { margin-bottom: 12px; font-size: 12px; color: #DFDFDF; }

.footerBg .footerTop .cont dd a { color: #DFDFDF; }

.footerBg .footerTop .cont dd a:hover { text-decoration: underline; color: #fff; }

.footerBg .footerTop .cont dd.eml a { text-decoration: underline; }

.footerBg .footerTop .footLogo { display: block; width: 130px; margin-top: 5.06329%; position: relative; }

.footerBg .footerTop .footLogo .shade { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); filter: alpha(opacity=100); opacity: 1; }

.footerBg .footerTop .footLogo:hover .shade { filter: alpha(opacity=0); opacity: 0; }

.footerBg .footerBot { border-top: 1px solid #4e4e4e; padding-top: 2.98507%; padding-bottom: 2.61194%; text-align: center; font-size: 12px; color: #fff; }

.footerBg .footerBot span { display: inline-block; margin-right: 35px; }

.footerBg .footerBot span:last-child { margin-right: 0; }

.footerBg .footerBot a { color: #fff; text-transform: uppercase; }

.footerBg .footerBot a:hover { text-decoration: underline; }



@media screen and (max-width: 875px) { #footer .footerTop { padding-top: 30px; padding-bottom: 20px; }

  .navDiv, .aboutDiv, .proDiv, .footerBg .footerTop .cont.servDiv { display: none; }

  #footer .footerTop .cont.contactDiv { width: 100%; margin-left: 0; text-align: center;}

  #footer .footerTop .cont.contactDiv dd { display: inline-block; margin-right: 20px; }

  #footer .footerTop .cont.contactDiv dd:last-child { margin-right: 0; }
    .footerBg .footerTop .footLogo{margin: 20px auto 0;}

  #footer .footerBot .cont { text-align: left; }

  #footer .footerBot .imgCont { width: 100%; margin-top: 20px; }

  #footer .footerBot .copyRig { width: 100%; margin-top: 20px; margin-bottom: 20px; padding: 0; }

  #footer .footerBot .copyRig span { display: block; margin-right: 0; }

  #footer .footerBot .copyRig span:last-child { margin-top: 10px; }

    .footerBg .footerBot span{display: block;margin-right: 0;margin-bottom: 5px;}
}

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

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

.crumbs .smallNav { width: 50%; margin-left: auto; color: #fff; font-size: 12px; position: relative; z-index: 2; }

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

.crumbs .smallNav a:hover { color: #004494; }



@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: 25%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); text-align: center; padding-bottom: 4.16667%; 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; }

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

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

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

#aside .asideList > li > a { display: block; line-height: 20px; padding: 15px 30px; color: #000; text-transform: capitalize; position: relative; }

#aside .asideList > li.hasUl > span { display: block; width: 30px; height: 30px; line-height: 30px; position: absolute; top: 7px; right: 0; cursor: pointer; z-index: 1; border: 1px solid transparent; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; -ms-transition: 0s; color: #000; }

#aside .asideList > li.hasUl > span:after { content: "\e636"; font-family: icomoon, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 14px; }

#aside .asideList > li.hasUl > span:hover { border: 1px solid #d3d8dc; }

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

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

#aside .asideList > li.active span { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }

#aside .asideList > li.active > ul { padding-top: 15px; padding-bottom: 15px; }

#aside .asideList > li.active > ul > li { border-bottom: 1px solid #F2F5FA; height: 35px; }

#aside .asideList > li > ul { width: 100%; z-index: 100; }

#aside .asideList > li > ul > li { height: 0; line-height: 35px; overflow: hidden; padding: 0 10px; }

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

#aside .asideList > li > ul > li > a { box-sizing: border-box; color: #B3B3B3; }

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


@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: #004494; 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 +"; 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: #004494; }

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

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

  #aside .asideList > li > ul { }

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

  #aside .asideList:before {  }

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

.mainRight { width: 68.33333%; padding: 5% 0 4.16667% 5%; -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 #F2F5FA; }



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

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

.proList .line { width: 29.07895%; }

.proList .box { width: 29.07895%; text-align: center; margin-bottom: 3.94737%; }

.proList .box:hover .pubImgCont { box-shadow: 0 0 20px rgba(0, 68, 148, 0.5); 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: #004494; }

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

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



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

.proDetTop { margin-top: 20px; }

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

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

.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: 30.26316%; }

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

.proDetTop .rig .msg { margin-top: 15.21739%; }

.proDetTop .rig .msg li { height: 40px; line-height: 40px; padding-left: 20px; padding-right: 10px; background: #E8E8E8; margin-bottom: 10px; }

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

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

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



@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: 13.81579%; }

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

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



#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: 40px; line-height: 1; }

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

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

.proForm .bot > .box label span { color: #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 .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: #004494; 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: #05346b; 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%; } }

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

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

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

.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;line-height: 2 }



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

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

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

.recommendCase .tit a { color: #4a5161; }



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

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



#map { margin-top: 6%; }



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

#aside.contactAside .msg { /*padding: 16.66667% 10px 76.66667%; */padding: 16.66667% 16.66667% 76.66667%;text-align: left;}

#aside.contactAside .msg li { margin-bottom: 10.71429%; color: #004494; font-weight: bold; }

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

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

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



@media screen and (max-width: 875px) { #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 img{width: 40%;height: auto;margin-left:35%;}
.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: ""; 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: #004494; 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: #004494; font-weight: bold; text-transform: none; }



.shareBox { margin-top: 30px; }



#menuBtn { background: #004494; }



#footerToolBar { background: #004494; }



.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:0 } }

.productsTags #tags{margin-top: 0;}