@charset "UTF-8";
#gotop, #main_case .item .info, #main_one .mabout .info, #main_one .mservice .info, #contact .message_two li.box input[type="submit"], #contact .message_two li.box input[type="reset"], .message ul li label, .message input[type=submit], .message input[type=reset], #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; }
.message .title .tr { text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }
*, *:before, *:after, #footerToolBar 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; }
#chatToolBox { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }
.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; }
#banner_wrap .tip span, #main_one .title { font-family: BebasNeue, Calibri, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }
#banner .item .more p { font-family: Elephnt, Calibri, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }
#location, .products .listname, .products .list, #contact .title { font-family: Vani, Calibri, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }
body { font-family: verdana, Calibri, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }
/*  reset style  */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, table, figure { padding: 0; margin: 0; }
input:focus, textarea:focus, button:focus, area:focus { outline: none; }
*:before, *:after { text-align: inherit; }
fieldset, img, abbr, acronym, a img { border: 0px none; }
ol, ul, li, figure { list-style: none; }
address, caption, cite, code, dfn, 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: ''; }
table { border-collapse: collapse; border-spacing: 0; }
table td, table th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-all; }
table th { background: #ddd; font-weight: bold; }
img { max-width: 100%; height: auto; width: auto\9; }
button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button { overflow: visible; }
textarea, pre { overflow: auto; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
a[href], label[for], select { cursor: pointer; }
a, input, div, textarea, span { -webkit-tap-highlight-color: transparent; }
a { text-decoration: none; color: #333; }
a:active, a:hover { outline: 0; }
hr { height: 1px; width: 100%; overflow: hidden; border: 0px none; box-shadow: none; background: #ccc; }
sup, sub { vertical-align: baseline; position: relative; font-size: 75%; }
sup { top: -0.5em; }
sub { bottom: -0.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; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
/*  common style  */
@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#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }
@font-face { font-family: "Elephnt"; src: url("../font/Elephnt.eot"); src: local("Elephant"), url("../font/Elephnt.eot?#iefix") format("embedded-opentype"), url("../font/Elephnt.woff") format("woff"), url("../font/Elephnt.ttf") format("truetype"), url("../font/Elephnt.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }
@font-face { font-family: "BebasRegular"; src: url("../img/footerbox/bebas.eot"); src: local("BebasRegular"), 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; }
@font-face { font-family: "verdana"; src: url("../font/verdana.eot"); src: local("Verdana"), url("../font/verdana.eot?#iefix") format("embedded-opentype"), url("../font/verdana.woff") format("woff"), url("../font/verdana.ttf") format("truetype"), url("../font/verdana.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }
@font-face { font-family: "BebasNeue"; src: url("../font/BebasNeus.eot"); src: local("BebasNeue"), url("../font/BebasNeue.eot?#iefix") format("embedded-opentype"), url("../font/BebasNeue.woff") format("woff"), url("../font/BebasNeue.ttf") format("truetype"), url("../font/BebasNeue.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }
body { line-height: 1.5; font-size: 14px; color: #333; overflow-x: hidden; background: #fff repeat left top; }

/* input[type="text"] , textarea{ color:#999; text-align:left;}
input[type="text"].focusOn , textarea.focusOn{ color:#333;} */
input[type="text"], textarea { text-align: left; background: transparent; }

input[type="text"]:focus, input[type="text"].focusOn, textarea:focus, textarea.focusOn { background: #fff; }

.pageNum { margin: 1% 0; display: inline-block; }
.pageNum a, .pageNum span { font-size: 12px; line-height: 16px; padding: 6px 11px; display: inline-block; margin-right: 6px; margin-bottom: 7px; border: 1px solid #d7d7d5; color: #000; }
.pageNum a:hover, .pageNum .cur { color: #fff; background: #565656; }

.share a { display: inline-block; vertical-align: top; text-align: center; margin-left: 15px; }
.share a:before { font-family: 'icomoon'; display: inline-block; font-size: 17px; text-align: center; color: #B2B2B2; }
.share a.facebook:before { content: '\e62c'; }
.share a.linkedin:before { content: '\e630'; }
.share a.twitter:before { content: '\e62b'; }
.share a.google:before { content: '\e62d'; }
.share a.youtube:before { content: '\e633'; }
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; clear: both; visibility: hidden; height: 0; }
#gotop { cursor: pointer; position: fixed; width: 35px; height: 41px; color: #fff; font-size: 14px; text-align: center; background: #000; filter: alpha(opacity=60); opacity: 0.6; bottom: 3%; right: 2%; border-radius: 5px; z-index: 9999; text-transform: capitalize; }
#gotop:hover { opacity: 0.75; }
#gotop:before { content: "\e627"; display: block; font-family: icomoon; text-align: center; background-image: none; font-size: 12px; margin-top: 2px; height: 16px; }
@media screen and (max-width: 760px) { #gotop { bottom: 11%; } }
.prenext { color: #3E89D0; }
.prenext b { font-size: 14px; color: #3E89D0; font-weight: normal; padding-right: 3px; text-transform: capitalize; }
.prenext a { font-size: 14px; color: #3E89D0; font-weight: normal; }
.addthis_sharing_toolbox { margin: 15px 0; }
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; }
#container { width: 1920px; max-width: 100%; margin: 0 auto; position: relative; }
.addthis_sharing_toolbox { margin: 15px 0; }
.center { width: 1200px; max-width: 100%; margin: 0 auto; position: relative; }
@media screen and (max-width: 1280px) { .center { width: 95%; } }
#head { padding-top: 28px; padding-bottom: 23px; }
#menu { display: none; position: absolute; top: 0; right: 0px; text-align: center; cursor: pointer; border-radius: 3px; z-index: 960; font-weight: bold; background: #3E89D0; color: #fff; padding: 0 8px; }
#menu:after { content: '\e637'; font-family: icomoon; font-size: 26px; color: #fff; }
@media screen and (max-width: 940px) { #menu { display: block; } }
#toolhide { text-align: center; background: #3E89D0; position: absolute; right: 70px; top: 0px; color: #fff; cursor: pointer; border-radius: 3px; padding: 0 8px; display: none; z-index: 992; }
#toolhide:after { content: '\e638'; font-family: 'icomoon'; color: #fff; font-size: 26px; }
@media screen and (max-width: 940px) { #toolhide { display: inline-block; } }
#logo { width: 9.41667%; min-width: 70px; }
#tool { text-align: right; padding-top: 22px; width: 88%; z-index: 966; }
#tool .share { display: inline-block; vertical-align: middle; }
#tool .share a:hover:before { color: #565656; }
#tool .lang { display: inline-block; vertical-align: middle; margin-left: 15px; }
#tool .lang a { display: inline-block; color: #A6A6A6; margin-left: 15px; font-size: 12px; }
#tool .lang a:hover { color: #565656; }
#tool .lang img { display: inline-block; vertical-align: middle; margin-left: 10px; }
#tool .search { text-align: right; margin-top: 17px; }
#tool .search form { position: relative; width: 258px; display: inline-block; background: #3E89D0; }
#tool .search input[type="text"] { width: 100%; border: 0px none; height: 38px; line-height: 38px; position: relative; padding-left: 22px; color: #fff; position: relative; z-index: 2; }
#tool .search input[type="text"]:focus, #tool .search input[type="text"].focusOn { background: #3E89D0; }
#tool .search label { position: absolute; left: 22px; font-size: 12px; top: 12px; color: #fff; }
#tool .search input[type="submit"] { position: absolute; width: 18px; height: 18px; background: url(../img/search.png) no-repeat center; border: 0px none; position: absolute; right: 10px; top: 10px; z-index: 10; }
@media screen and (max-width: 1280px) { #tool { padding-top: 0; padding-bottom: 10px; }
  #tool .search { display: inline-block; margin-left: 15px; margin-top: 0; } }
@media screen and (max-width: 940px) { #tool { position: absolute; right: 0; top: 39px; border-radius: 5px; background: #fff; border: 2px solid #1C5D98; width: 280px; padding: 15px 20px; display: none; }
  #tool .box { display: block; }
  #tool .lang { margin: 15px 0; }
  #tool .search { margin-left: 0; }
  #tool .search form { width: 100%; } }
#nav { position: absolute; bottom: 0px; right: 21.5%; z-index: 996; background: #1C5D98; border-radius: 4px 0 0 4px; padding-left: 30px; }
#nav > ul > li { float: left; position: relative; }
#nav > ul > li:hover ul { display: block; padding: 22px; filter: alpha(opacity=100); opacity: 1; }
#nav > ul > li:hover ul li { height: 40px; padding: 10px 0; }
#nav > ul > li ul { position: absolute; left: 0; top: 100%; width: 210%; background: #fff; z-index: 960; border-radius: 5px; filter: alpha(opacity=0); opacity: 0; }
#nav > ul > li ul li { height: 0; }
#nav > ul > li ul li a { color: #565656; display: block; position: relative; }
#nav > ul > li ul li a:before { content: '\e63c'; font-family: icomoon; color: #B4A051; margin-right: 10px; }
#nav > ul > li ul li a:hover { color: #3E89D0; }
#nav > ul > li > a { display: block; color: #fff; padding: 12px 30px; text-transform: uppercase; line-height: 1; position: relative; }
#nav > ul > li > a:after, #nav > ul > li > a:before { content: ''; position: absolute; left: 0; top: 11px; width: 1px; height: 18px; }
#nav > ul > li > a:before { background: #2C6DAA; left: -1px; }
#nav > ul > li > a:after { background: #115188; }
@media screen and (max-width: 1280px) { #nav { right: 0; bottom: -10px; } }
@media screen and (max-width: 940px) { #nav { background: #fff; padding: 10px 20px; width: 280px; top: 39px; bottom: inherit; border-radius: 4px; border: 2px solid #fff; display: none; border: 2px solid #1C5D98; }
  #nav > ul > li { float: none; display: block; }
  #nav > ul > li > a { display: block; padding: 10px 0; border-bottom: 1px solid #ddd; color: #333; font-weight: bold; }
  #nav > ul > li > a:after, #nav > ul > li > a:before { display: none; }
  #nav > ul > li:hover ul { display: none; } }

#banner { max-width: 1900px; max-height: 552px; overflow: hidden; position: relative; }
#banner .slick-list { position: relative; }
#banner:after { content: ''; width: 100%; height: 40%; position: absolute; left: 0; bottom: 0; background: url(../img/bnbg.png) no-repeat center bottom; z-index: 15;background-size: 86%; }
#banner .slick-dots { width: 1200px; text-align: right; left: 0; right: 0; margin: 0 auto; bottom: 20px; max-width: 100%; }
#banner .slick-dots li { margin-right: 0; margin-left: 15px; }
#banner .slick-dots li.slick-active button { background: #3e89d0; }
#banner .slick-dots li button { width: 213px; height: 68px; border-radius: 5px; font-size: 18px; color: #fff; background: url(../img/blue.png) repeat; background: rgba(62, 137, 208, 0.25); position: relative; }
#banner .slick-dots li button:after { width: 100%; height: 15px; content: ''; position: absolute; bottom: -15px; left: 0; background: url(../img/bnaf.png) no-repeat; }
#banner .item { position: relative; }
#banner .item .more { position: absolute; right: 2%; top: 25%; z-index: 995; width:53%; }
#banner .item .more.two{width:68%;}
#banner .item .more.three{ right:21%; width: 30%;}
#banner .item .more.one p{ color: #1C5D98;}
#banner .item .more p { font-size:40px; color: #fff; text-transform: uppercase; position: relative;  line-height: 1.1; }
#banner .item .more.three p{ line-height: 1.4; text-align:right; }
#banner .item .more p{ color:#fff;}
#banner .item .more span { font-size: 20px; padding: 15px 31px; color: #fff; border: 2px solid #fff; border-radius: 8px; display: inline-block; margin-top: 20px; transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; background: rgba(28, 93, 152, 0.1); }
#banner .item .more:hover span{ background: rgba(28, 93, 152, 0.5); }
@media screen and (max-width: 1366px) { 
#banner .item .more p{ font-size: 32px; }
#banner .item .more span { padding: 12px 25px; } 
#banner:after{background-size: 100%;}
}
@media screen and (max-width: 1280px) { #banner .item .more { right: 21%; }
  #banner .item .more p { font-size: 28px; }
  #banner .item .more span { padding: 12px 25px; font-size: 14px; }
  #banner .slick-list:after { display: none; }
  #banner .slick-dots li button { font-size: 12px; width: 160px; height: 48px; } }
@media screen and (max-width: 1080px) { #banner .slick-dots { text-align: center; }
  #banner .slick-dots li button { font-size: 0; width: 15px; height: 15px; border-radius: 50px; }
  #banner .slick-dots li button:after { display: none; }
  #banner .item .more p { font-size: 14px; }
  #banner .item .more span { display: none; } }
@media screen and (max-width: 640px){ #banner .item .more p{font-size:11px;}}
@media screen and (max-width: 540px) { #banner { width: 140%; margin-left: -20%; margin-right:-20% }  #banner .item .more{right:12%} }

#banner_wrap { position: relative; }
#banner_wrap .tip { position: absolute; bottom: 18px; margin: 0 auto; left: -100%; right: 0; z-index: 15; padding-left: 40px; }
#banner_wrap .tip img { display: inline-block; vertical-align: middle; margin-right: 18px; }
#banner_wrap .tip span { color: #fff; font-size: 40px; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-top: 5px; }
#banner_wrap .tip i { color: #C4C4C4; font-style: normal; }
@media screen and (max-width: 1366px) { #banner_wrap .tip span { font-size: 30px; } }
@media screen and (max-width: 1080px) { #banner_wrap .tip { display: none; } }

#main_case { margin-top: 3.2%; margin-bottom: 3%; }
#main_case .item { width: 33.333%; position: relative; overflow: hidden; background: #F3F3F3; }
#main_case .item a { display: block; }
#main_case .item .img { float: left; width: 50%; }
#main_case .item .img img { width: 100%; }
#main_case .item .info { width: 50%; height: 100%; padding: 20px; position: absolute; right: 0; top: 0; z-index: 66; }
#main_case .item .info .title { font-size: 12px; color: #565656; font-weight: bold; }
#main_case .item .info .know { color: #fff; font-size: 12px; margin: 15px 0; line-height: 1.7; max-height: 60px; overflow: hidden; filter: alpha(opacity=0); opacity: 0; }
#main_case .item .info .more { color: #999; position: absolute; bottom: 20px; font-size: 12px; }
#main_case .item:hover { background: #B4A051; background: rgba(180, 160, 81, 0.8); }
#main_case .item:hover .info { width: 100%; background: #B4A051; background: rgba(180, 160, 81, 0.8); }
#main_case .item:hover .info .title, #main_case .item:hover .info .more { color: #fff; }
#main_case .item:hover .info .know { filter: alpha(opacity=100); opacity: 1; }
#main_case .item:nth-child(n+4) .img { float: right; }
#main_case .item:nth-child(n+4) .info { left: 0; right: inherit; }
@media screen and (max-width: 980px) { #main_case .item { width: 50%; margin-bottom: 15px; }
  #main_case .item:nth-child(n+4) .img { float: left; }
  #main_case .item:nth-child(n+4) .info { left: inherit; right: 0; } }
@media screen and (max-width: 660px) { #main_case .item { width: 90%; margin-left: 5%; }
#main{margin-top:20px;} }
@media screen and (max-width: 450px) { #main_case .item .info .know { margin-top: 5px; }
  #main_case .item .info { padding: 20px 10px; }
  #main_case .item .info .more { bottom: 3px; } }

#main_one .title { font-size: 30px; color: #363636; text-transform: uppercase; width: 45%; border-bottom: 1px solid #E5E5E5; line-height: 1.3; margin-bottom: 15px; }
#main_one .mabout { width: 48%; }
#main_one .mabout .info { font-size: 12px; color: #999; line-height: 2.2; }
#main_one .mabout .more { width: 41%; background: #C2AE5B; border-radius: 3px; margin: 15px 0; }
#main_one .mabout .more a { display: block; color: #fff; font-size: 12px; padding: 11px 20px; }
#main_one .mabout .links a { display: inline-block; color: #565656; font-size: 12px; margin-right: 15px; margin-bottom: 10px; }
#main_one .mabout:hover .info { color: #333; }
#main_one .mservice { width: 50%; }
#main_one .mservice .img { display: inline-block; width: 48%; margin-top: 5px; }
#main_one .mservice .img img { width: 100%; }
#main_one .mservice .info { display: inline-block; width: 47%; float: right; font-size: 12px; color: #999; line-height: 2; margin-top: 5px; }
#main_one .mservice .info a { color: #3E89D0; font-size: 12px; }
#main_one .mservice:hover .info { color: #333; }
@media screen and (max-width: 980px) { #main_one .mabout { width: 100%; margin: 30px 0; }
  #main_one .mservice { width: 100%; margin-bottom: 30px; } }
@media screen and (max-width: 560px) { #main_one .title { margin-bottom: 5px; }
  #main_one .mservice .img { display: none; }
  #main_one .mservice .info { width: 100%; } }

#footer { background: url(../img/footbg.jpg) no-repeat right top; background-size: cover; padding-top: 40px; border-top: 8px solid #B4A151; margin-top: 3%; }
#footer .tip { font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; position: relative; display: inline-block; padding-bottom: 10px; margin-bottom: 20px; }
#footer .tip:after { width: 160%; height: 1px; content: ''; background: #31506E; position: absolute; bottom: 0; left: 0; }
#footer .box { overflow: hidden; padding-right: 2%; }
#footer ul li { color: #DEDFE2; font-size: 12px; margin-bottom: 10px; }
#footer ul li a { color: #DEDFE2; }
#footer ul li a:hover { color: #debb3c; }
#footer ul li span { color: #DEBB3C; }
#footer .one { width: 17.5%; }
#footer .one ul li a { text-transform: capitalize; }
#footer .three { width: 22.5%; }
#footer .three ul li a { text-transform: capitalize; }
#footer .four { width: 27.25%; }
#footer .five { width: 15.83333%; }
#footer .share { display: block; }
#footer .share a { display: block; color: #DFE2E7; text-align: left; font-size: 12px; vertical-align: middle; text-transform: capitalize; margin-left: 0; margin-bottom: 15px; }
#footer .share span { display: inline-block; vertical-align: middle; text-align: left; margin-left: 10px; }
#footer .share a:before { font-size: 22px; width: 60px; vertical-align: middle; }
@media screen and (max-width: 1180px) { #footer .tip { font-size: 12px; }
  #footer .two { display: none; }
  #footer .five { width: 20%; } }
@media screen and (max-width: 780px) { #footer .one { display: none; }
  #footer .four, #footer .three { width: 48%; }
  #footer .five { width: 100%; margin-top: 20px; }
  #footer .share a { display: inline-block; }
  #footer .share a:before { font-size: 16px; width: 40px; }
  #footer .share span { display: none; } }
@media screen and (max-width: 380px) { #footer .box { width: 100%; } }

#copyright { padding: 21px 0; padding-bottom: 16px; background: #052443; text-align: center; font-size: 12px; border-top: 1px solid #1E4565; }
#copyright .center .box { color: #fff; display: inline-block; }
#copyright .center .box a { color: #fff; text-transform: uppercase; font-size: 12px; }
#copyright .center .box a:hover { color: #3E89D0; }
#copyright .center .box:first-child { margin-right: 40px; }
@media screen and (max-width: 768px) { #copyright { padding-bottom: 65px; padding-top: 15px; }
  #copyright .box { font-size: 12px; }
  #copyright .justify .box:first-child { margin-right: 0; } }

#location { margin-bottom: 2%; text-align: center; background: url(../img/loca.jpg) no-repeat left top; padding-top: 74px; padding-bottom: 50px; }
#location .title { line-height: 1.2; font-size: 40px; color: #fff; text-transform: capitalize; font-weight: bold; position: relative; }
#location .to { color: #fff; }
#location .to a { color: #fff; line-height: 1.2; display: inline-block; text-transform: capitalize; }
@media screen and (max-width: 1280px) { #location { padding-top: 30px; padding-bottom: 25px; }
  #location .title { font-size: 24px; }
  #location .to a { font-size: 14px; } }
@media screen and (max-width: 680px) { #location { padding-top: 22px; padding-bottom: 15px; }
  #location .title { font-size: 18px; }
  #location .to a { font-size: 12px; } }

#aboutlist { border-bottom: 1px solid #E8E8E8; padding-bottom: 10px; margin-bottom: 20px; }
#aboutlist a { display: inline-block; text-transform: uppercase; font-size: 16px; }
#aboutlist a:hover { color: #3E89D0; }
#aboutlist a:first-child:before { display: none; }
#aboutlist a:before { content: "|"; margin-right: 22px; margin-left: 15px; }
@media screen and (max-width: 680px) { #aboutlist a { font-size: 14px; display: block; }
  #aboutlist a:before { display: none; } }

#main { margin-bottom: 3%; }

#MLcon { width: 22.5%; float: left; /*  .left_one > ul > li > ul li a:hover:before{ color:#fff;}
  .left_one > ul > li > ul li a:before{ font-family: icomoon; content: '\e60f'; font-size: 15px; color:#E3888C;  margin-right: 10px;} */ /*   .left_one > ul > li > a:before{ font-family: icomoon; content: '\e60f'; font-size: 15px; color:#E3888C;  margin-right: 10px;} */ /*   .left_one > ul > li.selected > a:before,.left_one > ul > li:hover > a:before{ color:#fff;} */ }
#MLcon .title { font-size: 30px; color: #565656; text-transform: capitalize; color: #363636; margin-bottom: 30px; line-height: 1; color: #3E89D0; }
#MLcon .left_one > ul > li { position: relative; }
#MLcon .left_one > ul > li > a { display: block; color: #565656; text-transform: capitalize; padding-top: 9px; padding-bottom: 8px; margin-bottom: 15px; border-bottom: 1px solid #E7E7E7; }
#MLcon .left_one > ul > li > ul { position: absolute; left: 100%; top: 0; width: 120%; background: #1C5D98; display: none; border-left: 1px solid #fff; }
#MLcon .left_one > ul > li:hover > ul { display: block; }
#MLcon .left_one > ul > li > ul li a { color: #fff; padding: 10px; padding-bottom: 9px; margin-bottom: 0px; display: block; position: relative; border-bottom: 1px solid #fff; font-size: 13px; }
#MLcon .left_one > ul > li > ul li a:hover { color: #fff; background: #3E89D0; }
#MLcon .left_one > ul > li.selected > a, #MLcon .left_one > ul > li:hover > a { color: #fff; background: #1C5D98; padding-left: 15px; }
#MLcon .left_one { margin-bottom: 15%; }
#MLcon .left_one img { width: 100%; }
#MLcon .left_one > ul > li.back a { text-align: right; padding-right: 15px; position: relative; border: 0px none; /*    &:after{ content: '\e63b'; font-family: 'icomoon'; display: inline-block; position: absolute; font-size: 16px; top:5px; right:65px;} */ }
#MLcon .left_one > ul > li.back a:hover:before { color: #fff; }
#MLcon .left_one > ul > li.back a:before { content: '\e63c'; font-family: 'icomoon'; display: inline-block; position: absolute; font-size: 16px; top: 6px; right: 55px; }
#MLcon ul > li.back a { text-align: right; padding-right: 15px; position: relative; border: 0px none; }
#MLcon ul > li.back a:hover:before { color: #fff; }
#MLcon ul > li.back a:before { content: '\e63c'; font-family: 'icomoon'; display: inline-block; position: absolute; font-size: 16px; top: 4px; right: 55px; }
@media screen and (max-width: 920px) { #MLcon { width: 100%; float: none; }
  #MLcon .title { font-size: 22px; }
  #MLcon .left_one { width: 48%; display: inline-block; vertical-align: top; }
  #MLcon .left_one ul > li > a { margin-bottom: 0; }
  #MLcon .left_one ul > li:hover ul { display: none; }
  #MLcon .left_one ul > li > ul { position: relative; left: 0; top: 100%; margin-top: 0; width: 100%; } }
@media screen and (max-width: 660px) { #MLcon .left_one { width: 100%; margin-bottom: 25px; }
  #MLcon .left_one .title { margin-bottom: 10px; font-size: 18px; } }

#MRcon { width: 74.16667%; float: right; }
@media screen and (max-width: 920px) { #MRcon { width: 100%; float: none; margin-bottom: 25px; } }

.products .listname { border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; }
.products .listname .title { color: #1C5D98; font-size: 18px; }
.products .listname .more a { color: #1C5D98; }
.products .list { margin-bottom: 20px; }
.products .list .box, .products .list .line { width: 23.5%; }
.products .list .box img { width: 100%; }
.products .list .title { display: block; text-align: center; margin: 10px 0; }
@media screen and (max-width: 640px) { .products .list .box, .products .list .line { width: 48%; } }

.procon .one .left { width: 32.58427%; }
.procon .one .left .proslide { margin-bottom: 20px; }
.procon .one .left .proslide img[src=""], .procon .one .left .proslide img[src=" "] { display: none; }
.procon .one .left .proslide img { width: 100%; }
.procon .one .left .proslide .slick-prev, .procon .one .left .proslide .slick-next { font-size: 46px; color: #fff; }
.procon .one .right { width: 64.60674%; }
.procon .one .right > p { display: inline-block; color: #565656; margin-top: 20px; margin-right: 15px; }
.procon .one .right .title { color: #1C5D98; font-size: 22px; padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; }
.procon .one .right .video { width: 60.17%; position: relative; overflow: hidden; }
.procon .one .right .video a { position: absolute; left: 0; top: 0; width: 100; z-index: 2; }
.procon .one .right .other { width: 35.3%; }
.procon .one .right .to { width: 92%; background: #1C5D98; text-align: center; }
.procon .one .right .to a { display: inline-block; font-size: 16px; padding: 10px 0; color: #fff; position: relative; }
.procon .one .right .to a:after { content: '\e63c'; font-family: "icomoon"; font-size: 22px; position: absolute; right: -30px; top: 5px; }
@media screen and (max-width: 1080px) { .procon .one .right .title { font-size: 16px; }
  .procon .one .right .to { width: 100%; } }
@media screen and (max-width: 780px) { .procon .one .left { width: 60%; margin-left: 20%; }
  .procon .one .right { width: 100%; text-align: center; } }
@media screen and (max-width: 500px) { .procon .one .right .video { width: 80%; margin-left: 10%; }
.procon .one .right .other{ width:100%; text-align: center; margin-top: 5px;}
.procon .one .right .to a{display:block;}
 .procon .one .right .to a:after { display: none; } }

.tag { margin: 30px 0; padding-top: 10px; }
.tag .tagList { width: 100%; }
.tag .tagList li { float: left; width: 33.333333%; border-left: 1px solid #fff; margin-bottom: 1px; text-transform: capitalize; background: #EAEAEA; text-align: center; color: #575757; min-width: 130px; font-weight: bold; line-height: 1.5; padding: 10px 0; cursor: pointer; }
.tag .tagList li:first-child { border-left: 0px none; }
.tag .tagList li.selected { background: #1C5C99; color: #fff; }
.tag .tagBox { padding: 10px; border: 1px solid #ccc; margin-top: 1px; }
@media screen and (max-width: 760px) { .tag .tagList li { width: 100%; } }

#hotpro { margin-top: 30px; position: relative; }
#hotpro .title { font-size: 16px; font-weight: bold; color: #fff; display: inline-block; background: #1C5C99; padding: 7px 37px; text-transform: capitalize; }
#hotpro .justify { border: 1px solid #e8e8e8; padding: 30px; padding-bottom: 5px; }
#hotpro .box, #hotpro .line { width: 22.5%; }
#hotpro .box { margin-bottom: 10px; text-align: center; }
#hotpro .box a { color: #363636; display: block; margin-bottom: 10px; text-align: center; }
@media screen and (max-width: 840px) { #hotpro .box, #hotpro .line { width: 47%; } }
@media screen and (max-width: 460px) { #hotpro .title { width: 100%; text-align: center; }
  #hotpro .box, #hotpro .line { width: 100%; } }

#contact { padding-top: 1%; }
#contact .map { border: 3px solid #232323; margin-bottom: 30px; }
#contact .title { font-size: 26px; color: #000; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; }
#contact .left { width: 37.5%; }
#contact .left ul li { margin-bottom: 8px; line-height: 1.8; color: #656565; }
#contact .left ul li a { color: #656565; }
#contact .right { width: 58.33333%; }
#contact .message_two { position: relative; }
#contact .message_two li.box { width: 48.5%; margin-bottom: 15px; }
#contact .message_two li.box label { display: block; margin-bottom: 4px; }
#contact .message_two li.box input { width: 100%; border: 1px solid #E3E3E3; background: #fff; height: 34px; line-height: 34px; padding-left: 5px; }
#contact .message_two li.box textarea { width: 100%; border: 1px solid #E3E3E3; background: #fff; height: 150px; line-height: 34px; padding-left: 5px; }
#contact .message_two li.box input[name="code"] { width: 87px; vertical-align: middle; }
#contact .message_two li.box img { vertical-align: middle; }
#contact .message_two li.box input[type="submit"], #contact .message_two li.box input[type="reset"] { width: 46%; height: 42px; line-height: 42px; color: #fff; border: 1px solid #E3E3E3; color: #565656; text-transform: capitalize; }
#contact .message_two li.box input[type="submit"] { margin-right: 10px; }
#contact .message_two li.box input[type="submit"]:hover, #contact .message_two li.box input[type="reset"]:hover { background: #363636; border-color: #363636; color: #fff; }
#contact .message_two li.absolute { position: absolute; left: 0; }
#contact .message_two li.absolute.one { bottom: 60px; }
#contact .message_two li.absolute.two { bottom: 0; }
@media screen and (max-width: 1280px) { #contact .title { font-size: 18px; } }
@media screen and (max-width: 860px) { #contact .left { width: 100%; margin-bottom: 15px; }
  #contact .right { width: 100%; } }
@media screen and (max-width: 540px) { #contact .message_two li.box { width: 100%; }
  #contact .message_two li.absolute { position: relative; }
  #contact .message_two li.absolute.one { bottom: inherit; }
  #contact .message_two li.box textarea { height: 40px; } }

.message { margin-top: 30px; }
.message .title { position: relative; }
.message .title .tl { width: 20%; display: inline-block; float: left; background: #1C5C99; text-align: center; border-right: 1px solid #fff; color: #fff; font-size: 16px; height: 40px; line-height: 40px; font-weight: normal; }
.message .title .tr { width: 80%; background: #bbb; color: #fff; text-align: left; font-size: 14px; float: right; height: 40px; line-height: 40px; font-weight: normal; padding-left: 20px; }
.message .title .tp { background: #1C5C99; padding: 10px 20px; color: #fff; display: block; }
@media screen and (max-width: 740px) { .message .title .tl { width: 100%; }
  .message .title .tr { display: none; } }
.message form { border: 1px solid #DBDBDB; margin-top: 1px; display: block; }
.message ul { padding: 30px; padding-bottom: 5px; }
@media screen and (max-width: 630px) { .message ul { padding: 10px; } }
.message ul li { width: 48%; position: relative; margin-bottom: 15px; color: #919191; }
.message ul li span.must { position: absolute; right: 4px; top: 1px; z-index: 12; color: #FF0000; }
.message ul li input[type=text] { border: 1px solid #DBDBDB; padding: 13px 6px 13px 6px; width: 100%; font-size: 14px; position: relative; z-index: 2; line-height: 1; color: #333; }
.message ul li label { position: absolute; top: 5px; left: 0; padding-left: 7px; color: #919191; font-size: 14px; text-transform: capitalize; z-index: 1; width: 100%; }
.message ul li input[type=text]:focus { padding: 4px 6px 22px 6px; border-color: #1C5C99; }
.message ul li input[type=text]:focus + label, .message ul li textarea:focus + label { top: 100%; font-size: 12px; color: #fff; margin-top: -16px; background: #1C5C99; z-index: 15; }
@media screen and (max-width: 630px) { .message ul li { width: 100%; } }
.message ul li input[name=code] { width: 89px; padding: 0; height: 32px; line-height: 32px; padding-left: 5px; vertical-align: middle; }
.message ul li input[name=code]:focus { padding: 0; padding-left: 5px; }
.message ul li span.code { position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; }
.message .box.none { margin-bottom: 0; }
.message .block { display: block; width: 100%; position: relative; text-align: center; }
.message .block label { text-align: left; }
.message .block textarea { width: 100%; border: 1px solid #DBDBDB; padding: 6px; height: 82px; min-height: 100px; min-width: 100%; position: relative; z-index: 2; }
.message .block textarea:focus { border-color: #1C5C99; }
.message input[type=submit], .message input[type=reset] { width: 95px; text-align: center; border: 1px solid #ddd; background: #fff; line-height: 1; font-size: 14px; padding: 8px 20px; color: #aaa; margin: 0 10px; }
.message input[type=submit]:hover, .message input[type=reset]:hover { background: #1C5C99; color: #fff; }
body.fofGray { background: #adb4bf; }
.fofContainer img, .fofContainer input, .fofContainer textarea, .fofContainer select, .fofContainer button, .fofContainer table, .fofCenter, .fofWrap input, .fofSearch, .fofLeft img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.fofCenter, .fofCenter .fofRight > dl { text-align: justify; text-justify: inter-ideograph; letter-spacing: 0px; font-size: 0px; }
.fofCenter:after, .fofCenter .fofRight > dl:after { content: ''; height: 0px; width: 100%; display: inline-block; overflow: hidden; }
.fofCenter .line, .fofCenter .fofRight > dl .line { display: inline-block; height: 0px; overflow: hidden; }
.fofCenter > *, .fofCenter .fofRight > dl > * { text-align: left; font-size: 12px; }
.fofCenter .box, .fofCenter .fofRight > dl .box { display: inline-block; vertical-align: top; }
.box.fofCenter, .fofCenter .fofRight > dl.box { text-align: justify; }
.fofContainer { width: 97%; max-width: 942px; margin-left: auto; margin-right: auto; overflow: hidden; padding-bottom: 35px; font-family: Arial, Helvetica,San-serif, 'Microsoft YaHei', SimSun; font-size: 12px; line-height: 1.75; }
.fofContainer a { text-decoration: none; color: #9099a2; }
.fofContainer a:hover { color: #9099a2; }
.fofContainer input:focus, .fofContainer textarea:focus, .fofContainer button:focus, .fofContainer area:focus { outline: none; }
.fofContainer img { max-width: 100%; height: auto; width: auto\9; border: 0px none; }
.fofContainer a:active, .fofContainer a:hover { outline: 0; }
.fofHeader { text-align: center; }
.fofHeader .fofLogo { padding: 16px 0; margin: 0 auto; text-align: center; }
.fofHeader .fofLogo a { display: inline-block; max-width: 210px; max-height: 90px; }
.fofLogo img { max-height: 100%; }
.fofCopy { text-align: right; color: #fff; padding-right: 2%; margin-top: 6px; }
.fofCenter { background: #fff; border-radius: 7px; overflow: hidden; border: 1px solid #697076; padding: 1.91489%; position: relative; }
.fofCenter > div.box { vertical-align: middle; }
.fofCenter:before { content: ''; width: 1px; overflow: hidden; position: absolute; background: #c4c9ce; top: 20px; bottom: 20px; left: 51.5%; }
.fofCenter .fofLeft, .fofCenter .fofRight { padding: 8px 0; margin: 1.2% 0; }
.fofCenter .fofLeft { width: 49.22566%; }
.fofCenter .fofRight { width: 45.02212%; }
.fofCenter .fofSearch { width: 365px; max-width: 100%; position: relative; margin-left: auto; margin-right: auto; margin-top: 9.66292%; padding-right: 105px; position: relative; }
.fofCenter .fofSearch input, .fofCenter .fofSearch button { height: 32px; border-radius: 6px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.fofCenter .fofSearch input[type="text"] { border: 1px solid #9099a2; background: #fff; box-shadow: inset 0px 5px 9px rgba(186, 194, 205, 0.4); width: 100%; line-height: 22px; padding: 4px 5px; }
.fofCenter .fofSearch button[type="submit"] { background: -webkit-linear-gradient(top, #fa8c2b, #fa8c2b); background: -moz-linear-gradient(top, #fa8c2b, #fa8c2b); background: -o-linear-gradient(top, #fa8c2b, #fa8c2b); background: -ms-linear-gradient(top, #fa8c2b, #fa8c2b); background: linear-gradient(top, #fa8c2b, #fa8c2b); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFA8C2B', endColorStr='#FFFA8C2B', gradientType='0'); line-height: 25px; color: #fff; border-width: 1px; border-type: solid; border-color: #fdc797 #985519 #5e340f #f2a35f; width: 95px; text-align: center; position: absolute; top: 0; right: 0; text-transform: capitalize; font-size: 14px; cursor: pointer; }
.fofCenter .fofLeft img { display: block; margin-left: auto; margin-right: auto; }
.fofCenter .fofRight, .fofCenter .fofRight a { color: #9099a2; }
.fofCenter .fofRight .fofTitle { font-size: 22px; line-height: 1.2; margin-bottom: 6px; }
.fofCenter .fofRight > p { font-size: 13px; line-height: 18px; overflow: hidden; max-height: 72px; color: #bac2cd; }
.fofCenter .fofRight > dl { margin-top: 3.25581%; padding-top: 14px; }
.fofCenter .fofRight > dl dt.box { font-size: 17px; line-height: 1.2; margin-bottom: 9px; width: 100%; }
.fofCenter .fofRight > dl dd { width: 47%; line-height: 15px; border-bottom: 1px solid #dfe3e8; }
.fofCenter .fofRight > dl dd a { display: block; padding: 6px 0; }
.fofCenter .fofRight > dl dd a:before { content: '→'; font-size: 13px; padding-right: 4px; color: #666666; }
.fofCenter .fofRight > dl dd.box { vertical-align: bottom; }
.fofCenter .fofRight .fofShare { padding-top: 12px; margin-top: 3.72093%; }
.fofCenter .fofRight .fofShare span { font-size: 17px; line-height: 1.2; }
.fofCenter .fofRight .fofShare span, .fofCenter .fofRight .fofShare > a { display: inline-block; vertical-align: middle; margin-right: 12px; }
.fofCenter .fofRight .fofShare > a { border-radius: 3px; overflow: hidden; width: 24px; }
.fofCenter .fofRight .fofShare > a:last-child { margin-right: 0; }
.fofCenter .fofRight .fofShare .bdsharebuttonbox { display: inline-block; vertical-align: middle; min-width: 160px; }
@media screen and (max-width: 945px) { .fofCenter .fofRight .fofShare > a { width: 32px; }
  .fofCenter .fofRight > dl dd a { padding: 10px 0; } }
@media screen and (max-width: 750px) { .fofCenter { padding: 15px; }
  .fofCenter:before { display: none; }
  .fofCenter .fofLeft, .fofCenter .fofRight { width: 100%; }
  .fofCenter .fofSearch { margin-top: 5%; margin-bottom: 3%; }
  .fofCenter .fofLeft img { padding-right: 2%; } }
@media screen and (max-width: 500px) { .fofCenter .fofRight > dl dd { width: 100%; }
  .fofCenter .fofRight > p { line-height: 18px; overflow: hidden; height: 72px; max-height: none; } }
/* toolmask and chatToolBox */
body.clear { overflow: hidden; }
#footerToolBar { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; height: 48px; background: #232323; border-top: 1px solid rgba(255, 255, 255, 0.2); display: none; z-index: 999; }
#footerToolBar #footerBarClose { width: 100px; height: 24px; position: absolute; top: -24px; left: 50%; margin-left: -50px; cursor: pointer; display: none; }
#footerToolBar #footerBarClose:before { content: "\e626"; font-family: icomoon; font-size: 12px; color: #fff; text-align: center; line-height: 20px; position: absolute; bottom: 0; left: 0; width: 100%; height: 20px; background: #232323; border-radius: 4px 4px 0px 0px; overflow: hidden; }
#footerToolBar li { width: 20%; height: 45px; float: left; text-align: center; border-color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; margin-top: 2px; }
#footerToolBar li a { display: block; height: 45px; color: #fff; font-size: 12px; line-height: 1; text-transform: capitalize; filter: alpha(opacity=80); opacity: 0.8; padding-top: 1px; }
#footerToolBar li a:before { content: ''; width: 30px; height: 20px; margin: 4px 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'; }
.toolMask { 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; background: #f7f7f7; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; 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: 0; left: 0; right: 0; 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: 0; 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.selected { background: #eee; border-bottom: 3px solid #dadada; }
.toolMask .toolContent > ul > li.selected > a { background: #eee; font-weight: bold; }
.toolMask .toolContent > ul > li.hasUl > 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 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:last-child { padding-bottom: 15px; }
.toolMask .toolContent > ul:last-child:last-child { padding-bottom: 30px; }
.toolMask #toolCloseBtn { position: absolute; right: 0; top: 0; 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; }
#chatToolBox { position: fixed; width: 110px; bottom: 90px; right: -5px; text-transform: capitalize; font-family: Arial, Helvetica,'Microsoft YaHei', SimSun,Sans-serif; color: #fff; z-index: 990; }
#chatToolBox a { text-decoration: none; color: #fff; text-align: center; display: block; padding-left: 5px; padding-right: 5px; }
#chatToolBox, #chatToolBox h3, #chatToolBox ul, #chatToolBox li { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
#chatToolBox i { font-style: normal; }
#chatToolBox li { list-style: none; padding-right: 5px; }
#chatToolBox #chatToolMail a { font-size: 40px; line-height: 1.1; letter-spacing: -1px; padding-top: 28px; padding-bottom: 22px; font-family: BebasRegular ,'Arial Narrow' ,Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; }
#chatToolBox .chatToolContact { font-size: 16px; line-height: 1.25; background: #2D2C2C; margin-top: 5px; text-transform: capitalize; }
#chatToolBox .chatToolContact a { padding-top: 8px; padding-bottom: 8px; }
#chatToolBox:hover { right: 0; }
#chatToolBox #chatToolMail i { position: absolute; top: 0; 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: 0; background: inherit; top: 20px; }
#chatToolBox.hiddenRight #chatToolMail i:before { content: '\e625'; }
#chatToolMail { background: #2D2C2C; }
@media screen and (max-width: 768px) { #chatToolBox { display: none; }
  #footerToolBar, .toolMask { display: block; } }
/*FooTable*/
.footable { width: 100%; border-collapse: collapse; border-spacing: 0; }
table.footable td, table.footable th { text-align: center; padding: 5px; border: 1px solid #ccc; word-wrap: break-word; word-break: break-word; }
@media screen and (max-width: 900px) { table.footable td, table.footable th { text-align: left; } }
table.footable .footable-row-detail-cell { background: #fff; }
table.footable th { background: #ddd; font-weight: bold; }
.footable.breakpoint > tbody > tr.footable-detail-show > td { border-bottom: none; }
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65a"; }
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) { cursor: pointer; }
.footable.breakpoint > tbody > tr > td.footable-cell-detail { background: #eee; border-top: none; }
.footable.breakpoint > tbody > tr > td > span.footable-toggle { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 5px; font-size: 14px; color: #999; }
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before { content: "\e659"; }
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65e"; }
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before { content: "\e65d"; }
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e65c"; }
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e65b"; }
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e660"; }
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before { content: "\e65f"; }
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e61a"; }
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before { content: "\e61b"; }
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e00f"; }
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before { content: "\e666"; }
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e636"; }
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before { content: "\e635"; }
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66e"; }
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before { content: "\e670"; }
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e662"; }
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before { content: "\e664"; }
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e622"; }
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before { content: "\e624"; }
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before { content: "\e66a"; }
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before { content: "\e66c"; }
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle { font-size: 18px; }
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle { font-size: 24px; }
.footable > thead > tr > th { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }
.footable > thead > tr > th.footable-sortable:hover { cursor: pointer; }
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before { content: "\e636"; }
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before { content: "\e656"; }
.footable > thead > tr > th > span.footable-sort-indicator { display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; padding-left: 5px; }
.footable > thead > tr > th > span.footable-sort-indicator:before { content: "\e671"; }
.footable > tfoot .pagination { margin: 0; }
.footable.no-paging .hide-if-no-paging { display: none; }
.footable-row-detail-inner { display: table; }
.footable-row-detail-row { display: table-row; line-height: 1.5em; }
.footable-row-detail-group { display: block; line-height: 2em; font-size: 1.2em; font-weight: bold; }
.footable-row-detail-name { display: table-cell; font-weight: bold; padding-right: 0.5em; }
.footable-row-detail-value { display: table-cell; }
.footable-odd { background-color: #f7f7f7; }
/* fancybox  */
.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); }
/* Slider */
.slick-dots li button, .slick-prev, .slick-next { 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; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("../img/AjaxLoader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; width: 100%;  position: relative; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 55px; width: 33px; line-height: 55px; font-size: 80px; cursor: pointer; background: transparent; opacity: 0.6; filter: alpha(opacity=60); top: 50%; margin-top: -20px; padding: 0; border: none; outline: none; z-index: 902; text-indent: 900px; overflow: hidden; color: #000; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 0.8; filter: alpha(opacity=80); }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; filter: alpha(opacity=25); }
.slick-prev:before, .slick-next:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; font-family: "icomoon"; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 25px; }
[dir="rtl"] .slick-prev { left: auto; right: 25px; }
.slick-prev:before { content: "\e625"; }
[dir="rtl"] .slick-prev:before { content: "\e628"; }
.slick-next { right: 25px; }
[dir="rtl"] .slick-next { left: 25px; right: auto; }
.slick-next:before { content: "\e628"; }
[dir="rtl"] .slick-next:before { content: "\e625"; }
/* Dots */
.slick-dots { position: absolute; bottom: 0px; margin-bottom: 15px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; z-index: 910; }
.slick-dots li { position: relative; display: inline-block; margin: 0 5px; cursor: pointer; }
.slick-dots li button { border: 0; background: #fff; border-radius: 50%; display: block; height: 16px; width: 16px; outline: none; font-size: 0; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button { background: #3E89D0; }
#div_ser table td, #div_ser table th { border: 0px none; }
.footable tr td:first-child p{ display:inline;}
/*录入样式开始*/
ul.ent-num li{margin-left:20px;list-style:outside decimal;}ul.ent-dot li{margin-left:20px;list-style:outside disc;}table.table-left td,table.table-left th{text-align:left;}ul[class^="ent-img"]{padding:8px 0;text-align:justify;text-justify:inter-ideograph;letter-spacing:0;font-size:0;}ul[class^="ent-img"]:after{display:inline-block;overflow:hidden;width:100%;height:0;content:'';}ul[class^="ent-img"] li.line{display:inline-block;overflow:hidden;margin:0;padding:0;height:0;}ul[class^="ent-img"] li{display:inline-block;vertical-align:top;font-size:13px;}ul[class^="ent-img"]:first-child{margin-top:-8px;padding-top:0;}ul[class^="ent-img"] li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:1%;padding:8px 0;text-align:center;font-size:13px;line-height:1.5;-o-box-sizing:border-box;-ms-box-sizing:border-box;}ul[class^="ent-img"] li span{display:block;margin-top:4px;text-transform:capitalize;}ul[class^="ent-img"] li p{margin-top:4px;}ul[class^="ent-img"] li img{vertical-align:bottom;}.ent-img2 li{width:48%;}.ent-img3-only li,.ent-img3-more li{width:31.5%;}.ent-img4 li{width:23%;}.ent-img5 li{width:19.2%;}.ent-img6 li{width:15.6%;}@media screen and (max-width:750px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:31.5%;}}@media screen and (max-width:650px){.ent-img4.ent-res li,.ent-img3-more.ent-res li{width:48%;}}@media screen and (max-width:520px){.ent-img5.ent-res li,.ent-img6.ent-res li{width:48%;}}@media screen and (max-width:460px){.ent-img2.ent-res li,.ent-img3-only.ent-res li,.ent-img3-more.ent-res li,.ent-img4.ent-res li{width:100%;}}.ent-img-fl{*zoom:1;}.ent-img-fl:before,.ent-img-fl:after{display:table;content:"";}.ent-img-fl:after{clear:both;}.ent-img-fl img{float:left;margin-right:14px;max-width:47%;}@media screen and (max-width:720px){.ent-img-fl img{float:none;display:block;margin-right:0;margin-bottom:10px;max-width:100%;}}.ent-img-fr{*zoom:1;}.ent-img-fr:before,.ent-img-fr:after{display:table;content:"";}.ent-img-fr:after{clear:both;}.ent-img-fr img{float:right;margin-left:14px;max-width:47%;}@media screen and (max-width:750px){.ent-img-fr img{float:none;display:block;margin-bottom:10px;margin-left:0;max-width:100%;}}.ent-img-left{padding:15px 0;}.ent-img-left>img{float:left;max-width:50%;}.ent-img-left,.ent-img-left .listText{overflow:hidden;zoom:1;}.ent-img-left:first-child{margin-top:-15px;}.ent-img-left>img{margin-right:4%;max-width:50%;}@media screen and (max-width:750px){.ent-img-left>img{float:none;margin-right:0;max-width:100%;}.ent-img-left .listText{margin-top:12px;}}.ent-img-right{padding:15px 0;}.ent-img-right>img{float:right;max-width:50%;}.ent-img-right,.ent-img-right .listText{overflow:hidden;zoom:1;}.ent-img-right:first-child{margin-top:-15px;}.ent-img-right>img{margin-left:4%;max-width:50%;}@media screen and (max-width:750px){.ent-img-right>img{float:none;margin-left:0;max-width:100%;}.ent-img-right .listText{margin-top:12px;}}
.justify.box2 .box{ width:47%; text-align:center; margin-bottom:8px;}
  @media screen and (max-width:350px){
    .justify.box2 .box{ width:100%;}
  }

.justify.box5 .box{ width:19%; text-align:center; margin-bottom:8px;}
  .justify.box5 .line{ width:19%;}
  @media screen and (max-width:600px){
    .justify.box5 .box{ width:30%;}
    .justify.box5 .line{ width:30%;}
  }
  @media screen and (max-width:400px){
    .justify.box5 .box{ width:47%;}
    .justify.box5 .line{display:none;}
}
.vdiframe{ float:left; margin-right:10px; margin-bottom:10px; width:50%;}
/*录入样式结束*/