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

input:focus { outline: none; }

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

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

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

caption, th { text-align: left; }

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

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

td { word-break: break-all; word-wrap: break-word; }

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

body, input, textarea { font-size: 12px; line-height: 1.75; font-family: Arial, Helvetica, San-serif, Microsoft YaHei, SimSun; }

a, a:before, a:after, #container > div > div, #main > div, #aside > div, .show > div, #footerToolbox, #chatToolBox { 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; }

.newsList li h3 { text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }

.inner, img, input, textarea, .tag, .center, .searchForm, .topRight, .show > div, .footList { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.center { margin-left: auto; margin-right: auto; }

#quotation, .show .showTitle a, #footer, .prodisplay .proPic p { font-family: Calibri, Arial, Helvetica, San-serif, Microsoft YaHei, SimSun; }

.asideBtn { font-family: Arial, Helvetica, San-serif, Microsoft YaHei, SimSun; }

.footList > h3 { font-family: Calibribold,Calibri, Arial, Helvetica, San-serif, Microsoft YaHei, SimSun; }

.show .showTitle:before { font-family: Impact, Calibri, Arial, Helvetica, San-serif, Microsoft YaHei, SimSun; }

@font-face { font-family: 'Calibri'; src: url("../font/calibri.eot"); src: url("../font/calibri.eot?#iefix") format("embedded-opentype"), url("../font/calibri.woff") format("woff"), url("../font/calibri.ttf") format("truetype"), url("../font/calibri.svg#Calibri") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Calibribold'; src: url("../font/calibribold.eot"); src: url("../font/calibribold.eot?#iefix") format("embedded-opentype"), url("../font/calibribold.woff") format("woff"), url("../font/calibribold.ttf") format("truetype"), url("../font/calibribold.svg#Calibribold") format("svg"); font-weight: normal; font-style: normal; }
@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.ttf") format("truetype"), url("../font/icomoon.svg#icomoon") format("svg"); }
body { color: #333333; }

input, textarea { color: #444; }

a { text-decoration: none; color: #333333; }
a:hover { color: #06a27b; }

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

input[type="submit"], input[type="reset"] { cursor: pointer; }

.center { width: 99%; max-width: 950px; }

i { font-style: normal; }

td { padding: 2px 3px; }

#menuTop { height: 45px; position: absolute; top: 0px; width: 100%; text-align: center; z-index: 99; display: none; }

#menuTop a { display: inline-block; margin-top: 6px; }

.bgLinearBlack { background: linear-gradient(#444444, #333333); background: -webkit-linear-gradient(top, #444444, #333333); background: -moz-linear-gradient(top, #444444, #333333); background: -o-linear-gradient(top, #444444, #333333); background: -ms-linear-gradient(top, #444444, #333333); background: linear-gradient(top, #444444, #333333); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#444444', endColorStr='#333333', gradientType='0'); }

#menuBtn, #setBtn { height: 36px; width: 36px; background: url(../img/bg-menu2.png) no-repeat center top; top: 4px; position: absolute; cursor: pointer; }

#menuBtn { right: 6px; }

#setBtn { background-position: center bottom; left: 6px; }

.active { opacity: 0.6; }

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

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

.search { width: 100%; border: 0px none; background: #fff; }

.searchBtn { border: 0px none; position: absolute; top: 0px; right: 0px; }

.asideBtn { bottom: 0px; top: 0px; position: absolute; margin: auto; right: 0.45%; height: 40px; line-height: 40px; cursor: pointer; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4); display: none; font-size: 12px; padding-right: 4px; }
.asideBtn:before { content: 'Open List'; }
.asideBtn:after { content: '\e622'; font-family: icomoon; font-size: 14px; vertical-align: top; }
.asideBtn.listslide:before { content: 'Close'; }
.asideBtn.listslide:after { content: '\e623'; }

#quotation { padding-bottom: 1%; }
#quotation .formtitle { line-height: 46px; color: #fff; font-size: 21px; background: #06a27b; width: 245px; text-align: center; display: inline-block; vertical-align: middle; }
#quotation .text { background: linear-gradient(#f7f7f7, #e8e8e8); background: -webkit-linear-gradient(top, #f7f7f7, #e8e8e8); background: -moz-linear-gradient(top, #f7f7f7, #e8e8e8); background: -o-linear-gradient(top, #f7f7f7, #e8e8e8); background: -ms-linear-gradient(top, #f7f7f7, #e8e8e8); background: linear-gradient(top, #f7f7f7, #e8e8e8); display: table; width: 100%; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f7f7', endColorStr='#e8e8e8', gradientType='0'); }
#quotation li { margin-top: 10px; line-height: 22px; }
#quotation li input, #quotation li textarea { border: 0px none; width: 100%; padding: 1px 8px; line-height: 21px; border: 1px solid #b4c2cd; }
#quotation li textarea { max-width: 100%; height: 76px; }
#quotation li input { height: 25px; }
#quotation li i { color: #ff4546; }
#quotation li img { vertical-align: middle; }
#quotation input.btn { color: #fff; padding: 0px; border: 0px none; margin-bottom: 5px; margin-top: 5px; width: 86px; height: 23px; line-height: 23px; background: #149877; text-transform: capitalize; }
#quotation input.btn:first-child { margin-right: 5px; }
#quotation input.btn:hover { border-color: #06a27b; color: #06a27b; }
#quotation input[name="code"] { width: 117px; }

#prodes { margin-top: 25px; padding-top: 10px; margin-top: 1.4245%; }

.tag { background: #d7d7d7; cursor: pointer; text-transform: capitalize; height: 33px; }
.tag span { display: inline-block; width: 163px; height: 33px; line-height: 33px; text-align: center; background: #007155; color: #fff; }

.tagContent { color: #474747; padding: 2.5%; border: 1px solid #e4e7e8; margin-bottom: 20px; }

.tagContent table { max-width: 100%; word-break: break-all; }

.proPic > a { font-size: 0px; display: block; text-align: center; overflow: hidden; }
.proPic > a img { max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block; }
.proPic > a:after { height: 100%; width: 0px; overflow: hidden; vertical-align: middle; display: none; }

.proPicTitle { margin-top: 8px; line-height: 1.2; text-transform: uppercase; }

#pageNum { margin-bottom: 10px; margin-top: 1%; font-family: Arial, Helvetica, San-serif, Microsoft YaHei, SimSun; }

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

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

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

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

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

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

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

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.jqzoom { position: relative; padding: 0; margin: 0px; }

.zoomdiv { height: 400px; width: 400px; z-index: 100; position: absolute; top: 1px; left: 0px; width: 300px; height: 300px; background: url(i/loading.gif) white no-repeat center center; border: 1px solid #e4e4e4; display: none; text-align: center; overflow: hidden; }

.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #fff; background: #afafaf 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: pointer; }

.bigimg { max-width: none; }

#container { width: 100%; overflow: hidden; }

#header { padding-top: 1.26316%; padding-bottom: 1.47368%; }
#header > div { vertical-align: middle; }
#header .topRight { text-align: right; }

#logo { margin-top: 15px; padding-bottom: 14px; }
#logo a { display: inline-block; vertical-align: middle; }
#logo a:first-child { margin-right: 5px; }
#logo .logoH { margin-top: 5px; }

.topRight .searchForm { width: 404px; padding-right: 55px; border: 1px solid #e4e4e4; background: #fff; display: inline-block; vertical-align: middle; }
.topRight .search { font-size: 14px; color: #555555; line-height: 26px; height: 32px; padding: 3px 8px; }
.topRight .searchBtn { width: 53px; height: 30px; margin-top: 1px; margin-right: 1px; background: #06a27b url(../img/bg-search.png) no-repeat center; background: url(../img/bg-search.png) no-repeat center, -webkit-linear-gradient(top, #00d29e, #007356); background: url(../img/bg-search.png) no-repeat center, -moz-linear-gradient(top, #00d29e, #007356); background: url(../img/bg-search.png) no-repeat center, -o-linear-gradient(top, #00d29e, #007356); background: url(../img/bg-search.png) no-repeat center, -ms-linear-gradient(top, #00d29e, #007356); background: url(../img/bg-search.png) no-repeat center, linear-gradient(top, #00d29e, #007356); }
.topRight .lang { margin-bottom: 8px; }
.topRight .lang a:first-child { margin-right: 10px; }

.share .sharefb { background: #213392; }
.share .sharetw { background: #21abe7; }
.share .sharein { background: #0080b2; }
.share .sharegl { background: #d93d2b; }
.share .sharesk { background: #29b7f0; }

#nav { font-size: 0px; background: #06a27b; margin-bottom: 10px; }
#nav > li { height: 57px; position: relative; width: 16.6%; }
#nav > li a { font-size: 12px; color: #fff; line-height: 1.5; display: block; }
#nav > li > a { text-transform: uppercase; position: absolute; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; bottom: 0px; text-align: center; }
#nav > li > a span { max-width: 97%; }
#nav > li > a:before { content: ''; width: 0px; height: 100%; }
#nav > li > a span, #nav > li > a:before { display: inline-block; vertical-align: middle; }
#nav > li:hover { background: #007155; }
#nav > li:hover ul { display: block; }
#nav > li ul { position: absolute; top: 100%; left: 0px; width: 100%; background-color: inherit; display: none; z-index: 99; }
#nav > li ul li { border-top: 1px solid #fff; }
#nav > li ul a { padding: 6px 10px 6px 18px; text-transform: capitalize; }

.show { counter-reset: subsection; margin-top: 15px; color: #939393; }
.show > div { width: 33.333%; float: left; padding: 1.57895% 0.94737%; margin-bottom: 1.89474%; }
.show .showTitle { padding-left: 42px; text-transform: uppercase; font-size: 16px; color: #525252; line-height: 1; padding-top: 18px; padding-bottom: 22px; position: relative; }
.show .showTitle a { font-size: 12px; color: #525252; line-height: 16px; position: absolute; right: 0px; padding-right: 10px; background: url(../img/bg-more.png) no-repeat right center; }
.show .showTitle:before { content: counter(subsection); counter-increment: subsection; font-size: 40px; color: #007155; line-height: 38px; text-align: center; width: 42px; position: absolute; left: 0px; top: 0px; overflow: hidden; }
.show .showPro { background: #ebebeb; border-radius: 8px; overflow: hidden; }
.show .proPic > a { margin-bottom: 20px; }
.show p { padding-top: 3.3557%; line-height: 18px; height: 54px; overflow: hidden; }
.show a { color: #939393; }
.show .newsList { padding-top: 3.3557%; line-height: 18px; }

#footer { border-top: 1px dotted #d7d7d7; text-align: center; width: 100%; padding-top: 10px; }

.footList { display: inline-block; vertical-align: top; max-width: 26%; padding-top: 20px; margin-top: 1.05263%; text-align: left; padding-left: 3.68421%; padding-right: 3.68421%; position: relative; }
.footList:before { content: ''; position: absolute; width: 4px; height: 181px; left: -5px; right: auto; top: 10px; background: url(../img/bg-line.png) no-repeat center; }
.footList:first-child:before { display: none; }
.footList > h3 { font-size: 14px; color: #1c7559; line-height: 1; text-transform: uppercase; }
.footList ul { padding-top: 7.5px; margin-top: 3.28947%; }
.footList ul li { line-height: 1.5; margin-bottom: 2px; }
.footList ul a, .footList ul li { color: #939393; }
.footList.share ul { width: 150px; }
.footList.share li { text-align: center; display: inline-block; vertical-align: top; text-transform: capitalize; width: 60px; padding-bottom: 5px; }
.footList.share li img { background-color: #a3d5c4; }
.footList.share li span { display: block; }

.footbot { background: #06a27b url(../img/bg-footer.png) no-repeat center -2px; background-size: contain; padding-top: 2.63158%; margin-top: -1.36842%; }
.footbot p { font-size: 12px; color: white; line-height: 1.5; padding: 5px; }
.footbot p i { font-size: 14px; }

#location { text-transform: capitalize; text-align: right; line-height: 1.2; padding: 5px 0px; }
#location, #location a { color: #6e6e6e; }
#location a { display: inline-block; }

h3.mainTitle { font-size: 22px; color: #6e6e6e; line-height: 1.2; text-transform: uppercase; margin-right: 8px; }

#main { padding-bottom: 20px; }

#bannerSub { text-align: center; }
#bannerSub img { width: 100%; }

#right { width: 73.89474%; float: right; padding-top: 10px; margin-top: 1.05263%; }

#aside { width: 23.05263%; float: left; padding-top: 10px; margin-top: 1.05263%; }

.asideTitle { font-size: 12px; color: white; line-height: 1.5; text-align: center; padding: 12px 8px; text-transform: uppercase; position: relative; background: #007155; border-radius: 3px; overflow: hidden; }

.asideList { line-height: 1.5; margin-top: 1px; border-left: 1px solid #c5c6c8; border-right: 1px solid #c5c6c8; }
.asideList > li { border-bottom: 1px dotted #c5c6c8; position: relative; }
.asideList > li a { display: block; }
.asideList > li > a { padding: 11px 8px 11px 28px; }
.asideList > li > a.selected, .asideList > li > a:hover { color: #fff; background: #06a27b; }
.asideList > li:hover { background: #06a27b; }
.asideList > li:hover > a { color: #fff; }
.asideList > li:hover ul { display: block; }
.asideList > li ul { position: absolute; left: 100%; top: 0px; background: #fff; width: 220px; border: 1px solid #c5c6c8; display: none; }
.asideList > li ul a { padding: 11px 10px 11px 15px; }
.asideList > li ul a:hover { color: #fff; background: #4fb59b; }

#content { padding-top: 10px; margin-top: 1.4245%; }

.newsList li { position: relative; padding-right: 73px; }
.newsList li .updatetime { position: absolute; right: 0px; top: 0px; height: 18px; line-height: 18px; }

.newsdisplay { margin-top: -15px; padding-bottom: 15px; margin-bottom: 2%; display: table; width: 100%; }
.newsdisplay li { display: table-row; }
.newsdisplay .proPic, .newsdisplay .listText { display: table-cell; padding-top: 28px; padding-bottom: 28px; vertical-align: top; border-bottom: 1px dotted #333333; }
.newsdisplay .proPic { width: 118px; }
.newsdisplay .proPic img { width: 100%; border-radius: 4px; overflow: hidden; }
.newsdisplay .listText { padding-left: 2.849%; }
.newsdisplay .listText h3 { font-size: 14px; line-height: 1.2; padding-bottom: 4px; margin-bottom: 1%; }
.newsdisplay .listText span { line-height: 1.5; margin-bottom: 5px; color: #555; }
.newsdisplay .listText p { line-height: 20px; height: 40px; overflow: hidden; margin-bottom: 10px; }
.newsdisplay a.more { width: 92px; height: 25px; line-height: 25px; text-align: center; color: #fff; text-transform: uppercase; display: block; background: linear-gradient(#0bae86, #089672); background: -webkit-linear-gradient(top, #0bae86, #089672); background: -moz-linear-gradient(top, #0bae86, #089672); background: -o-linear-gradient(top, #0bae86, #089672); background: -ms-linear-gradient(top, #0bae86, #089672); background: linear-gradient(top, #0bae86, #089672); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0bae86', endColorStr='#089672', gradientType='0'); border-radius: 4px; overflow: hidden; }
.newsdisplay a.more:after { content: '\f0da'; font-size: 18px; padding-left: 8px; vertical-align: top; font-family: icomoon; }

.newsTitle { font-size: 20px; line-height: 1.2; color: #06a27b; text-transform: uppercase; }

.newsTime { line-height: 1.4; margin-top: 5px; display: block; text-align: right; border-bottom: 1px solid #e5e5e5; }

.newscontent { border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; margin-bottom: 12px; margin-top: 10px; }

.prenext { line-height: 1.2; padding: 3px 0px; margin-bottom: 5px; }
.prenext b { padding-right: 3px; font-weight: normal; text-transform: capitalize; }
.prenext, .prenext a { color: #007155; }

.prodisplay { padding-top: 6px; margin-top: 0.8547%; }
.prodisplay .proPic { padding-bottom: 15px; margin-bottom: 2.13675%; }
.prodisplay .proPic p { font-size: 15px; line-height: 18px; height: 36px; overflow: hidden; margin-top: 3px; margin-bottom: 8px; }
.prodisplay .proPic > a { border: 1px solid #d9d9d9; border-radius: 6px; overflow: hidden; }
.prodisplay .proPic .more { margin-top: 2%; }
.prodisplay .proPic, .prodisplay .line { width: 22%; }
.prodisplay .proPicTitle { text-transform: capitalize; padding-top: 7px; margin-top: 3.82514%; text-align: center; }

.ProIntro { padding-top: 30px; margin-top: 2.13675%; }
.ProIntro > h3 { font-size: 34px; color: #007ee0; line-height: 1.2; text-transform: uppercase; padding-bottom: 12px; margin-bottom: 1.37931%; }

h2.proTitle { font-size: 20px; color: #007155; line-height: 1.2; padding-bottom: 8px; margin-bottom: 1.1396%; }

.protop { padding-bottom: 1.4245%; }

.proleft, .videoBox { width: 32%; }

.proright { width: 29%; }

.proright ul { margin-bottom: 8px; }
.proright ul li { font-size: 12px; line-height: 1.5; margin-bottom: 2px; }
.proright .mail a { color: #007155; }
.proright .procon { margin-top: 15px; padding-top: 15px; border-top: 1px dotted #c1c1c1; }
.proright .procon > a { display: block; width: 110px; height: 24px; line-height: 24px; text-align: center; border: 2px solid #007155; border-radius: 5px; overflow: hidden; text-transform: uppercase; font-size: 12px; color: #007155; }
.proright .procon > a:first-child { margin-bottom: 12px; }

#proimg { vertical-align: middle; text-align: center; font-size: 0px; *font-size: 189px; }

#proimg:after { height: 100%; width: 0px; content: '.'; display: inline-block; vertical-align: middle; overflow: hidden; }

#proimg img { max-width: 100%; }

#imglist { width: 100%; margin-top: 8px; background: #f5f5f5; padding: 6px 1px; }
#imglist li { padding: 0px 5px; line-height: 1; }
#imglist li:hover img { border-color: #ec870e; }
#imglist img { cursor: pointer; border: 2px solid #d0d0d0; }

.proRelated { padding-top: 15px; margin-top: 2%; }
.proRelated .prodisplay .proPicTitle { text-align: center; font-size: 15px; }

.relatedTitle { margin-bottom: 5px; background: #ededed; }
.relatedTitle span { width: 224px; color: #fff; text-align: center; background: #06a27b; display: block; font-size: 17px; line-height: 33px; }

h3.asideMainTitle { background: linear-gradient(#0db48a, #06a27b); background: -webkit-linear-gradient(top, #0db48a, #06a27b); background: -moz-linear-gradient(top, #0db48a, #06a27b); background: -o-linear-gradient(top, #0db48a, #06a27b); background: -ms-linear-gradient(top, #0db48a, #06a27b); background: linear-gradient(top, #0db48a, #06a27b); font-size: 12px; color: white; line-height: 1.5; text-align: center; height: 57px; text-transform: uppercase; font-weight: bold; border-radius: 4px; overflow: hidden; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.17); margin-bottom: 20px; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0db48a', endColorStr='#06a27b', gradientType='0'); }
h3.asideMainTitle span { max-width: 98%; }
h3.asideMainTitle span, h3.asideMainTitle:before { display: inline-block; vertical-align: middle; }
h3.asideMainTitle:before { content: ''; width: 0px; height: 100%; }

#aside .mail { border: 1px solid #d6d6d6; border-radius: 10px; overflow: hidden; text-align: center; margin-bottom: 20px; padding: 9.13242% 5px 6.84932% 5px; }
#aside .mail a { color: #088565; padding-top: 10px; text-decoration: underline; display: inline-block; }

.asideCont a { display: block; color: #fff; }
.asideCont h3 { background: #007155; text-transform: uppercase; line-height: 33px; border-radius: 3px 3px 0px 0px; overflow: hidden; margin-top: 20px; }
.asideCont h3 a { padding-left: 10.50228%; }
.asideCont h3 a:after { content: '\e643'; padding-left: 6px; font-size: 18px; font-family: icomoon; vertical-align: top; }

.mainTop { padding-top: 11px; margin-top: 1.56695%; padding-bottom: 6px; margin-bottom: 0.8547%; border-bottom: 3px solid #06a27b; }
.mainTop .mianTitle, .mainTop #location { display: inline-block; vertical-align: middle; }

.contLeft { width: 34.61538%; border-bottom: 1px dotted #656565; padding-bottom: 16px; margin-bottom: 20px; }
.contLeft > h3 { font-size: 16px; color: #06a27b; line-height: 1.2; text-transform: uppercase; margin-bottom: 10px; }
.contLeft .contactlist { margin-bottom: 15px; }
.contLeft .contactlist li { line-height: 1.5; padding: 6px 0px; }

.inquiry { width: 60.25641%; }
.inquiry > h3 { font-size: 16px; color: white; line-height: 34px; background: #149877; padding-left: 15px; }

#footerToolbox, #footerToolBtn, #footerToolbox ul, #footerToolbox li, #footerToolbox li a { margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; }

#footerToolbox li { list-style: none; }

#footerToolBtn { position: absolute; width: 13px; height: 58px; left: -12px; top: 0px; bottom: 0px; margin: auto; border-radius: 22px 0px 0px 22px/8px 0px 0px 8px; cursor: pointer; background: url(../img/footerbox/footerTool-icon.png) no-repeat 1px -168px; }

#footerToolbox { position: fixed; width: 42px; bottom: 50%; margin-bottom: -103px; right: 0px; z-index: 999; text-align: center; font-size: 12px; line-height: 1; font-family: Arial, Helvetica,San-serif, Microsoft YaHei, SimSun; visibility: hidden; }
#footerToolbox ul li { width: 40px; height: 40px; border-width: 1px 1px 0px 1px; border-color: rgba(255, 255, 255, 0.6); border-style: solid; }
#footerToolbox ul li:last-child { border-bottom-width: 1px; }
#footerToolbox ul li a { display: block; line-height: 40px; text-indent: 299px; background-image: url(../img/footerbox/footerTool-icon.png); background-repeat: no-repeat; overflow: hidden; white-space: nowrap; }

#toolTel a { background-position: center 8px; }

#toolEmail a { background-position: center -28px; }

#toolMap a { background-position: center -62px; }

#toolShare a { background-position: center -98px; }

#toolMessage a { background-position: center -133px; }

#footerToolbox.close { right: -42px; }
#footerToolbox.close #footerToolBtn { background-position: -13px 168px; }

#footerToolBtn { background-color: #0865a7; }
#footerToolBtn:hover { background-color: #4080ae; }

#footerToolbox ul li a { background-color: #0865a7; }
#footerToolbox ul li a:hover { background-color: #4080ae; }

@font-face { font-family: 'BebasRegular'; src: url("../img/footerbox/bebas.eot"); src: url("../img/footerbox/bebas.eot") format("embedded-opentype"), url("../img/footerbox/bebas.woff") format("woff"), url("../img/footerbox/bebas.ttf") format("truetype"), url("../img/footerbox/bebas.svg#BebasRegular") format("svg"); font-weight: normal; font-style: normal; }
#chatToolBox { position: fixed; width: 110px; bottom: 90px; right: -5px; font-family: Arial, Helvetica,San-serif, Microsoft YaHei, SimSun; color: #fff; z-index: 999; }
#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; }
#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; }
#chatToolBox li { list-style: none; padding-right: 5px; }
#chatToolBox #chatToolMail a { font-size: 40px; line-height: 44px; letter-spacing: -1px; padding-top: 28px; padding-bottom: 22px; text-transform: uppercase; font-family: BebasRegular , Arial; }
#chatToolBox .chatToolContact { font-size: 16px; background: #444444; margin-top: 5px; text-transform: capitalize; padding: 6px 0px; }
#chatToolBox:hover { right: 0px; }
#chatToolBox #chatToolMail i { position: absolute; top: 0px; width: 100%; height: 28px; line-height: 28px; text-align: center; background: transparent; cursor: pointer; }
#chatToolBox #chatToolMail i:before { content: '\e640'; font-size: 24px; font-family: icomoon; }
#chatToolBox.hiddenRight { right: -110px; padding-left: 28px; }
#chatToolBox.hiddenRight #chatToolMail i { width: 28px; height: 60px; line-height: 60px; left: 0px; background: inherit; top: 20px; }
#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }

#chatToolMail { background: #0865a7; }

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox/fancybox_sprite.png"); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("../img/fancybox/fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../img/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../img/fancybox/fancybox_overlay.png"); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }


@media screen and (max-width: 950px) { #logo, #header .topRight { text-align: center; width: 100%; }
  .topRight .lang { display: inline-block; vertical-align: middle; margin-bottom: 0px; margin-right: 10px; } }
@media screen and (max-width: 900px) { .footList { width: 47%; max-width: none; padding-left: 2%; padding-right: 0px; }
  .footList:before { display: none; } }
@media screen and (max-width: 800px) { #aside, #right { width: 100%; float: none; }
  .asideTitle { padding-right: 42px; padding-left: 20px; padding-left: 20px; pading-right: 80px; text-align: left; }
  .asideBtn { display: block; }
  .asideList { display: none; }
  .asideList > li > a { padding-left: 20px; margin-top: 5px; padding-top: 11px; padding-bottom: 11px; padding-right: 10px; }
  .asideList > li ul { position: static; border: 0px none; width: 100%; padding-top: 0px; background: inherit; }
  .asideList > li ul a { padding: 8px 10px 8px 20px; }
  #logo img { max-width: 96%; }
  #header { margin-top: 45px; position: static; border-top: 0px none; }
  #header > div { width: 100%; }
  #menuTop { display: block; }
  #nav, #header .topRight { position: absolute; background: #303030; width: 100%; left: 0px; top: 45px; z-index: 199; margin-top: 0px; display: none; }
  #nav { height: auto; border: 0px none; border-radius: 0px; }
  #nav > li { margin: 0px; padding: 0px; display: block; width: auto; color: #efefef; height: auto; border-top: 1px solid #353535; border-bottom: 1px solid #292929; }
  #nav > li > a { position: static; line-height: 40px; color: #e0e0e0; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
  #nav > li > a:before { display: none; }
  #nav > li > a:hover { color: #fff; }
  #nav > li ul { position: static; }
  #nav > li ul li { border-top-color: rgba(0, 0, 0, 0.2); }
  #header .topRight { text-align: left; }
  .topRight { padding-bottom: 12px; padding-top: 8px; padding-right: 10px; padding-left: 15px; }
  .topRight .lang, .topRight .searchForm { display: block; margin-bottom: 5px; }
  .topRight, .topRight a, .topRight .lang a { color: #efefef; line-height: 34px; }
  .topRight .share { margin-bottom: 0px; }
  .lang:before { content: 'Language:'; }
  .topRight .searchForm { margin-top: 10px; }
  #aside { padding-top: 0px; }
  #aside .mail, #aside .asideCont { display: none; }
  h3.asideMainTitle { margin-bottom: 15px; } }
@media screen and (max-width: 750px) { .center { width: 98%; }
  .show > div { width: 100%; padding: 15px 9px; }
  .show > div .proPic, .show > div p, .show > div .newsList { display: inline-block; width: 47%; vertical-align: top; }
  .show > div p, .show > div .newsList { margin-top: 0px; padding-top: 0px; height: auto; max-height: none; margin-left: 4%; }
  .show > div .proPic > a { margin-bottom: 0px; }
  .show .newsList li { margin-bottom: 5px; }
  .show .showNews { padding-top: 5px; }
  .show .showAbout { margin-top: 5px; } }
@media screen and (max-width: 600px) { .center { width: 97%; }
  .prodisplay .proPic, .prodisplay .line { width: 30%; }
  .center { width: 97%; }
  .relatedTitle span { width: auto; display: block; padding-left: 18px; text-align: left; }
  #header { padding-bottom: 5px; }
  #logo { padding-bottom: 1.66667%; }
  #logo a { display: block; }
  #logo a:first-child { margin-bottom: 1.33333%; padding-bottom: 5px; }
  .contLeft, .inquiry { width: 100%; }
  .proleft { width: 100%; margin-bottom: 12px; }
  .proright, .videoBox { width: 47%; margin-bottom: 12px; } }
@media screen and (max-width: 550px) { .show .newsList li { padding-right: 0px; }
  .show .newsList li .updatetime { display: none; } }
@media screen and (max-width: 450px) { .prodisplay .proPic { width: 47%; }
  .prodisplay .line { display: none; }
  .center { width: 96%; }
  .show > div p { line-height: 18px; height: 90px; overflow: hidden; }
  .footList { width: 100%; }
  .footList ul { margin-top: 1%; }
  .footList.share ul { width: auto; margin-bottom: 15px; }
  .newsdisplay { display: block; }
  .newsdisplay li { display: block; padding: 3% 0px; border-bottom: 1px dotted #333333; padding-bottom: 8px; }
  .newsdisplay li .proPic, .newsdisplay li .listText { display: block; width: 100%; padding: 5px 0px; border-bottom: 0px none; }
  .newsdisplay li .proPic img { width: auto; }
  .tag span { display: block; width: 100%; } }
@media screen and (max-width: 390px) { .show > div p { line-height: 18px; height: 72px; overflow: hidden; } }
@media screen and (max-width: 350px) { .show > div { padding: 15px 2.89017%; }
  .show > div .proPic, .show > div p, .show > div .newsList { width: 100%; }
  .show > div p, .show > div .newsList { margin-left: 0px; margin-top: 10px; }
  #banner .flex-direction-nav { display: none; } }
@media screen and (max-width: 350px) { .prodisplay .proPic { width: 100%; } }
@media screen and (max-width: 320px) { .proright, .videoBox { width: 100%; }
  .videoBox { padding-top: 3px; } }
@media screen and (max-width: 640px) { #footerToolbox { visibility: visible; }
  #chatToolBox { display: none; } }



.justify.boxsq .boxs1 , .justify.boxsq .boxq1{text-align:center; margin-bottom:8px;}
	.justify.boxsq .boxs1{ width:62%; }
	.justify.boxsq .boxq1{ width:35%; }

	@media screen and (max-width:600px){
		.justify.boxsq .boxs1 , .justify.boxsq .boxq1{ width:100%;}
	}

.justify.box4>div{ width:23%; text-align:center; margin-bottom:8px;}
	.justify.box4 .line{ width:23%;}
	@media screen and (max-width:700px){
		.justify.box4>div{ width:30%;}
		.justify.box4 .line{ width:30%;}
	}
	@media screen and (max-width:600px){
		.justify.box4>div{ width:47%;}
	}
 
	




.justify.box3>div{ width:30%; text-align:center; margin-bottom:8px;}
	.justify.box3 .line{ width:33%;}
	@media screen and (max-width:700px){
		.justify.box3>div{ width:47%;}
	}
	@media screen and (max-width:500px){
		.justify.box3>div{ width:100%;}
	}

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