@charset "UTF-8";
a, b, p, input, li, .case .box .title, .case .box .hide, .news ,.message ul label{ 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; }

#main_pro .box a.title_two, .aslide ul li a, .case .box .title, .case .box .hide b, .message .title .right { text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }

.tool .langBt, .language, .search, #main_pro .box, #footer div, .leftmenu, .leftpro, .leftpro b.lefthot, .case .box .title, .case .box .hide, .message .title .left, .message .title .right, .message ul, .news, .product,.product .img a, .tag li, #footerToolBar li,.procont .two .right > a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: sans-serif; }

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

a:active, a:hover, button { outline: 0; }

body { line-height: 1.5; font-family: taile,Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 14px; color: #333; }

body.clear { overflow: hidden; }

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

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

input:focus, button:focus, select:focus, textarea:focus, a:active { outline: 0; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

input[type="text"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input, textarea, label, button, .toolMask .toolTop, .slideList li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.875em; }

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

img { max-width: 100%; max-height: 100%; border: 0px; -ms-interpolation-mode: bicubic; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

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

b { text-align: left; }

p { color: #666666; text-align: left; }

i, em, m { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

table td, table th { text-align: center; padding: 3px; border: 1px solid #ccc; word-wrap: break-word; overflow: hidden; word-break:break-all; }

table th { background: #ddd; font-weight: bold; }

a { color: #333; text-decoration: none; }

img, div:before, div:after, a, a:before, a:after, li, p, b { 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; }

a:visited { color: #016fbc; }

a:focus { color: #016fbc; }

a:hover { color: #016fbc; }

a:active { color: #016fbc; }

a:hover { text-decoration: none; }

.clearfix { *zoom: 1; }

.clearfix:before, .clearfix:after { content: ""; display: table; clear: both; visibility: hidden; height: 0; }

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

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

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

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

.center { width: 1200px; margin: 0 auto; max-width: 100%; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

.searchtitle { font-size: 16px; color: #333; font-weight: normal; display: block; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }

#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: #1397F2; }

.share .facebook:before { content: '\e62c'; }

.share .twitter:before { content: '\e62b'; }

.share .google:before { content: '\e62d'; }

.share .linkedin:before { content: '\e630'; }

.share .youtube:before { content: '\e634'; }

#goTop { cursor: pointer; position: fixed; display: block; width: 35px; height: 41px; color: #fff; font-size: 14px; text-align: center; background: url(../img/black.png) repeat; background: rgba(0, 0, 0, 0.6); opacity: 0.6; bottom: 3%; right: 2%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; 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; }

#goTop:hover { background-color: rgba(0, 0, 0, 0.9); opacity: 0.9; }

#goTop:before { content: "\e627"; display: block; font-family: icomoon; text-align: center; background-image: none; font-size: 12px; margin-top: 2px; height: 16px; }

.prenext b { font-size: 14px; color: #01a0c7; font-weight: normal; padding-right: 3px; }

.prenext a { font-size: 14px; color: #01a0c7; font-weight: normal; }

.prenext { color: #01a0c7; }

@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: "ARVO-REGULAR"; src: url("../font/ARVO-REGULAR.eot"); src: local("Arvo"), url("../font/ARVO-REGULAR.eot?#iefix") format("embedded-opentype"), url("../font/ARVO-REGULAR.woff") format("woff"), url("../font/ARVO-REGULAR.ttf") format("truetype"), url("../font/ARVO-REGULAR.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }
@font-face { font-family: "taile"; src: url("../font/taile.eot"); src: local("Microsoft Tai Le"), url("../font/taile.eot?#iefix") format("embedded-opentype"), url("../font/taile.woff") format("woff"), url("../font/taile.ttf") format("truetype"), url("../font/taile.svg#$font") format("svg"); font-variant: normal; text-transform: none; font-style: normal; }
@font-face { font-family: "impact"; src: url("../font/impact.eot"); src: local("Impact"), url("../font/impact.eot?#iefix") format("embedded-opentype"), url("../font/impact.woff") format("woff"), url("../font/impact.ttf") format("truetype"), url("../font/impact.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: 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; }
body { background: #2a2b33; overflow-x: hidden; }

#container { width: 1366px; margin: 0 auto; overflow: hidden; position: relative; }

#head { border-top: 3px solid #01a0c7; position: relative; background: #fff; }

#logo { width: 11%; min-width: 140px; margin-top: 15px; }

#menu { display: none; height: 38px; position: relative; background: rgba(1, 160, 199, 0.3); }
#menu .menuLeft { float: left; color: #fff; font-size: 24px; height: 38px; background:url(../img/fancybox/fancybox_overlay.png) repeat;  background: rgba(1, 160, 199, 0.8); padding: 0 10px; }
#menu .menuLeft:after { content: '\e637'; color: #fff; font-size: 24px; vertical-align: middle; display: inline-block; font-family: 'icomoon'; margin-left: 10px; cursor: pointer; }
#menu .menuRight { float: right; color: #fff; font-size: 24px; height: 38px; background:url(../img/fancybox/fancybox_overlay.png) repeat;  background: rgba(1, 160, 199, 0.8); padding-right: 10px; }
#menu .menuRight:after { content: '\e677'; color: #fff; font-size: 24px; vertical-align: middle; display: inline-block; font-family: 'icomoon'; margin-left: 10px; cursor: pointer; text-align: center; }

#nav { vertical-align: bottom; }
#nav li { float: left; }
#nav li a { text-transform: uppercase; font-size: 17px; color: #8D8D8D; padding: 78px 36px 18px; display: block; border-radius: 0 0 30px 30px; }
#nav li:hover a { background: #01a0c7 url(../img/nav_bg.png) no-repeat center 20%; color: #fff; background-size: 50%; }
#nav li.select a{ background: #01a0c7 url(../img/nav_bg.png) no-repeat center 20%; color: #fff; background-size: 50%; }

.tool { position: absolute; top: 0; right: 0; margin-top: 20px; }
.tool .searchBt { display: block; width: 80px; height: 60px; color: #11A6CB; line-height: 60px; cursor: pointer; background: url(../img/search_b.png) no-repeat center; }
.tool .langBt { display: block; color: #11A6CB; position: relative; padding-left: 10px; cursor: pointer; }
.tool .langBt:after { content: ''; width: 0; height: 0; overflow: hidden; position: absolute; border: 5px solid transparent; border-top-color: #11A6CB; margin-left: 5px; top: 5px; }

.language { background: #01a0c7; width: 34%; text-align: right; display: inline-block; position: absolute; right: 0; bottom: -46px; z-index: 88; display: none; }
.language a { color: #fff; font-size: 16px; padding: 15px 10px; line-height: 1; display: inline-block; }

.search { background: #01a0c7; width: 34%; display: inline-block; padding-left: 20px; position: absolute; right: 0; bottom: -46px; z-index: 88; vertical-align: middle; display: none; }
.search .searchForm { position: relative; }
.search input[type=text] { height: 46px; line-height:46px; width: 80%; vertical-align: middle; background: transparent; border: 0px none; margin-right: 50px; outline: none; font-size: 14px; color: #fff; position: relative; z-index: 2; top: 0; }
.search input[type=text]:focus, .search input[type=text].focusOn { background: #01A0C7; }
.search input[type=submit] { width: 36px; height: 36px; vertical-align: middle; position: absolute; right: 5px; top: 5px; border: 0px none; outline: none; background: #01a0c7 url(../img/search.png) no-repeat center; z-index: 150; }
.search label { position: absolute; left: 15px; bottom: 12px; top: initial; color: #fff; font-size: 14px; padding-left: 5px; z-index: 1; border: 0px none; }

#banner { position: relative; background: #fff; max-height:400px; overflow:hidden; }
#banner .item{ border-radius: 0 0 110px 110px; overflow: hidden; }
#main_wrap { border-radius: 0 0 110px 110px; background: #fff; }

.main_prowrap { background: #fff; }

#main_pro { padding-top: 5.41667%; }
#main_pro .title { text-align: center; overflow: hidden; position: relative; margin-bottom: 2.91667%; }
#main_pro .title b { font-size: 40px; color: #fff; display: inline-block; padding: 10px 40px; background: #01A0C7; text-transform: uppercase; font-family: 'impact'; font-weight: normal; position: relative; line-height: 1; }
#main_pro .title:before { content: ''; height: 1px; width: 100%; position: absolute; top: 48%; right: 0; background: #01A0C7; display: block; }

#main_pro .box { width: 24%; }
#main_pro .box:hover a.title_two { color: #01a0c7; }
#main_pro .box img { border-radius: 22px; display: inline-block; width: 268px; }
#main_pro .box a.title_two { font-size: 18px; color: #737373; display: block; margin: 10px 0; }
#main_pro .box p { color: #B8B8B8; height: 66px; max-height: 66px; overflow: hidden; display: block; }
#main_pro .box a.more { color: #01a0c7; text-transform: capitalize; display: block; margin: 15px 0; }

#main_news { background: #2a2b33 url(../img/mn_bg.jpg) no-repeat 90%; padding: 15px 0; }
#main_news b { text-transform: capitalize; color: #fff; font-size: 34px; font-weight: normal; font-family: impact; display: inline-block; vertical-align: middle; }
#main_news b:before { content: '\e676'; font-size: 22px; font-family: 'icomoon'; display: inline-block; width: 40px; height: 40px; line-height: 45px; font-weight: normal; text-align: center; background: #01A0C7; vertical-align: middle; color: #fff; border-radius: 50%; margin-right: 20px; }
#main_news ul { display: inline-block; vertical-align: middle; margin-left: 4.16667%; }
#main_news ul li { position: relative; padding: 2px 0; }
#main_news ul li:before { content: ''; width: 0; height: 0; overflow: hidden; position: absolute; border: 5px solid transparent; border-left-color: #fff; top: 7px; }
#main_news ul li a { color: #fff; padding-left: 12px; }

#main_cont { background: #2A2B33; }
#main_cont .wrap { background: #fff; border-radius: 0 0 110px 110px; padding-top: 4.16667%; padding-bottom: 4.16667%; }

#main_cont .main_about { width: 59.66667%; position: relative; }
#main_cont .main_about .title { position: relative; text-align: left; margin-bottom: 40px; }
#main_cont .main_about .title b { display: inline-block; font-family: impact; font-size: 40px; text-align: center; background: #01a0c7; color: #fff; font-weight: normal; text-transform: uppercase; line-height: 1; padding: 6px 45px; }
#main_cont .main_about .img { width: 56.42458%; }
#main_cont .main_about .info { width: 38.68715%; }
#main_cont .main_about .info .title { font-size: 18px; color: #777; line-height: 1.3; margin-bottom: 20px; display: block; font-weight: bold; }
#main_cont .main_about .info .title:hover { color: #01A0C7; }
#main_cont .main_about .info p { font-size: 14px; color: #999; display: block; margin-bottom: 40px; height: 105px; overflow: hidden; max-height: 105px; }
#main_cont .main_about .info .more { text-transform: capitalize; color: #01A0C7; }
#main_cont .main_about:after { content: ''; display: inline-block; position: absolute; top: 24px; right: -42%; width: 108%; height: 1px; background-image: -webkit-linear-gradient(left, #0084b5, #5fb95c); background-image: -moz-linear-gradient(left, #0084b5, #5fb95c); background-image: -ms-linear-gradient(left, #0084b5, #5fb95c); background-image: -o-linear-gradient(left, #0084b5, #5fb95c); background-image: linear-gradient(left, #0084b5, #5fb95c); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0084b5', endColorStr='#5fb95c', gradientType='1'); }

#main_cont .main_video { width: 33.83333%; }
#main_cont .main_video .title { position: relative; text-align: right; margin-bottom: 40px; }
#main_cont .main_video .title b { display: inline-block; font-family: impact; font-size: 40px; text-align: center; background: #00A83E; color: #fff; text-transform: uppercase; font-weight: normal; line-height: 1; padding: 6px 45px; }

#footer { padding-top: 6.66667%; padding-bottom: 30px; background: #2a2b33 url(../img/footbg.jpg) no-repeat 35.2% top; }

#footer .one { width: 21.25%; }
#footer .one a { display: block; }

#footer .two { width: 32.5%; padding: 0 7.5%; }
#footer .two li { line-height: 1; margin-bottom: 25px; }
#footer .two b { color: #fff; text-transform: uppercase; font-weight: normal; line-height: 1; display: block; margin-bottom: 25px; }
#footer .two span { display: inline-block; color: #fff; margin-right: 5px; line-height: 1; vertical-align: top; }
#footer .two .blank { display: inline-block; width: 28px; }
#footer .two p { color: #fff; display: inline-block; line-height: 1; }
#footer .two a { color: #fff; display: inline-block; }
#footer .two .email { color: #01a0c7; }

#footer .three { width: 16.66667%; }
#footer .three li a { color: #fff; text-transform: uppercase; display: block; margin-bottom: 25px; line-height: 1; }
#footer .three li a:hover { color: #01a0c7; }

#footer .four { width: 29.5%; margin-top: -10px; }

#footer .four li { width: 49%; display: inline-block; margin-bottom: 15px; min-width: 153px; }

#footer .four .share li a { color: #717277; font-size: 20px; position: relative; }

#footer .four .share li a:hover { color: #fff; }

#footer .four .share li a:hover:before { background-color: #fff; }

#footer .four .share li a:before { font-size: 34px; display: inline-block; width: 56px; height: 56px; border-radius: 50%; background: #16171d; color: #5c5d61; font-family: 'icomoon'; text-align: center; line-height: 1.75; vertical-align: middle; margin-right: 12px; z-index:5;}

#copyright { background: #2a2b33; padding-bottom: 45px; }
#copyright p { display: inline-block; color: #fff; text-transform: uppercase; margin-right: 50px; }
#copyright a { color: #fff; }
#copyright a:hover { color: #01a0c7; }

/* about */
#location { background: #fff; }
#location .location_wrap { border-radius: 0 0 110px 110px; background: url(../img/location.jpg) no-repeat; text-align: center; padding-bottom: 4.58333%; padding-top: 5%; }
#location .title { font-size: 34px; color: #fff; text-transform: capitalize; line-height: 1; margin-bottom: 5px; }
#location .to{ color: #fff;}
#location .to a { color: #fff; text-transform: capitalize; line-height: 1.3; }

#main { padding-bottom: 50px; }

#main .Left { float: left; width: 18.75%; margin-top: -50px; }
#main .Left .aslide > b { font-size: 20px; color: #fff; background: #00A83E; display: block; text-align: center; font-weight: normal; text-align: center; text-transform: capitalize; height: 50px; line-height: 50px; }

.aslide { position: relative; }
.aslide > ul { padding-top: 15px; border: 1px solid #d6d6d6; padding-bottom: 20px; margin-bottom: 30px; }
.aslide > ul > li{ position:relative;}
.aslide > ul > li:hover a { background: #01A0C7; color: #fff; }
.aslide > ul > li > a.select{ background: #01A0C7; color: #fff; }
.aslide > ul > li  a { font-size: 14px; background: #fff; display: block; color: #8D8D8D; line-height: 1.2; padding: 10px 20px; border-bottom: 1px solid #fff; }
.aslide > ul > li > ul{ position:absolute;left:100%; top:0; background:#5EC3DB; display:none; border-left:1px solid #fff; width:120%;}
.aslide > ul > li > ul li:hover a{ background:#2CBFE3;}
.aslide > ul > li > ul > li a{ font-size:12px;}
.aslide > ul > li:hover>ul{ display:block;}
#main .Right { float: right; width: 78.75%; margin-top: 30px; }

.leftmenu { background: url(../img/contact.jpg) no-repeat top; padding: 25px 20px; background-size: 100%; margin-bottom: 30px; }
.leftmenu b { text-align: center; display: block; color: #fff; text-transform: capitalize; font-weight: normal; font-size: 20px; }
.leftmenu li { word-wrap: break-word; color: #fff; line-height: 1; padding: 3px 0; }
.leftmenu li a { color: #fff; }

.leftpro { padding: 18px 2px; background: #2C2D36; font-weight: normal; text-align: center; }
.leftpro b.title { font-size: 20px; line-height: 1; color: #fff; text-transform: uppercase; font-weight: normal; display: block; margin-bottom: 18px; text-align: center; }
.leftpro b.lefthot { font-size: 16px; color: #fff; display: block; text-align: center; border-bottom: 1px solid #56565C; margin: 10px 6px; font-weight: normal; padding: 10px 0 5px; }
.leftpro p { font-size: 12px; color: #fff; display: block; padding: 0 5px; line-height: 1.7; }
.leftpro a { display: inline-block; color: #fff; border: 2px solid #fff; margin: 10px 0; padding: 9px 30px 7px; font-size: 12px; text-transform: capitalize; line-height: 1; }

.addthis_sharing_toolbox { margin: 10px 0; }

/* case */
.case .line { width: 31.3%; }

.case .box { width: 31.3%; position: relative; margin-bottom: 30px; }
.case .box img { width: 100%; }
.case .box .title { position: absolute; bottom: 0; color: #fff; cursor: pointer; background:url(../img/fancybox/fancybox_overlay.png) repeat;  background: rgba(1, 160, 199, 0.8); width: 100%; text-align: center; padding: 0 10px; height: 40px; line-height: 40px; }
.case .box .hide { position: absolute; top: 0; left: 0; background:url(../img/fancybox/fancybox_overlay.png) repeat; background: rgba(1, 160, 199, 0.8); height: 0; width: 20%; filter: alpha(opacity=0); opacity: 0; text-align: center; padding: 20px; overflow: hidden; }
.case .box .hide b { color: #fff; font-weight: normal; text-align: center; padding-bottom: 3px; border-bottom: 1px solid #7EC5C7; margin-bottom: 5px; }
.case .box .hide p { color: #fff; font-size: 12px; line-height: 1.8; display: block; margin-bottom: 20px; }
.case .box .hide a { color: #fff; padding: 9px 30px 7px; font-size: 12px; text-transform: capitalize; line-height: 1; border: 2px solid #fff; display: inline-block; position: relative; }
.case .box .hide a:after { content: '\e63d'; display: inline-block; position: absolute; right: 11px; top: 8px; font-size: 14px; font-family: icomoon; }
.case .box:hover .title { filter: alpha(opacity=0); opacity: 0; }
.case .box:hover .hide { width: 100%; height: 100%; filter: alpha(opacity=100); opacity: 1; }

.casecontent .title { border-bottom: 1px solid #E5E5E5; padding-bottom: 5px; margin-bottom: 20px; }
.casecontent .title > b { display: block; color: #8D8D8D; font-size: 18px; display: block; line-height: 1.4; text-align: center; text-transform: capitalize; }
.casecontent .title span { display: block; text-align: left; color: #01A0C7; }
.casecontent .info { display: block; padding: 10px; line-height: 1.4; margin-bottom: 20px; }

/* contact */
.contact {padding:4% 0;}
.contact .message{ width:70%;}
.contact .info{ width:27%;}
.contact > b.title { display: block; text-align: left; font-size: 20px; color: #01a0c7; padding-bottom: 10px; border-bottom: 3px solid #01a0c7; line-height: 1; text-transform: uppercase; font-weight: normal; }
.contact .info b { line-height: 1.2; color: #666666; font-size: 16px; display: block; text-align: left; font-weight: normal; margin-bottom:5px; font-weight:bold; }
.contact .info ul { padding:20px 0;}
.contact .info ul li { display: block; line-height: 1; padding: 5px 0; zoom: 1; overflow: hidden; color:#666; }
.contact .info ul span { text-transform: capitalize; display: block; margin-right: 5px; text-align: left; min-width: 45px; color: #666; float: left; }
.contact .info ul p { display: block; color: #666; zoom: 1; overflow: hidden; }

.message .min { padding-bottom: 0; }
.message.textleft { margin-bottom: 30px; margin-top: 10px; }
.message.textleft .title .right { text-align: left; padding-left: 25px; }
.message .title .left { width: 20%; display: inline-block; float: left; background: #01A0C7; text-align: center; border-right: 1px solid #fff; color: #fff; font-size: 16px; height: 40px; line-height: 40px; font-weight: normal; }
.message .title .right { width: 80%; background: #00A83E; text-align: center; color: #fff; font-size: 14px; float: right; height: 40px; line-height: 40px; font-weight: normal; }

.message from { border: 1px solid #E5E5E5; border-top: 0px none; display: block; }
.message ul { display: block; padding-top:30px;}
.message ul li { width: 48%; position: relative; border: 1px solid #e5e5e5; padding-top: 2px; padding-bottom:18px; margin-bottom: 20px; }
.message ul li.block_two { border: 0px none; width: 100%; text-align: center; margin-bottom: 0; padding-bottom: 10px; }
.message ul li.block_two div { width: 85px; position: relative; display: inline-block; border: 1px solid #e5e5e5; vertical-align: middle; text-align: left; }
.message ul li.block_two .code { vertical-align: middle; display: inline-block; margin-left: 5px; }
.message ul li.block_two input[type=submit], .message ul li.block_two input[type=reset] { width: 95px; text-align: center; border: 1px solid #01A0C7; background: #fff; line-height: 1; font-size: 14px; padding: 7px 20px; color: #01A0C7; margin: 10px; }
.message ul li.block_two input[type=submit]:hover, .message ul li.block_two input[type=reset]:hover { background: #01A0C7; color: #fff; }
.message ul li.block { display: inline-block; width: 100%; }
.message ul input[type=text] { padding: 5px; width: 100%; font-size: 14px; position: relative; z-index: 2; border: 0px none; }
.message ul label { position: absolute; left: 0; top: 5px; padding-left: 7px; color: #B8B8B8; font-size: 14px; text-transform: capitalize; z-index: 1; width: 100%; }
.message ul textarea { width: 100%; padding: 6px; height: 32px; min-height: 100px; min-width: 100%; position: relative; z-index: 2; border: 0px none; }
.message ul input:focus + label, .message ul textarea:focus + label { font-size:12px; top: initial; bottom: 0; background: #01A0C7; color: #fff; }

/* news */
.news { border: 1px solid #e5e5e5; padding: 20px; margin-bottom: 20px; }
.news .img { width: 22.5%; }
.news .info { width: 75%; }
.news .info a { font-size: 16px; color: #8D8D8D; display: block; margin-bottom: 15px; font-weight: bold; }
.news .info p { font-size: 14px; color: #B8B8B8; }
.news .info span { color: #01A0C7; font-size: 14px; display: block; margin-top: 10px; }
.news:hover { background: #01A0C7; }
.news:hover .info a, .news:hover .info span, .news:hover .info p { color: #fff; }

/* product */
.product { border-bottom: 1px solid #e5e5e5; padding: 15px 0 25px; margin: 10px 0; }
.product .box, .product .line { width: 30%; }
.product .img a { text-align: center; overflow: hidden; font-size: 0; white-space: nowrap; height: 220px; display:block;}
.product .img a img { max-width: 100%; max-height: 100%; }
.product .img a img, .product .img a:after { vertical-align: middle; display: inline-block; }
.product .img a:after { content: ''; height: 100%; width: 0px; overflow: hidden; }
.product .box{ margin-bottom:25px;}
.product .info .title { font-size: 16px; color: #8D8D8D; display: block; margin-bottom: 10px; line-height:1.2; padding-top:8px; }
.product .info p { font-size: 13px; color: #8D8D8D; }
.product .info .more { color: #8D8D8D; font-size: 14px; display: inline-block; margin-top: 15px; text-transform: capitalize; border: 2px solid #8D8D8D; padding: 7px 35px; }
.product .box:hover .info a.title, .product .box:hover .info .more { color: #01A0C7; border-color: #01A0C7; }

/* productcotent */
.procont { position: relative; margin-bottom: 30px; }
.procont .one { width: 41.90476%; }
.procont .one img { width: 100%; }
.procont .two { width: 55.02646%; }
.procont .two .title { font-size: 20px; text-transform: capitalize; color: #01A0C7; font-weight: normal; line-height: 1.2; display: block; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.procont .two .left { float: left; width: 56.15385%; }
.procont .two .left p { color: #999; display: block; line-height: 1.2; padding: 3px 0; }
.procont .two .right { float: right; padding-top: 6%; width: 36.53846%; }
.procont .two .right > a { display: inline-block; width: 100%; text-align: left; font-size: 20px; padding: 18px 35px; position: relative; background: #01A0C7; color: #fff; text-transform: capitalize; margin-top: 15%; }
.procont .two .right > a:after { content: '\e63d'; display: inline-block; position: absolute; right: 18%; top: 16px; font-size: 20px; font-family: icomoon; }

.tag { margin-bottom: 30px; }
.tag li { float: left; width:50%; display: inline-block; text-align: center; color: #fff; background: #00A83E; font-weight: bold; font-size: 16px; border-left: 1px solid #fff; line-height: 1; padding: 10px 0; cursor: pointer; }
.tag li:firsst-child { border-left: 0px none; }
.tag li.select { background: #01A0C7; }
.tag .tagBox { border: 1px solid #E5E5E5; border-top: 0px none; padding: 3.1746%; }
.tag .tagContent{ border: 1px solid #E5E5E5; border-top: 0px none; padding: 3.1746%; }
@media screen and (max-width: 1386px) { #container { width: 100%; }
  .center { width: 99%; }
  #main_cont .wrap, #location .location_wrap, #main_wrap { border-radius: 0px; }
  #main_cont .main_about:after { display: none; }
  #main .Left { margin-top: 30px; }
  #nav { margin-right: 70px; }
  #nav li a { padding: 78px 32px 18px; } }
@media screen and (max-width: 1200px) {
#banner .item{border-radius:0px;}
 #nav li a { padding: 78px 28px 18px; } }
@media screen and (max-width: 1125px) { #nav li a { padding: 78px 22px 18px; }
  #footer .four .share li a:before { width: 36px; height: 36px; font-size: 18px; line-height: 36px; }
  #footer { background-image: none; padding-top: 20px; }
  .case .box .hide { padding: 10px; }
  .case .box .hide p { line-height: 1.4; margin-bottom: 7px; max-height: 46px; overflow: hidden; height: 46px; } }
@media screen and (max-width: 1040px) { #logo { display: block; margin-left: 40%; }
  #nav { width: 100%; }
  #nav li { width: 14%; text-align: center; }
  #nav li a { padding: 10px 0; border-radius: 0px; }
  #nav li a:hover { background-image: none; }
#nav li.select a{ background:none;}
  #main .Left { width: 23%; }
  #main .Right { width: 75%; }
  .procont .two .right > a:after { display: none; }
  .procont .two .right > a { padding: 5px 0; text-align:center; } }
@media screen and (max-width: 960px) { #main_cont .main_about .img { margin-left: 20%; }
  #main_cont .main_about .info { width: 100%; margin-top: 20px; }
  #main_cont .main_about .info p { margin-bottom: 10px; max-height: 66px; height: 66px; }
  .contact { padding: 0; padding-top: 20px; } }
@media screen and (max-width: 840px) {
 #main_cont .main_about .title b, #main_cont .main_video .title b, #main_pro .title b { font-size: 24px; }
  #main_cont .main_about .title, #main_cont .main_video .title { margin-bottom: 20px; }
  #footer .one { text-align: center; margin-bottom: 30px; min-width: 150px; margin-left: 35%; }
  #footer .two b { margin-bottom: 0px; padding-left: 10px; }
  #footer .two, #footer .three, #footer .four { width: 100%; padding: 0; margin-bottom: 20px; }
  #footer .two li, #footer .three li, #footer .four li { float: left; width: auto; padding: 0; margin: 10px; }
  #footer .three li a { margin-bottom: 0; }
  #main .Left { width: 100%; }
  #main .Left .import { display: inline-block; width: 48%; vertical-align: top; margin-right: 2%; }
  #main .Left .leftpro { width: 48%; display: inline-block; vertical-align: top; }
  #main .Right { width: 100%; }
.aslide > ul > li ul{ width:100%;}
  .aslide > ul > li:hover>ul{ display:none;}
  .news .img { width: 45%; display: block; margin-bottom: 20px; }
  .news .info { width: 100%; }
  .case .box .hide p { margin-bottom: 20px; } }
@media screen and (max-width: 800px) { #menu { display: block; }
  .search { top: 38px; bottom: initial; padding-left: 20px; width: 50%; }
  .language { top: 83px; bottom: initial; padding-left: 20px; text-align: right; width: 50%; }
  .tool { display: none; }
  #head .center { width: 100%; }
  #nav { position: absolute; top: -15px; background: #4EA793; z-index: 999; display: none; }
  #nav li { width: 100%; border-bottom: 1px solid #fff; }
  #nav li a { color: #555; } }
@media screen and (max-width: 760px) { #copyright { padding-bottom: 70px; }
  #goTop { bottom: 11%; }
  #main_pro .box { width: 48%; }
  .case .box, .case .line { width: 48%; }
  .message .title .left { font-size: 13px; width: 36%; }
  .message .title .right { width: 64%; font-size: 13px; padding-left: 2px; }
  .contact .info b { font-size: 16px; margin: 15px 0; }
  .tag li { font-size: 14px; font-weight: normal; } }
@media screen and (max-width: 640px) {
#logo{ margin-left: 30%; margin-bottom:15px;}
 .procont .one { width: 50%; margin-left: 25%; margin-bottom: 10px; }
  .procont .two { width: 100%; }
  .procont .two .title { text-align: center; }
  .procont .two .left { width: 100%; }
  .procont .two .right { width: 100%; }
  .procont .two .right > a { width: 20%; margin-top: 0; min-width: 100px; font-size: 14px; }
  .search { width: 100%; }
  .language { width: 100%; } 
 .aslide > ul > li ul{ position:relative; left:0;}
.product .box, .product .line{ width:45%;}
}
@media screen and (max-width: 540px) { .procont .one { width: 80%; margin-left: 10%; }
  #main .Left .aslide > b { font-size: 16px; height: 35px; line-height: 35px; }
  #location .title { font-size: 24px; }
  .tag li { width: 100%; border-left: 0px none; border-bottom: 1px solid #ddd; }
  .message ul { padding: 5px; }
  .message ul li { width: 100%; }
  #main .Left .import, #main .Left .leftpro { width: 100%; }
  #main_cont .main_about { width: 100%; margin-bottom: 20px; }
  #main_cont .main_video, #main_cont .main_about .img { width: 100%; margin: 0; }
  #main_cont .main_about .title b, #main_cont .main_video .title b { width: 100%; text-align: center; padding: 6px 0; }
  .news .img { width: 90%; margin-left: 5%; } }
@media screen and (max-width: 450px) { .procont .two .title { font-size: 14px; }
  #main_pro .box { width: 100%; }
  .case .box, .case .line { width: 100%; }
.product .box, .product .line{ width:100%; text-align:center;} }
@media screen and (max-width: 400px) { #main_pro .box { text-align: center; }
  #footer { padding-bottom: 0; }
  #footer .one { margin-left: 25%; }
  #copyright p { font-size: 12px; margin-right: 0; padding-left: 5px; }
  #footer .four .share li a:before { width: 25px; height: 25px; font-size: 12px; line-height: 25px; }
  #footer .four .share li a { font-size: 16px; } }
/* 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 { 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; position: fixed; width: 110px; bottom: 90px; right: -5px; line-height: 1.5; font-family: Arial, Helvetica,'Microsoft YaHei', SimSun,Sans-serif; 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: 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: 44px; 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; background: #444444; margin-top: 5px; text-transform: capitalize; padding: 6px 0; }

#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: #0865a7; }

@media screen and (max-width: 760px) { #chatToolBox { display: none; }
  #footerToolBar, #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; }

/*  404  */
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; } }
/* 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); }

/* owl */
.owl-controls .owl-page span, .owl-controls .owl-buttons div, .owl-controls .owl-buttons div:before { 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; }

.owl-carousel, .owl-pagination { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* pagination circle */
.owl-pagination { position: absolute; z-index: 6; margin-bottom: 3px; width: 100%; left: 0; bottom: 2%; text-align: center; }

.owl-controls .owl-page span { background: #bbbbbb; display: block; margin: 0 5px; width: 11px; height: 11px; border-radius: 50%; }

.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span { background: #0d88db; }

/* navigation arrow */
.owl-controls .owl-buttons div { width: 44px; height: 68px; margin-top: -34px; line-height: 68px; font-size: 44px; color: white; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); background: transparent; filter: alpha(opacity=70); opacity: 0.7; text-align: center; font-family: icomoon; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; }

.owl-controls .owl-buttons div:hover { filter: alpha(opacity=100); opacity: 1; }

.owl-controls .owl-buttons div:before { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; text-indent: 0; }

.owl-controls .owl-buttons div.owl-prev { left: 0; }

.owl-controls .owl-buttons div.owl-prev:before { content: '\e61d'; }

.owl-controls .owl-buttons div.owl-next { right: 0; }

.owl-controls .owl-buttons div.owl-next:before { content: '\e61e'; }

/* number */
.owl-controls .owl-page span.owl-numbers { height: 24px; width: 24px; line-height: 24px; color: #c6c6c6; font-size: 12px; text-align: center; background: #e5e5e5; border-radius: 0; margin-right: 4px; margin-left: 0; }

.owl-controls .owl-page.active span.owl-numbers, .owl-controls .owl-page:hover span.owl-numbers { background: #0d88db; color: #fff; }

/* 	Core Owl Carousel CSS File 	v1.3.3 */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-item img { display: block; width: 100%; height: auto; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.grabbing { cursor: url(../img/grabbing.png) 8 8, move; }

.owl-theme .owl-controls { text-align: center; }

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; }

.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }

.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }

.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }

.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }

.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }

.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }

.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }

.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty { 0% { opacity: 1; } }
@-moz-keyframes empty { 0% { opacity: 1; } }
@keyframes empty { 0% { opacity: 1; } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } }
@-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } }
@keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } }
@-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } }
@keyframes goDown { from { transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } }
@keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }

/*录入样式开始*/
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;}}
/*录入样式结束*/