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

a, a:before, a:after, #container, #main > div > div, #footerToolBar, .toolMask, #chatToolBox , a 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; }

.inner, img, input, textarea, .tag, .center, .searchForm, .topRight, .topRight .share, #nav, .show > div, .asideMainTitle, #footerToolBar li, .toolMask .toolTop ,.tagList li{ -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; }

#prodes .tag, .show .title, .hotPro .title, #footer .footBot i, .asideMainTitle, .asideTitle, .rightTop .mainTitle, .proTabPic li .title, .asideSupport .title a, .asideCont a, .toolMask .toolTop, .toolMask .toolContent .ToolListTitle, #chatToolBox #chatToolMail a { text-transform: uppercase; }

.show .title, #proSlider .proPic a, #footer .footerList .title, .proList .listText p, .proClassTitle, .prenext, #quotation.inquiry .title, .inquiryR .pdcon > a:first-child { font-family: Calibri, Arial, Helvetica, San-serif, 'Microsoft YaHei', SimSun; }

body, input, textarea, .asideBtn, .pageNum { font-family: 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: '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, input, textarea, .justify .box { font-size: 12px; }

body { color: #333333; line-height: 1.75; background:#fff;}

input, textarea { color: #444; }

a { text-decoration: none; color: #333333; }
a:hover { color: #0076ca; }

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

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

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

i { font-style: normal; }

td, th { padding: 2px 5px; }

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

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

#menuBtn, #setBtn { width: 38px; height: 38px; line-height: 38px; text-align: center; top: 5px; position: absolute; cursor: pointer; }
#menuBtn:before, #setBtn:before { font-family: icomoon; color: #fff; }
#menuBtn.active, #setBtn.active { opacity: 0.5; }
#menuBtn.active:before, #setBtn.active:before { content: '\e60b'; font-size: 28px; }

#menuBtn { right: 6px; }
#menuBtn:before { content: '\e637'; font-size: 32px; }

#setBtn { background-position: center bottom; left: 6px; }
#setBtn:before { content: '\e638'; font-size: 32px; }

#lang { text-align: left; }

.lang { padding: 0px 20px 0px 8px; cursor: pointer; line-height: 20px; border: 1px solid #aaa; border-radius: 3px; text-transform: capitalize; z-index: 89; position: relative; width: 58px; }
.lang:after { content: '\e622'; font-family: icomoon; position: absolute; width: 15px; height: 15px; left: auto; right: 4px; top: 6px; bottom: auto; font-size: 15px; text-align: center; line-height: 15px; overflow: hidden; color: #999; }
.lang:hover { border-bottom-color: transparent; }
.lang:hover ul { display: block; }
.lang ul { position: absolute; width: 100%; height: auto; left: -1px; right: auto; top: 100%; bottom: auto; display: none; margin-top: -1px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #aaa; border-radius: 0px 0px 3px 3px; }
.lang ul a { display: block; padding-left: 8px; }

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

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

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

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

.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'; }
.share .shareyt2:before { content: '\e62a'; }

#quotation ul { padding-top: 3px; }
#quotation li { margin-bottom: 10px; line-height: 22px; }
#quotation li input, #quotation li textarea { width: 100%; padding: 1px 5px; line-height: 21px; background: #fff; color: #444; border: 1px solid #b5b5b5; }
#quotation li textarea { max-width: 100%; height: 137px; }
#quotation li input { height: 25px; }
#quotation li i { color: #ff4546; }
#quotation li img { vertical-align: middle; }
#quotation input.btn { color: #fff; padding: 0px; width: 114px; height: 28px; line-height: 28px; margin-bottom: 5px; margin-top: 5px; border-radius: 5px; overflow: hidden; text-transform: uppercase; font-size: 12px; border: 0px none; }
#quotation input.btn:first-child { margin-right: 13px; }
#quotation input[name="code"] { width: 114px; background: #fff; border-radius: 5px; }

#prodes { background: #fff; position: relative; margin-top: 12px;  }
.tagList {list-style:none; width:100%; display:block; height:auto; overflow:hidden;}
.tagList li{ float:left; text-align:center; color:#fff; font-size:16px; width:25%; display:inline-block; height:40px; line-height:40px; background-color:#0076ca; border-left:1px solid #fff; cursor:pointer;}
.tagList li:first-child{ border-left:0px none;}
.tagList li.bgcl{ background-color:#2396e7;}
.tagBox{ padding:10px; border:1px solid #ddd;}
.tagBox table { max-width: 100%; word-break: break-all; min-width:500px;}
@media screen and (max-width: 540px){ .tagList li{font-size:12px; width:100%; margin:0; border-top:1px solid #fff;}}

.proPic > a:first-child { display: block; text-align: center; overflow: hidden; }
.proPic > a:first-child img { max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block; }
.proPic > a:first-child p { text-align: left; }

.proPicTitle { margin-top: 8px; line-height: 1.2; display: block; }

.pageNum { margin-top: 1%; margin-bottom: 18px; }
.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 #d3d3d3; background: #fff; color: #333; }
.pageNum a:hover, .pageNum .cur { color: #fff; background: #0180dc; border: 1px solid #0180dc; }

.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 { content: '.'; display: inline-block; height: 0px; overflow: hidden; }

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

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

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

.clearfix:after , .tagBox:after{ clear: both; }

.clearfix , .tagBox{ *zoom: 1; }

#container { width: 100%; overflow: hidden; position: relative; }
#container:before { content: ''; position: absolute; width: 100%; height: 650px; top: 0; left: 0; background: url(../img/bg-body2.jpg) no-repeat center top; z-index: -12; }
#container:after { content: ''; position: absolute; width: 100%; height: 650px; top: 0; left: 0; background: white url(../img/bg-body.png) repeat-x left top; background: -webkit-linear-gradient(top, #77a5e4, white); background: -moz-linear-gradient(top, #77a5e4, white); background: -o-linear-gradient(top, #77a5e4, white); background: -ms-linear-gradient(top, #77a5e4, white); background: linear-gradient(top, #77a5e4, white); z-index: -15; }

.textShadow, .topRight .share a, #banner .flex-direction-nav a:hover { text-shadow: 1px 1px 0px #fff; }

.boxShadowInset, .proDisplay .proPic > a:before, .proList .proPic > a:before, .proTabPic li .proPic > a:before { box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.18); }

.boxShadowOutside, .show > div, .hotPro { box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.15); }

.bgBlue, #quotation input.btn, .hotPro .title { background: #0075c8 url(../img/bg-nav.png) repeat-x; background: -webkit-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: -moz-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: -o-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: -ms-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); }

.reflection { background: url(../img/shadow.png) repeat-x left top; background: -webkit-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: -moz-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: -o-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: -ms-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); }

#header { padding-bottom: 10px; margin-bottom: 2.42424%; }
#header > div { vertical-align: bottom; }

#logo { margin-bottom: 5px; padding-top: 10px; margin-top: 2.22222%; }

.topRight .searchForm, .topRight .lang, .topRight .share { display: inline-block; vertical-align: middle; margin-left: 5px; }
.topRight .lang { text-transform: capitalize; line-height: 25px; }
.topRight .lang a { display: inline-block; margin-right: 12px; }
.topRight .lang a.selected, .topRight .lang a:hover { color: #0076ca; }
.topRight .share { line-height: 1; }
.topRight .share a { display: inline-block; vertical-align: middle; margin-right: 4px; font-size: 22px; }
.topRight .share a.shareyt { font-size: 38px; }
.topRight .share .sharefb { color: #3b5998; }
.topRight .share .sharetw { color: #00bbf4; }
.topRight .share .sharein { color: #007fb2; }
.topRight .share .shareyt { color: #c8312b; }
.topRight .share .sharegl { color: #e00a0b; }
.topRight .searchForm { padding-right: 37px; width: 212px; }
.topRight .searchBtn { width: 37px; height: 25px; border-radius: 0px 3px 3px 0px; overflow: hidden; border: 1px solid #0083dd; background: url(../img/bg-search.png) no-repeat center; box-shadow: 1px 0px 0px #fff; background-size: cover; background: url(../img/bg-search-s.png) no-repeat center, -webkit-linear-gradient(-135deg, #f6fcff, #0174c7 55%); background: url(../img/bg-search-s.png) no-repeat center, -moz-linear-gradient(-135deg, #f6fcff, #0174c7 55%); background: url(../img/bg-search-s.png) no-repeat center, -o-linear-gradient(-135deg, #f6fcff, #0174c7 55%); background: url(../img/bg-search-s.png) no-repeat center, -ms-linear-gradient(-135deg, #f6fcff, #0174c7 55%); background: url(../img/bg-search-s.png) no-repeat center, linear-gradient(-135deg, #f6fcff, #0174c7 55%); }
.topRight .search { height: 25px; font-size: 12px; line-height: 21px; padding: 2px 5px; background: #fff; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.22); border-radius: 3px 0px 0px 3px; overflow: hidden; }

#nav { padding: 0 1.41414%; border: 1px solid #1c83db; border-radius: 4px; background: url(../img/bg-nav.png) repeat-x left center; background-size: contain; background: #0075c8 url(../img/bg-nav.png) repeat-x; background: -webkit-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: -moz-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: -o-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: -ms-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); height: 43px; position: relative; text-transform:uppercase; }
#nav:after { content: ''; position: absolute; height: 31px; left: -1px; right: -1px; top: 100%; z-index: 199; margin-top: 1px; border-radius: 4px 4px 0px 0px; overflow: hidden; background: url(../img/shadow.png) repeat-x left top; background: -webkit-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: -moz-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: -o-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: -ms-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); }
#nav>ul { display: table; width: 100%; margin-top: -1px; margin-bottom: -1px; }
#nav>ul>li { display: table-cell; min-width: 70px; text-align: center; }
#nav>ul>li:first-child a:before { display: none; }
#nav>ul>li>div>a { display: block; position: relative; color: #fff; font-size: 13px; font-weight: bold; line-height: 41px; border: 1px solid transparent; border-radius: 4px; }
#nav>ul>li>div>a:before { content: ''; left: 0; position: absolute; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; width: 1px; height: 13px; overflow: hidden; border-left: 1px dotted #fff; }
#nav>ul>li>div>a:hover , #nav>ul>li:hover>div>a { color: #1c93f4; border-color: #fff; background: -webkit-linear-gradient(top, white, #e7f4ff); background: -moz-linear-gradient(top, white, #e7f4ff); background: -o-linear-gradient(top, white, #e7f4ff); background: -ms-linear-gradient(top, white, #e7f4ff); background: linear-gradient(top, white, #e7f4ff); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#e7f4ff', gradientType='0'); }
#nav>ul>li>div{position:relative;}
#nav>ul>li:hover ul{ display:block;}
#nav>ul ul{position:absolute; left:0; top:100%; text-align:left;z-index: 999;background: #1c8ee6; white-space:nowrap; border-radius:4px; text-transform:capitalize; font-size:13px;display: none;}
#nav>ul ul a{ color:#fff; padding:5px 8px; display:block;}
#banner { box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2); }
#banner img { border-radius: 4px; overflow: hidden; display: block; }
#banner .flex-direction-nav a { width: 42px; height: 42px; border-radius: 50%; margin-top: -22px; border: 2px solid #fff; background: none; opacity: 1; filter: alpha(opacity=100); line-height: 42px; text-align: center; color: #fff; }
#banner .flex-direction-nav a:before { font-family: icomoon; font-size: 21px; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; text-indent: 0px; }
#banner .flex-direction-nav a:hover { border-color: #1c8fea; color: #1c8fea; box-shadow: 1px 1px 0px #fff; }
#banner .flex-direction-nav .flex-prev { left: -86px; }
#banner .flex-direction-nav .flex-prev:before { content: '\e625'; }
#banner .flex-direction-nav .flex-next { right: -86px; }
#banner .flex-direction-nav .flex-next:before { content: '\e628'; }
#banner .flex-control-nav{ display: none;}
@media screen and (max-width: 1180px) { #banner .flex-direction-nav .flex-prev { left: 3px; }
  #banner .flex-direction-nav .flex-next { right: 3px; }
  #banner .flex-direction-nav a { border-color: #1c8fea; color: #1c8fea; text-shadow: 1px 1px 0px #fff; box-shadow: 1px 1px 0px #fff; } }
@media screen and (max-width: 600px) { #banner .flex-direction-nav { display: none; } #banner .flex-control-nav{ display: block;}}

.show > div { border: 1px solid #fff; background: -webkit-linear-gradient(top, #f2f8fe, #eef6ff); background: -moz-linear-gradient(top, #f2f8fe, #eef6ff); background: -o-linear-gradient(top, #f2f8fe, #eef6ff); background: -ms-linear-gradient(top, #f2f8fe, #eef6ff); background: linear-gradient(top, #f2f8fe, #eef6ff); margin-top: 25px; border-radius: 10px; overflow: hidden; height: 185px; }
.show .showBox { width: 33.53535%; }
.show .videoBox { width: 24.94949%; text-align: center; }
.show .videoBox a { display: block; margin: 5.66802%; }
.show .videoBox img { border-radius: 6px; overflow: hidden; }
.show .title { color: #0076ca; font-size: 17px; line-height: 1; }
.show .showText { padding-left: 6.06061%; width: 55.75758%; margin-top: 9.09091%; }
.show .showText p { line-height: 19px; overflow: hidden; max-height: 57px; }
.show .showText ul, .show .showText p { margin-top: 8.15217%; }
.show .showText ul li { line-height: 1.2; padding: 2px 0; }
.show .showText ul li:before { content: "\e628"; font-family: icomoon; font-size: 12px; color: #0076ca; vertical-align: top; padding-right: 3px; }
.show .proPic { margin-left: -4.54545%; width: 39.45783%; }
.show .showText, .show .proPic { display: inline-block; vertical-align: middle; }
.show a.more { width: 91px; height: 21px; line-height: 21px; text-align: center; color: #fff; border-radius: 6px; display: block; position: relative; margin-top: 7.06522%; background: url(../img/bg-more.png) no-repeat center; background: url(../img/bg-light.png) no-repeat center 1px, #0075c8 url(../img/bg-nav.png) repeat-x; background: url(../img/bg-light.png) no-repeat center 1px, -webkit-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: url(../img/bg-light.png) no-repeat center 1px, -moz-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: url(../img/bg-light.png) no-repeat center 1px, -o-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: url(../img/bg-light.png) no-repeat center 1px, -ms-linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); background: url(../img/bg-light.png) no-repeat center 1px, linear-gradient(top, #1c97fe, #1c8ee6 50%, #007fe2 50%, #0075c8); }
.show a.more:before { content: ''; position: absolute; width: 100%; height: 10px; left: 0; right: 0; top: 100%; bottom: auto; border-radius: 6px; overflow: hidden; background: url(../img/shadow.png) repeat-x left -35px; background: -webkit-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: -moz-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: -o-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: -ms-linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); background: linear-gradient(top, rgba(0, 118, 201, 0.3), rgba(0, 118, 201, 0)); }
@media screen and (max-width: 760px) { .show .showBox, .show .videoBox { width: 100%; height: auto; }
  .show .showBox .showText { padding-left: 6px; margin-left: 1.89189%; padding-top: 15px; margin-top: 2.02703%; padding-bottom: 17px; margin-bottom: 2.2973%; }
  .show .showBox .showText p, .show .showBox .showText ul { padding-top: 8px; margin-top: 2%; }
  .show a.more { margin-top: 15px; }
  .show .videoBox { padding: 5px; }
  .show .videoBox img { max-height: 200px; }
  .show .videoBox a { margin: 2.6%; } }

.hotPro { margin-top: 3.53535%; border-radius: 12px; }
.hotPro .title { height: 37px; border-width: 1px; border-style: solid; border-color: #006bb6 #006bb6 #0076ca #006bb6; border-radius: 8px 8px 0px 0px; overflow: hidden; padding-left: 13px; font-size: 17px; color: white; line-height: 37px; }
.hotPro .title a { text-transform: initial; color: #fff; padding-right: 2px; margin-right: 1%; }

#proSlider { padding: 15px 28px; background: -webkit-linear-gradient(top, #f1f8fe, #eef6ff); background: -moz-linear-gradient(top, #f1f8fe, #eef6ff); background: -o-linear-gradient(top, #f1f8fe, #eef6ff); background: -ms-linear-gradient(top, #f1f8fe, #eef6ff); background: linear-gradient(top, #f1f8fe, #eef6ff); margin-bottom: -2.22222%; border-radius: 0 0 12px 12px; }
#proSlider:before { content: ''; width: 60%; height: 20px; border-radius: 50%; overflow: hidden; bottom: 0; margin-bottom: 25px; box-shadow: 0 30px 20px #80c1fe; z-index: -1; position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; }
#proSlider .flex-direction-nav a { width: 22px; height: 38px; line-height: 38px; text-align: center; margin-top: -20px; background: none; opacity: 1; filter: alpha(opacity=100); color: #7f8387; }
#proSlider .flex-direction-nav a:before { font-family: icomoon; font-size: 28px; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; text-indent: 0px; }
#proSlider .flex-direction-nav a:hover { color: #0076ca; }
#proSlider .flex-direction-nav .flex-prev { left: 7px; }
#proSlider .flex-direction-nav .flex-prev:before { content: '\e625'; }
#proSlider .flex-direction-nav .flex-next { right: 7px; }
#proSlider .flex-direction-nav .flex-next:before { content: '\e628'; }
#proSlider .proPic { margin: 6.00858% 4.72103%; position: relative; border-radius: 12px; overflow: hidden; }
#proSlider .proPic a { background: transparent; display: block; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; border-radius: 12px; overflow: hidden; width: 100%; height: 100%; line-height: 1.2; font-size: 23px; font-weight: bold; color: transparent; }
#proSlider .proPic a:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
#proSlider .proPic a span { display: inline-block; width: 96%; margin-left: 2.5%; vertical-align: middle; text-align: center; }
#proSlider .proPic a span { opacity: 0; filter: alpha(opacity=0); }
#proSlider .proPic a:hover { color: #fff; background: url(../img/bg-blue.png) repeat; background: rgba(1, 61, 124, 0.66); }
#proSlider .proPic a:hover span { opacity: 1; filter: alpha(opacity=100); }
@media screen and (max-width: 990px) { #proSlider .proPic a { font-size: 20px; } }
@media screen and (max-width: 600px) { #proSlider .proPic a { font-size: 18px; } }
@media screen and (max-width: 350px) { #proSlider .proPic a { font-size: 15px; } }
#proSlider .proPic img { display: block; }
@media screen and (max-width: 990px) { #proSlider { padding-left: 20px; padding-right: 20px; }
  #proSlider .flex-direction-nav .flex-prev { left: 3px; }
  #proSlider .flex-direction-nav .flex-next { right: 3px; } }

#footer { padding-top: 22px; overflow: hidden; position: relative; }
#footer:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-linear-gradient(top, #064a8b, #03295d 46%, #03295d); background: -moz-linear-gradient(top, #064a8b, #03295d 46%, #03295d); background: -o-linear-gradient(top, #064a8b, #03295d 46%, #03295d); background: -ms-linear-gradient(top, #064a8b, #03295d 46%, #03295d); background: linear-gradient(top, #064a8b, #03295d 46%, #03295d); z-index: -10; }
#footer:after { content: ''; height: 10px; top: -10px; width: 100%; left: 0; position: absolute; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5); z-index: -8; }
#footer .footerList { padding-top: 21px; padding-bottom: 8px; width: 40%; padding-top: 20px; margin-top: 3.0303%; }
#footer .footerList:first-child { width:20%; }
#footer .footerList .title { text-transform: uppercase; font-size: 16px; color: white; line-height: 1; margin-bottom: 20px; }
#footer .footerList li { padding-bottom: 11px; line-height: 1.2; }
#footer .footerList li, #footer .footerList li a { color: #aeb4c1; }
#footer .footerList .share a { width: 38px; height: 38px; line-height: 38px; text-align: center; background: #081A3A; border-radius: 50%; overflow: hidden; font-size: 19px; color: #8da2ba; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8); }
#footer .footerList .share a:hover{ background:#8da2ba;  }
#footer .footerList .share a:hover:before{ color:#081A3A; }
#footer .footerList .share li { display: inline-block; }
#footer .footerList:first-child li { text-transform: capitalize; }
#footer .socialList {margin-top: 20px; }
#footer .socialList li { display: inline-block; margin-bottom: 5px; margin-right: 15px; }
#footer .socialList li:last-child{ margin-right: 0;}
#footer .footTop .center:first-child { padding-bottom: 12px; position: relative; overflow: hidden; }
#footer .footTop .center:first-child:before { content: ''; height: 16px; width: 510px; max-width: 70%; border-radius: 50%; overflow: hidden; z-index: -1; bottom: 0; margin-bottom: -20px; box-shadow: 0 -6px 18px #477abd; position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; }
#footer .footTop { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); }
#footer .footBot { padding: 14px 0; color: #b8bdc8; }
#footer .footBot a, #footer .footBot i { color: #3b5076; }
#footer .footBot i { padding-left: 1.6%; }
#footer.close { padding-bottom: 0; }

@media screen and (max-width: 850px) { #footer .footerList{ width: 47%; max-width: none; }
  #footer .socialList ul { width: auto; } }
@media screen and (max-width: 480px) { #footer .footerList{ width: 100%; } }

.right { width: 70.70707%; float: right; }

#aside { width: 22.22222%; float: left; }

.right, #aside { padding-top: 15px; margin-top: 2.22222%; }

#main { padding-top: 20px; padding-bottom: 20px; position: relative; }

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

#content { padding-top: 9px; margin-top: 1.28571%; padding-bottom: 12px; }

.asideMainTitle { text-align: center; border-radius: 12px 12px 0 0; overflow: hidden; border: 1px solid #1c92f2; height: 85px; font-size: 26px; color: white; line-height: 1; font-weight: bold; margin-bottom: 15px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.17); background: #0078cf url(../img/bg-asidetitle.jpg) no-repeat left top; background: -webkit-linear-gradient(160deg, white, #78cdfa 22%, #0078cf 50%); background: -moz-linear-gradient(160deg, white, #78cdfa 22%, #0078cf 50%); background: -o-linear-gradient(160deg, white, #78cdfa 22%, #0078cf 50%); background: -ms-linear-gradient(160deg, white, #78cdfa 22%, #0078cf 50%); background: linear-gradient(160deg, white, #78cdfa 22%, #0078cf 50%); white-space: nowrap;}
.asideMainTitle:after { content: ''; height: 100%; width: 0px; overflow: hidden; }
.asideMainTitle span { width: 100%; white-space: nowrap; }
.asideMainTitle:after, .asideMainTitle span { display: inline-block; vertical-align: middle; }
@media screen and (max-width: 820px) { .asideMainTitle { position: absolute; top: 0; left: 0; width: 100%; height: 72px; font-size: 24px; } }
@media screen and (max-width: 400px) { .asideMainTitle { height: 60px; font-size: 21px; } }

.asideTitle { position: relative; background: #0076ca; font-size: 18px; color: white; line-height: 1.2; padding: 11px 0px 11px 14px; font-weight: bold; border-radius: 12px 12px 0px 0px; overflow: hidden; }

.asideList { border-style: solid; border-color: #c5c6c8; border-width: 0px 1px 1px 1px; }
.asideList li a { display: block; line-height: 1.2; padding: 13px 8px 13px 14px; background:#2396e7; color:#fff;}
.asideList > li { position: relative; text-transform: capitalize; border-top: 1px solid #d9e6f7; }
.asideList > li > a { background: #2396e7; color: #fff; }
.asideList > li:hover ul{display:block;}
.asideList > li ul { display: none; position:absolute; top:0; left:100%;width:100%;}
.asideList > li ul a:hover { background: #fff; color: #2396e7; }
.asideList li ul li.selected>a{ background-color:#b0deff;}
.asideList li ul li ul a{ padding-left:25px;}
.asideList li ul li ul li{ margin-top:1px;}

#aside > a { display: block; margin-top: 10px; }

.rightTop { border-bottom: 3px solid #0076ca; padding-bottom: 13px; }
.rightTop .mainTitle { font-size: 19px; color: #28a3fa; line-height: 1; padding-right: 4px; color: #6e6e6e; }
.rightTop .mainTitle, .rightTop #location { vertical-align: bottom; }

.proDisplay { margin-top: 1%; border-bottom: 1px dotted #999; margin-bottom: 3%; }
.proDisplay .proPic { padding-top: 8px; padding-bottom: 10px; margin-bottom: 1%; }
.proDisplay .proPic, .proDisplay .line { width: 30.28571%; }
.proDisplay .proPicTitle { padding-top: 1%; text-align: center; }
.proDisplay hr { display: inline-block; width: 100%; border-style: dotted; border-width: 1px 0px 0px 0px; border-color: #999; margin-bottom: 2%; margin-top: 1%; }
@media screen and (max-width: 550px) { .proDisplay .proPic { width: 47%; }
  .proDisplay .line, .proDisplay hr { display: none; } }
@media screen and (max-width: 350px) { .proDisplay .proPic { width: 100%; } }

.proList { padding-bottom: 8px; margin-bottom: 2%; display: table; width: 100%; margin-top: -15px; }
.proList li { display: table-row; }
.proList .proPic, .proList .listText { display: table-cell; padding-top: 30px; padding-bottom: 30px; vertical-align: middle; border-bottom: 1px dotted #898989; }
.proList .proPic { width: 30.28571%; min-width: 150px; }
.proList .proPic img { width: 100%; border-radius: 6px; overflow: hidden; }
.proList .listText { padding-left: 3.0303%; }
.proList .listText a.listTitle { font-size: 16px; line-height: 1.2; text-transform: capitalize; }
.proList .listText p { line-height: 20px; overflow: hidden; max-height: 40px; margin-bottom: 5px; margin-top: 2%; }
.proList .listText a.more { width: 92px; height: 25px; line-height: 25px; text-align: center; display: block; background: #017ed8; border-radius: 6px; overflow: hidden; color: #fff; }
.proList .listText a.more:after { content: "\e644"; font-family: icomoon; font-size: 24px; vertical-align: middle; padding-left: 10px; margin-top: 1%; }
@media screen and (max-width: 480px) { .proList { margin-top: 8px; }
  .proList, .proList li, .proList .listText { display: block; width: auto; }
  .proList .proPic, .proList .listText { border-bottom: 0px none; padding: 0; }
  .proList .proPic { min-width: initial; }
  .proList .proPic img { width: auto; }
  .proList li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #898989; }
  .proList .listText { margin-top: 8px; }
  .proList .listText p { line-height: 24px; overflow: hidden; height: 48px; max-height: none; } }

.proDisplay .proPic > a, .proList .proPic > a, .proTabPic li .proPic > a { position: relative; border-radius: 12px; overflow: hidden; border: 1px solid #fff; }
.proDisplay .proPic > a:before, .proList .proPic > a:before, .proTabPic li .proPic > a:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; border-radius: 12px; overflow: hidden; }

@media screen and (max-width: 600px) { .proTab { width: 55%; } }
@media screen and (max-width: 500px) { .proTab { width: 100%; margin-top: 10px; } }

.proTabPic { width: 30.28571%; }
.proTabPic li { display: none; }
.proTabPic li .title { padding-bottom: 6px; margin-bottom: 1%; line-height: 1.2; }
.proTabPic li p { line-height: 24px; overflow: hidden; max-height: 96px; color: #999ca3; padding-top: 5px; margin-top: 1%; }
.proTabPic .proPic { text-align: center; }
@media screen and (max-width: 600px) { .proTabPic { width: 40%; } }
@media screen and (max-width: 500px) { .proTabPic { width: 100%; }
  .proTabPic .proPic, .proTabPic p { display: inline-block; vertical-align: top; width: 48%; }
  .proTabPic .proPic { margin-right: 2.5%; }
  .proTabPic li p { margin-top: 0; padding-top: 0; line-height: 19px; overflow: hidden; height: 76px; max-height: none; } }

.proClassTitle { font-size: 24px; line-height: 1; }
.protop.justify > div { vertical-align: top; }
.proTitle { font-size: 16px; color: #333333; line-height: 1.2; width: 100%; }

.proleft2 { text-align: center; }
.proleft2 img { border-radius: 12px; overflow: hidden; border: 1px solid #cecece; }

.proLeft{ width:45%;}
@media screen and (max-width:540px){ .proLeft{ width:70%;}}
#slideLogo img{ border:1px solid #ddd; border-radius:8px;overflow:hidden}
#slideList{ list-style:none; height:auto; overflow:hidden;}
#slideList li{ float:left; width:20%;margin-left:8px; margin-top:10px; cursor:pointer;}
#slideList li:first-child{margin-left:0px; cursor:pointer;}

.proleft2 { width: 49%; }
.proright2 { width: 45.28571%; }
.protop { padding-bottom: 20px; }
.proLinks { line-height: 1; padding-top: 9px; margin-top: 1.28571%; padding-bottom: 7px; margin-bottom: 0.71429%; }
.proLinks > a, .proLinks > a img, .proLinks > a span, .proLinks .addthis_toolbox { display: inline-block; vertical-align: bottom; }
.proLinks > a, .proLinks .addthis_toolbox { margin-bottom: 8px; }
.proLinks .addthis_toolbox { width: 200px; }
.proLinks > a { margin-right: 14px; }
.proLinks > a i { color: #999; }
.proLinks > a span { padding-left: 3px; }
.proLinks > a img { border: 1px solid #c8d0dc; }

.proright { width: 52%; }
.proright .proTitle { margin-bottom: 4.58015%; }
.proright > p { overflow: hidden; line-height: 24px; overflow: hidden; max-height: 168px; color: #1e4b7f; }
.proright .addthis_toolbox, .proright .pdcon { margin-top: 9.16031%; }
.proright .pdcon > a { color: #000; margin-top: 8px; }
.proright .pdcon > a img { display: block; margin-bottom: 3px; border: 1px solid #c8d0dc; }
.proright .pdcon > a i { color: #999; }
.proright .pdcon > a:hover , .proright .pdcon > a:hover i{ color: #2396e7;}
@media screen and (max-width: 600px) { .proright .addthis_toolbox, .proright .pdcon { padding-top: 15px; margin-top: 1%; }
  .proright .proTitle { padding-bottom: 6px; margin-bottom: 1%; }
  .proright .pdcon { text-align: left; }
  .proright .pdcon > a:first-child { margin-right: 15px; } }

.textContent { word-wrap: break-word; }

.newsTitle { font-size: 20px; line-height: 1.2; color: #0076ca; padding-bottom: 5px; }
@media screen and (max-width: 600px) { .newsTitle .newsTitle { font-size: 18px; } }

.newsTime { text-align: right; line-height: 1; border-bottom: 1px dotted #97989a; }

.newsContent { padding-bottom: 25px; margin-bottom: 12px; margin-top: 12px; border-bottom: 1px dotted #97989a; }

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

#bannerSub { padding-bottom: 13px; margin-bottom: 1.85714%; }
#bannerSub img { display: block; border-radius: 12px; overflow: hidden; width:100%;}

.asideSupport .title a, .asideCont a { font-size: 13px; color: white; line-height: 18px; display: block; font-weight: bold; text-align: center; }
.asideSupport .title a:after, .asideCont a:after { content: "\e628\e628"; font-family: icomoon; font-size: 12px; letter-spacing: -6px; padding-left: 3%; }

.asideSupport .title a { background: #0076ca; padding: 8px 2px; }

.asideCont { display: table; width: 100%; }
.asideCont a { display: table-cell; background: url(../img/bg-cont.jpg) no-repeat center; background-size: cover; height: 64px; vertical-align: middle; }

.asideSupport, .asideCont, .asideMail { border-radius: 11px; overflow: hidden; margin-top: 15px; }
@media screen and (max-width: 820px) { .asideSupport, .asideCont, .asideMail { display: none; } }

.asideMail { padding: 9.09091% 5px; background: #fff; border: 1px solid #d6d6d6; }
.asideMail img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.asideMail a { display: block; text-align: center; text-decoration: underline; line-height: 1.2; color: #0076ca; }

#quotation.inquiry { width: 228px; }
#quotation.inquiry .title { background: #8cc2ff; font-size: 16px; color: #fff; line-height: 35px; padding-left: 15px; margin-bottom: 8px; margin-left: 1px; margin-right: 1px; }
#quotation.inquiry li { margin-bottom: 8px; }
#quotation.inquiry li input, #quotation.inquiry li textarea { border-color: #b4c2cd; }
#quotation.inquiry li textarea { height: 76px; }
#quotation.inquiry input[name="code"] { border-radius: 0px; }
#quotation.inquiry input.btn { background: #8cc2ff; width: 84px; height: 23px; line-height: 23px; text-align: center; text-transform: capitalize; border-radius: 0px; }
#quotation.inquiry input.btn:first-child { margin-right: 10px; }

#quotation.inquiry, .inquiryR { display: inline-block; vertical-align: top; margin-bottom: 2%; padding-bottom: 10px; padding-top: 5px; }

.inquiryR { margin-left: 5%; max-width: 50%; }
.inquiryR .contList { padding-bottom: 10px; margin-bottom: 1.5%; line-height: 1.2; font-size: 14px; }
.inquiryR .contList a i { color: #0076ca; }
.inquiryR .contList li { margin-bottom: 4px; padding: 3px 0; }
.inquiryR .pdcon { padding-top: 22px; margin-top: 22px; border-top: 1px dotted #656565; }
.inquiryR .pdcon > a:first-child { width: 192px; height: 35px; line-height: 35px; text-align: center; background: #fe2c2d; display: block; font-size: 20px; color: #fff; }

@media screen and (max-width: 550px) { #quotation.inquiry, .inquiryR { display: block; }
  .inquiryR { max-width: none; margin-left: 0; }
  #quotation.inquiry { width: 480px; max-width: 100%; } }
body.clear { overflow: hidden; }

#footerToolBar { position: fixed; bottom: 0px; left: 0px; height: 0px; width: 100%; height: 45px; background: #292929; border-top: 1px solid rgba(255, 255, 255, 0.2); display: none; z-index:999;}
#footerToolBar #footerBarClose { width: 100px; height: 20px; position: absolute; top: -20px; left: 50%; margin-left: -50px; cursor: pointer; }
#footerToolBar #footerBarClose:before { content: "\e626"; font-family: icomoon; font-size: 12px; color: #fff; text-align: center; line-height: 18px; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 18px; background: #292929; border-radius: 4px 4px 0px 0px; overflow: hidden; }
#footerToolBar li { width: 20%; height: 43px; float: left; text-align: center; margin-top: 2px; border-color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; }
#footerToolBar li a { display: block; height: 43px; color: #fff; font-size: 12px; line-height: 1; text-transform: capitalize; opacity: 0.8; filter: alpha(opacity=80); }
#footerToolBar li a:before { content: ''; width: 30px; height: 20px; margin: 4px auto 3px auto; display: block; background: url(../img/footerbox/footer-tool.png) no-repeat; background-size: 149px; }
#footerToolBar li:first-child { border-left: 0px none; }
#footerToolBar .footerBarPro a:before { background-position: -120px 0px; }
#footerToolBar .footerBarTel a:before { background-position: -90px 0px; }
#footerToolBar .footerBarEmail a:before { background-position: 0px 0px; }
#footerToolBar .footerBarMessage a:before { background-position: -30px 0px; }
#footerToolBar .footerBarShare a:before { background-position: -60px 0px; }
#footerToolBar.close { bottom: -43px; }
#footerToolBar.close #footerBarClose:before { content: '\e627'; }

.mapWrap{ margin-top:25px; border:1px solid #ddd;}

.toolMask { background: #f7f7f7; position: fixed; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; display: none; overflow-x: hidden; overflow-y: hidden; z-index: 1200; margin-left: 100%; }
.toolMask, .toolMask a { color: #333; }
.toolMask.moveLeft { margin-left: 0; }
.toolMask .toolTop { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 46px; line-height: 45px; font-size: 18px; text-align: center; border-bottom: 1px solid #ddd; background: #fcfcfc; padding-right: 32px; }
.toolMask .toolContent { position: absolute; top: 45px; width: 100%; left: 0px; bottom: 5px; overflow-y: scroll; background: #f7f7f7; }
.toolMask .toolContent > ul > li { border-top: 1px solid #fff; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 1.2; text-transform: capitalize; position: relative; }
.toolMask .toolContent > ul > li a { display: block; padding-top: 12px; padding-bottom: 12px; padding-right: 20px; }
.toolMask .toolContent > ul > li > a { padding-left: 20px; }
.toolMask .toolContent > ul > li > a:after { content: '\e622'; font-family: icomoon; color: #999; font-size: 18px; position: absolute; width: 12px; height: 18px; line-height: 18px; text-align: center; right: 10px; top: 13px; font-weight: normal; }
.toolMask .toolContent > ul > li.selected { background: #eee; border-bottom: 3px solid #dadada; }
.toolMask .toolContent > ul > li.selected > a { background: #eee; font-weight: bold; }
.toolMask .toolContent > ul > li.selected > a:after { content: '\e623'; }
.toolMask .toolContent > ul > li.noUl > a:after { display: none; }
.toolMask .toolContent > ul > li ul { display: none; }
.toolMask .toolContent > ul > li ul li { border-top: 1px dotted #ccc; font-size: 12px; }
.toolMask .toolContent > ul > li ul li a { padding-left: 36px; }
.toolMask .toolContent .ToolListTitle { font-size: 15px; padding: 10px; font-weight: bold; background: #e4e4e4; }
.toolMask .toolContent > ul { padding-bottom: 15px; }
.toolMask .toolContent > ul:last-child { padding-bottom: 30px; }
.toolMask #toolCloseBtn { position: absolute; right: 0px; top: 0px; width: 55px; height: 42px; cursor: pointer; z-index: 1210; }
.toolMask #toolCloseBtn:before { content: "\e60e"; font-family: icomoon; font-size: 14px; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; overflow: hidden; color: #fff; background: #aaa; position: absolute; top: 5px; right: 5px; }
.toolMask #toolCloseBtn:hover:before { background: #bbb; }

@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; font-family: BebasRegular, "Arial Narrow", Arial, San-serif; }
#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: '\e63d'; 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: 850px) { .center { width: 98%; } }
@media screen and (max-width: 600px) { .center { width: 97%; } }
@media screen and (max-width: 450px) { .center { width: 96%; } }

@media screen and (max-width: 820px) { #header { margin-top: 50px; margin-bottom: 0; padding-bottom: 0; }
  #container:before { background: none; display: none; }
  #logo { width: 100%; text-align: center; margin-top: 1.2%; }
  #menuTop { display: block; }
  #nav, #header .topRight { position: absolute; background: #222; width: 100%; left: 0px; top: 46px; z-index: 199; margin-top: 0px; display: none; }
  #nav { height: auto; border: 0px none; border-radius: 0px; border-top: 1px solid #181818; border-radius: 0; padding: 0; }
  #nav>ul, #nav>ul>li { display: block; margin: 0; }
  #nav>ul>li { width: 100%; text-align: center; font-weight: normal; padding: 0; }
  #nav>ul>li { line-height: 44px; color: #efefef; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); border-top: 1px solid #2b2b2b; border-bottom: 1px solid #171717; background: none; }
  #nav>ul>li>div>a { border: 0px none; font-weight: normal; }
  #nav>ul>li>div>a:hover { background: none; color: #efefef; }
  #nav>ul>li>div>a:hover:after { display: none; }
  #nav>ul>li>div>a:before, #nav>ul>li>div>a:after { display: none; }
  #nav:after { display: none; }
  .topRight { padding-bottom: 8px; padding-top: 8px; padding-right: 10px; padding-left: 15px; }
  .topRight .lang, .topRight .searchForm, .topRight .share { display: block; margin-bottom: 12px; margin-left: 0; margin-right: 0; }
  .topRight, .topRight a, .topRight .lang a { color: #efefef; line-height: 34px; }
  .topRight .searchForm { width: 280px; padding-right: 38px; }
  .topRight .search { height: 34px; padding: 6px 5px; line-height: 22px; background: #fff; border: 0px none; font-size: 14px; color: #333; }
  .topRight .searchBtn { width: 38px; height: 34px; }
  .topRight .lang { background: none; width: auto; padding: 0; color: #ccc; cursor: default; }
  .topRight .lang, .topRight .lang ul { border: 0px none; }
  .topRight .lang:after { display: none; }
  .topRight .lang ul { position: static; width: auto; }
  .topRight .lang ul, .topRight .lang ul li { display: inline-block; }
  .lang:before { content: 'Language:'; }
  .topRight .share:before { content: 'Share:'; }
  .lang:before, .topRight .share:before, a.mail:before { color: #ccc; padding-right: 8px; }
  .topRight .share a { margin-bottom: 5px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); margin-right: 8px; }
  #aside, .right { width: 100%; float: none; }
  #aside { margin-top: 0; }
  .asideTitle { padding-top: 10px; padding-bottom: 10px; padding-right: 80px; height: auto; font-size: 17px; line-height: 20px; border-radius: 0; }
  .asideBtn { display: block; }
  #aside .asideList { display: none; }
  #footerToolBar, .toolMask { display: block; }
  #footer { padding-bottom: 50px; }
  #main { padding-top: 0; } }
@media screen and (max-width: 600px) { .proLeft, .proright { width: 100%; }
  .proright { margin-top: 10px; } }
@media screen and (max-width: 768px) { #footerToolbox { visibility: visible; }
  #chatToolBox { display: none; } }
@media screen and (max-width: 1000px){#nav>ul>li:hover ul{display:none;}}

.rightMessage { display: table; margin-top: 28px; font-size: 16px; width: 100%; }
.rightMessage .leaveMessage { width: 21.34831%; border-right: 1px #fff solid; background: #0076CA; text-align: center; display: table-cell; color: #fff; vertical-align: middle; padding: 8px 0;  font-size: 13px;}
@media screen and (max-width: 768px) { .rightMessage .leaveMessage { width: 100%; display: block; } }
.rightMessage .rely { padding-left: 25px; display: table-cell; background: #eee; color: #565656; width: 78.65169%; vertical-align: middle; line-height: 1.2;font-size: 13px;}
@media screen and (max-width: 768px) { .rightMessage .rely { width: 100%; display: block; padding-top: 5px; padding-bottom: 5px; } }
@media screen and (max-width: 600px) { .rightMessage .rely { padding-left: 10px; line-height: 1.3; } }

.rightForm { border: 1px solid #e5e5e5; padding: 3.37079% 2.02247% 2.69663% 3.37079%; }
@media screen and (max-width: 768px) { .rightForm { padding: 10px; } }
.rightForm .box { width: 48.5%; margin-bottom: 18px; position: relative; }
.rightForm .box input, .rightForm .box textarea { width: 100%; background: transparent; height: 40px; z-index: 2; border: 1px solid #e5e5e5; padding-left: 10px; position: relative;}
.rightForm .box input:focus, .rightForm .box textarea:focus { background:#fff; border: 1px solid #0076CA; z-index:9 }
.rightForm .box input.focusOn, .rightForm .box textarea.focusOn { background: #fff; z-index:9}
.rightForm .box textarea { padding-top: 10px; min-height: 100px; }
.rightForm .box label { width: 100%; font-size: 12px; position: absolute; color: #9a9a9a; top: 5px; left: 0; padding-left: 10px; text-align: left; z-index: 1; }

@media screen and (max-width: 768px) { .rightForm .box { width: 49%; } }
@media screen and (max-width: 600px) { .rightForm .box { width: 100%; margin-top: 0; } }
.rightForm .box.textarea { width: 100%; }
.rightForm #codeNum { text-align: center; }
.rightForm .code { width: 80px; padding: 8px; border: 1px solid #e5e5e5; }
.rightForm .codeImg { margin-left: 10px; display: inline-block; vertical-align: middle; cursor: pointer; }
.rightForm .button { text-align: center; margin-top: 15px; }
.rightForm .btn-primary { width: 96px; height: 30px; line-height: 30px; text-align: center; color: #a8a8a8; border: 1px solid #E5E5E5; }
.rightForm .btn-primary:first-child { margin-right: 20px; }
.rightForm .btn-primary:hover, .rightForm .btn-primary.active { background: #0076CA; color: #fff; border-color: #0076CA; }

.mainContact{margin-bottom: 25px;}
.mainContact .contactInfo { width: 25.83333%; float: left; }
.mainContact .contactInfo > ul { margin-top: 20px; }
@media screen and (max-width: 1080px) { .mainContact .contactInfo > ul { margin-top: 0; } }
.mainContact .contactInfo li { margin-top: 10px; color: #555555; }
.mainContact .contactInfo li a { color: #555555; }
.mainContact .contactInfo li a:hover { color: #D80010; }
.mainContact .contactInfo li a:hover span{ color: #D80010; }
@media screen and (max-width: 768px) { .mainContact .contactInfo { width: 100%; } }
.mainContact .contactForm {  float: right; position: relative; margin-top: 10px;}
.mainContact .contactForm .box { width: 47.5%; margin-top: 10px; }
@media screen and (max-width: 1080px) { .mainContact .contactForm .box { width: 100%; } }
.mainContact .contactForm #Enquire { min-height: 150px; }
.mainContact .contactForm label { margin-bottom: 6px; display: inline-block; }
.mainContact .contactForm input, .mainContact .contactForm textarea { border: 1px solid #e3e3e3; padding: 10px; width: 100%; }
.mainContact .contactForm .abSubmit { position: absolute; bottom: 5px; left: 0; width: 47.5%; }
.mainContact .contactForm .abSubmit .btn-primary { background: #fff; width: 42.94118%; max-width: 146px; min-width: 110px; text-align: center; height: 40px; line-height: 40px; color: #555; border: 1px solid #e3e3e3; }
.mainContact .contactForm .abSubmit .btn-primary:hover, .mainContact .contactForm .abSubmit .btn-primary.active { background: #0076CA; color: #fff; }
.mainContact .contactForm .abSubmit .btn-primary:first-child { margin-right: 12px; }
@media screen and (max-width: 768px) { .mainContact .contactForm .abSubmit { position: relative; width: 100%; margin-top: 20px; } }
@media screen and (max-width: 1080px) { .mainContact .contactForm { width: 100%; margin-top: 20px; } }
.mainContact .title {  margin-bottom: 10px; color: #6e6e6e;border-bottom: 3px solid #0076ca;padding-bottom: 10px;font-size: 19px;text-transform: uppercase;}
@media screen and (max-width: 1080px) { .mainContact .title { margin-bottom: 0; } }

#contactCode { margin-bottom: 10px; }
#contactCode #code { width: 84px; display: inline-block; padding: 5px; color: #8D8D8D; margin-right: 15px; }
#contactCode .codeImg { display: inline-block; vertical-align: middle; cursor: pointer; }