@charset "UTF-8";
img, div:before, div:after, a, a:before, a:after, li, p, b, #main_pro .top .search input[type=submit], #goTop,.left_two .info, .postcard .readmore, .message ul li label, ul li.block_two input[type=submit], ul li.block_two input[type=reset], .faq .item, .news .list, .submit input[type=submit], .submit input[type=reset] { 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 .top .info, .message .title .right,.products .box .title a,#main_pro .item .box > b a,.hotpro .box a{ text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; }

button, input, optgroup, select, textarea, label, .toolMask .toolTop, .slideList li, #container, .center, #tool,.postcard .item, #nav, #main_one .box, #main_pro .top, #main_pro .top .title, #main_pro .top .info, #main_pro .top .search, #main_pro .top .search input[type=text], .left_two .info, .message .title .left, .message .title .right, .message ul, .news .list, .partner .list, .procont .one .slideList li, .procont .tag .tagList li, #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; }

.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; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

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:Calibri, Arial, Helvetica, 'Microsoft YaHei', SimSun, Sans-serif; font-size: 15px; color: #333; overflow-x: hidden; background: #fff; }

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; }

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 { font-size: 0.875em; }

input[type="text"],input[type="email"], textarea { text-align: left; background: transparent; }
input[type="text"]:focus,input[type="email"]:focus,input[type="email"].focusOn, 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, b { font-weight: normal; font-size: inherit; }

b { font-weight: normal; }

i,m { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

table td, table th { text-align: left; padding: 3px; border: 1px solid #ccc; word-wrap: break-word; overflow: hidden; word-break:break-word; }

table th {  font-weight: bold; }

a { color: #333; text-decoration: none; }

strong { text-transform: capitalize; }

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; }

.searchtitle { font-size: 16px; color: #333; font-weight: normal; display: block; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }

.pageTotal { display: inline-block; border: 1px solid #e3e3e3; padding: 1px 5px; margin-right: 10px; font-size: 12px; margin-top: 10px; }

.pageNum { margin-top: 1%; 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: #333; border-radius: 10px; }

.pageNum a:hover, .pageNum .cur { color: #fff; background: #2480C5; }

.share a { display: inline-block; color: #fff; font-size: 14px; text-transform: capitalize; vertical-align: middle; margin-left: 10px; }

.share a:before { font-family: 'icomoon'; width: 40px; height: 40px; display: inline-block; color: #fff; font-size: 18px; border-radius: 50%; text-align: center; line-height: 42px; vertical-align: middle; }

.share a:hover:before { color: #f5a101; }

.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; width: 55px; height: 55px; color: #fff; font-size: 14px; text-align: center; background: #155980; bottom: 3%; right: 2%; border-radius: 15px; z-index: 9999; text-transform: capitalize; display: none; opacity: 0.8; filter: alpha(opacity=80); }
@media screen and (max-width: 760px) { #goTop { bottom: 11%; } }
#goTop:before { content: "\e627"; display: block; font-family: icomoon; text-align: center; background-image: none; font-size: 12px; margin-top: 6px; }
#goTop:hover{opacity:1; filter: alpha(opacity=100); }

.prenext { color: #f5a101; }
.prenext b { font-size: 14px; color: #f5a101; font-weight: normal; padding-right: 3px; text-transform: capitalize; }
.prenext a { font-size: 14px; color: #f5a101; font-weight: normal; }

@font-face { font-family: "icomoon"; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#$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; }
@font-face { font-family: "taile"; src: url("../font/taile.eot"); src: 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: "ARVO-REGULAR"; src: url("../font/ARVO-REGULAR.eot"); src: 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; }
#container { max-width: 100%; margin: 0 auto; overflow: hidden; position: relative; }

.center { width: 1200px; margin: 0 auto; max-width: 100%; position: relative; }
@media screen and (max-width: 1295px) { .center { width: 90%; } }
@media screen and (max-width: 765px) { .center { width: 95%; } }

#head { padding-top: 40px; position: relative; }
#head .box { vertical-align: middle; }
@media screen and (max-width: 780px) { #head { text-align: center; padding-top: 20px; } }

#logo { margin-bottom: 10px; }
@media screen and (max-width: 780px) { #logo { margin-bottom: 20px; } }

@media screen and (max-width: 780px) { #tool { width: 100%; padding: 20px; border: 2px solid #666; background: #fff; border-top: 0px none; padding-bottom: 0; position: absolute; z-index: 699; display: none; } }

#share { padding-top: 5px; margin-right: 5px; }
#share a { display: inline-block; margin-right: 23px; }
@media screen and (max-width: 780px) { #share { width: 100%; text-align: right; margin-bottom: 15px; }
  #share a { margin-right: 0; margin-left: 30px; } }

#lang a { color: #666; font-size: 12px; display: inline-block; margin-left: 15px; width:32px; vertical-align:middle;}
#lang a:hover { color: #f5a101; }
@media screen and (max-width: 780px) { #lang { width: 100%; text-align: right; padding-bottom: 20px; } }

#search { margin-right: 45px; }
#search form { position: relative; display: block; font-size: 0; }
#search input[type=text] { font-size: 12px; position: relative; z-index: 2; border: 0px none; border-bottom: 1px solid #B2B2B2; width: 272px; }
#search label { display: block; width: 100%; position: absolute; left: 0; top: 0; font-size: 12px; z-index: 1; color: #666; }
#search input[type=submit] { display: block; width: 20px; height: 20px; position: absolute; right: -25px; top: -2px; background: url(../img/search.png) no-repeat center; border: 0px none; z-index: 3; }
@media screen and (max-width: 780px) { #search { width: 100%; text-align: left; padding: 20px 0; }
  #search input[type=text] { width: 96%; }
  #search input[type=submit] { right: 0; } }

#menu { background: #F5A101; font-size: 23px; color: #fff; border-top: 2px solid #fff; cursor: pointer; display: none; position: relative; height: 40px; }
#menu .menuleft { width: 80px; height: 40px; text-align: center; display: inline-block; background: #0564AC; position: absolute; left: 0; }
#menu .menuleft:after { content: '\e637'; display: inline-block; font-family: icomoon; font-size: 24px; color: #fff; }
#menu .menuright { width: 80px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #0564AC; position: absolute; right: 0; }
#menu .menuright:after { content: '\e677'; display: inline-block; font-family: icomoon; font-size: 24px; color: #fff; }
@media screen and (max-width: 780px) { #menu { display: block; } }

#nav { margin-top: 10px;  }
#nav ul li { float: left; padding-left: 5.2%; }
#nav ul li:first-child { padding-left: 0; }
#nav ul li:hover a { color: #f5a101; }
#nav ul li a { display: block; font-size: 16px; font-weight:bold; text-transform: capitalize; padding: 15px 0; color: #363636; font-family:arial; }
@media screen and (max-width: 1295px) { #nav ul li { padding-left: 2.5%; } }
@media screen and (max-width: 980px) { #nav ul li { padding-left: 0; width: 33.33%; }
  #nav ul li a { padding: 3px 0; } }
@media screen and (max-width: 780px) { #nav { position: absolute; background: #fff; z-index: 700; left: 2.5%; margin-top: 0; border: 2px solid #666; border-top: 0px none; padding: 15px 0; display: none; }
  #nav ul li { padding-left: 0; width: 100%; }
  #nav ul li a { padding: 6px 25px; } }

#banner_wrap { margin-bottom: 40px; background: #F3F3F3; max-height:358px; overflow:hidden; }
@media screen and (max-width: 780px) { #banner_wrap { margin-top: 20px; } }
#main_one .box { width: 33.33%; padding: 0 5.83333%; }
#main_one .box b { font-size: 26px; color: #000; text-transform: capitalize; text-align: center; display: block; }
#main_one .box p { color: #999; display: block; text-align: center; margin-top: 5px; }
#main_one .box p > a { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #CFCFCF; color: #fff; font-size: 18px; border-radius: 50%; vertical-align: middle; margin-left: 10px; }
#main_one .box p > a:after { font-family: icomoon; content: '\e624'; }
#main_one .box:first-child p > a { background: #155980; }
#main_one .box:last-child p > a { background: #F5A101; }
@media screen and (max-width: 980px) { #main_one .box { width: 100%; margin-bottom: 20px; padding: 0; }
  #main_one .box b { text-align: left; }
  #main_one .box p { text-align: left; } }

#main_pro { margin-top: 40px; }
#main_pro .top { padding-right: 24px; height: 34px; line-height: 34px; background: #155980; border-radius: 13px; overflow: hidden; }
#main_pro .top .title { width: 23.75%; background: #F5A101; font-size: 26px; color: #fff; padding-left: 20px; }
#main_pro .top .info { width: 39.58333%; background: #155980 url(../img/mp.jpg) no-repeat left; padding-left: 84px; color: #fff; font-size: 16px; text-transform: capitalize; display: inline-block; }
#main_pro .top .search { padding-left: 25px; background: #155980; width: 36.66667%; position: relative; height: 34px; padding-top: 3px; }
#main_pro .top .search:hover form:after, #main_pro .top .search:hover form:before { background: #fff; }
#main_pro .top .search:hover input[type=text], #main_pro .top .search:hover input[type=submit] { border-color: #fff; }
#main_pro .top .search form { display: block; }
#main_pro .top .search form:after { content: ''; position: absolute; display: block; width: 96%; height: 1px; background: #3A7FB8; top: 6px; left: 20px; z-index: 4; }
#main_pro .top .search form:before { content: ''; position: absolute; display: block; width: 96%; height: 1px; background: #3A7FB8; bottom: 6px; left: 20px; z-index: 4; }
#main_pro .top .search input[type=text] { position: relative; color: #fff; z-index: 2; border: 0px none; height: 28px; width: 100%; line-height: 28px; border-left: 1px solid #3A7FB8; padding-left: 5px; padding-right: 60px; }
#main_pro .top .search input[type=text]:focus { background: #155980; }
#main_pro .top .search label { position: absolute; background: #155980; height: 28px; line-height: 28px; top: 4px; left: 25px; z-index: 1; color: #fff; padding-left: 5px; text-transform: capitalize; }
#main_pro .top .search input[type=submit] { position: absolute; right: 1px; top: 3px; border: 0px none; width: 56px; z-index: 2; height: 28px; line-height: 20px; background: #155980 url(../img/3_3.png) no-repeat center; border-left: 1px solid #3A7FB8; border-right: 1px solid #3A7FB8; }
@media screen and (max-width: 860px) { #main_pro .top { padding-right: 0; }
  #main_pro .top .title { font-size: 16px; width: 100%; }
  #main_pro .top .info { display: none; }
  #main_pro .top .search { width: 100%; overflow: hidden; }
  #main_pro .top .search input[type=submit] { right: 15px; } }
@media screen and (max-width: 740px) { #main_pro .top .search form:before, #main_pro .top .search form:after { left: 10px; } }
#main_pro .item { padding-top: 25px; margin-top: 25px; border-top: 1px dashed #E6E6E6; }
#main_pro .item .line { width: 23.8%; }
#main_pro .item .box { width: 23.8%; margin-bottom: 20px; }
#main_pro .item .box b{ position:relative; left:0; height:24px; line-height:24px; display:block; width:100%;}
#main_pro .item .box > a { display: block; border: 2px solid #DBDBDB; border-radius: 10px; overflow:hidden; }
#main_pro .item .box:hover b a { color: #f5a101; }
#main_pro .item .box:hover > a{ border-color: #f5a101; }
#main_pro .item .box b a { color: #585858; font-weight: bold; margin-top: 3px; padding-top:5px; padding-right:5px; }
#main_pro .item .box > p { font-size: 13px; margin-bottom:3px; margin-top:5px; }
@media screen and (max-width: 1100px) { #main_pro .item .box, #main_pro .item .line { width: 31%; text-align: center; } }
@media screen and (max-width: 800px) { #main_pro .item .box, #main_pro .item .line { width: 48%; } }
@media screen and (max-width: 560px) { #main_pro .item .box, #main_pro .item .line { width: 100%; } }

#main_nav {  background:-webkit-linear-gradient(top,#123143,#1D73A6);background:-moz-linear-gradient(top,#123143,#1D73A6);background:-ms-linear-gradient(top,#123143,#1D73A6);background:-o-linear-gradient(top,#123143,#1D73A6); background:linear-gradient(top,#123143,#1D73A6);  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#123143', endColorStr='#1D73A6', gradientType='0'); padding:30px 0; }
#main_nav .box { width: 18.2%; }
#main_nav .line { width: 0; }
#main_nav dl { color: #fff; }
#main_nav dl dt { font-weight: bold; font-size: 15px; margin-bottom: 15px; }
#main_nav dl dd a { font-size: 14px; display: block; color: #fff; padding-left: 15px; position: relative; }
#main_nav dl dd a:before { content: ''; width: 5px; height: 5px; background: #FFB11D; border-radius: 50%; display: inline-block; margin: 0 10px 0 2px; position: absolute; left: 0; top: 6px; }
#main_nav dl dd a:hover { color: #f5a101; }
#main_nav .consu { position: absolute; display: inline-block; color: #fff; font-size: 16px; bottom:0px; right:33%; font-weight: bold; }
@media screen and (max-width: 1200px) { #main_nav .consu { position: relative; right: initial; display: block; width: 100%; margin-bottom: 20px; }
  #main_nav .box, #main_nav .line { width: 31%; }
  #main_nav .box { margin-bottom: 25px; } }
@media screen and (max-width: 680px) { #main_nav .box, #main_nav .line { width: 48%; } }
@media screen and (max-width: 480px) { #main_nav .box, #main_nav .line { width: 100%; } }

#parner { padding: 20px 0; }
#parner .left { font-size: 20px; color: #241715; line-height: 1.5; padding-top: 20px; }
#parner .right{ width:85%;}
#parner .right .item .box { margin-left: 2%; width:11%;}

#social { text-align: center;  background:-webkit-linear-gradient(top,#123143,#1D73A6);background:-moz-linear-gradient(top,#123143,#1D73A6);background:-ms-linear-gradient(top,#123143,#1D73A6);background:-o-linear-gradient(top,#123143,#1D73A6); background:linear-gradient(top,#123143,#1D73A6);  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#123143', endColorStr='#1D73A6', gradientType='0'); padding: 5px 0; }
#social b { font-size: 18px; font-weight: bold; color: #fff; display: inline-block; vertical-align: middle; padding-top: 3px; }
@media screen and (max-width: 520px) { #social b { display: block; width: 100%; text-align: center; } }

#footer { padding: 30px 0; }
#footer .left { width: 65.66667%; padding-top: 20px; }
#footer .left .img { width: 22.29442%; margin-right: 20px; }
#footer .left .img img{display: inline-block;border-radius: 20px;overflow: hidden;width: 50%;vertical-align:middle;}
#footer .left .img img:nth-child(1){width:57%;}
#footer .left .img img:nth-child(2){width:43%;}
#footer .left .info { width: 73%; }
#footer .left .info p { display: inline-block; color: #585858; padding-right: 35px; margin-bottom: 3px; }
#footer .left .info span.color { color: #164866; }
#footer .left .copyright { margin-top: 30px; font-size: 14px; color: #585858; }
#footer .left .copyright a { font-size: 14px; color: #585858; }
#footer .right { width: 34.08333%; }
#footer .right .title { font-size: 20px; color: #585858;  display: block; margin-bottom: 5px; }
#footer .right li { position: relative; width: 48%; margin-bottom: 10px; }
#footer .right li.block { width: 100%; }
#footer .right input[type=text],#footer .right input[type=email] { position: relative; width: 100%; border: 1px solid #ccc; height: 22px; z-index: 2; line-height:22px; padding-left: 5px;  border-radius: 5px;}
#footer .right label { position: absolute; font-size: 12px; top: 3px; left: 5px; color: #666; z-index: 1; }
#footer .right textarea { width: 100%; height: 60px; max-width: 100%; min-width: 100%; border: 1px solid #ccc; padding-left: 5px; padding-top: 3px; position: relative; z-index: 2; border-radius: 5px; }
#footer .right input[name=code] { width: 62px; vertical-align: top; }
#footer .right span { display: inline-block; vertical-align: middle; }
#footer .right li input{border:1px solid #ccc;}
#footer .right input[type=submit] { width: 100%; background:#175A84; text-align: center; height: 22px; line-height: 24px; font-size: 12px; color: #fff;border-radius: 5px; border:0px none;}
@media screen and (max-width: 830px) { #footer .left { width: 100%; margin-bottom: 20px; }
  #footer .left .copyright { text-align: center; }
  #footer .right { width: 100%; } }
@media screen and (max-width: 760px) { #footer { padding-bottom: 70px; }
  #footer .left .img { display: none; }
  #footer .left .info { width: 100%; }
  #footer .left .copyright { margin-top: 15px; } }
@media screen and (max-width: 560px) { #footer { padding-top: 0; }
  #footer .left .info p { display: block; padding-right: 0; }
  #footer .right li { width: 100%; } }

#location { padding-top: 40px; padding-bottom: 44px; text-align: center; background:-webkit-linear-gradient(top,#123143,#1D73A6);background:-moz-linear-gradient(top,#123143,#1D73A6);background:-ms-linear-gradient(top,#123143,#1D73A6);background:-o-linear-gradient(top,#123143,#1D73A6); background:linear-gradient(top,#123143,#1D73A6);  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#123143', endColorStr='#1D73A6', gradientType='0'); border-bottom: 5px solid #f5a101;}
#location .title { font-size: 36px; color: #fff; text-transform: capitalize; padding:0 10%; }

#location .to { color: #fff; font-size: 14px; text-transform: capitalize; }
#location .to a { color: #fff; font-size: 14px; text-transform: capitalize; }
@media screen and (max-width: 860px) { #location .title{ font-size: 28px;} }
@media screen and (max-width: 780px){ #location{ margin-top:20px;}}
@media screen and (max-width: 560px) { #location .title{ font-size: 18px;} }
#main { margin-top: 40px; }

#MLcon { width: 18.5%; float: left; }
@media screen and (max-width: 1060px) { #MLcon { width: 100%; margin-top: 30px; }
  #MLcon .left_one { width: 48%; display: inline-block; vertical-align: top; margin-right: 3%; }
  #MLcon .left_two { width: 48%; display: inline-block; vertical-align: top; } }
@media screen and (max-width: 620px) { #MLcon .left_one { width: 100%; }
  #MLcon .left_two { width: 100%; } }

.left_one { margin-bottom: 30px; }
.left_one .title { font-size: 20px; color: #fff;  background:-webkit-linear-gradient(top,#123143,#1D73A6);background:-moz-linear-gradient(top,#123143,#1D73A6);background:-ms-linear-gradient(top,#123143,#1D73A6);background:-o-linear-gradient(top,#123143,#1D73A6); background:linear-gradient(top,#123143,#1D73A6);  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#123143', endColorStr='#1D73A6', gradientType='0'); text-align: center; padding: 9px 0; border-radius: 10px 10px 0 0; text-transform: capitalize; }
.left_one .slide { background: #F4F4F4; }
.left_one .slide > li { position: relative; }
.left_one .slide > li:hover ul { display: block; }
.left_one .slide > li > a { display: block; color: #747474; padding: 10px 10px 10px 20px; font-size: 16px;text-transform: capitalize; }
.left_one .slide > li:hover > a ,.left_one .slide > li.selected > a{ background: #f5a101; color: #fff;  }
.left_one .slide > li > ul { position: absolute; z-index: 55; left: 100%; top: 0; background: #f5a101; width: 105%; border-left: 1px solid #fff; display: none; }
.left_one .slide > li > ul li a { padding: 10px 10px 10px 20px; display: block; border-bottom: 1px solid #fff; color: #747474; color: #fff; }
.left_one .slide > li > ul li a:hover { background: #164866; }
@media screen and (max-width: 620px) { .left_one .slide > li:hover ul { display: none; }
  .left_one .slide > li > ul { position: relative; left: 0; top: 100%; border-left: 0px none; width: 100%; } }

.left_two { position: relative; border-radius: 0 0 15px 15px; overflow: hidden; }
.left_two img { width: 100%; }
.left_two > p { display: block; position: absolute; bottom: 0; left: 0; background: rgba(21, 65, 91, 0.8); width: 100%; padding: 4px 0; font-size: 20px; text-align: center;  color: #fff; text-transform: capitalize; z-index: 5; border-radius:0 0 15px 15px; overflow: hidden;}
.left_two .info { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); padding-left: 20px; padding-top: 40px; opacity: 0;  filter: alpha(opacity=0);  height: 100%; width: 100%; overflow: hidden; border-radius: 15px; overflow: hidden; }
.left_two .info p { display: block; color: #fff; font-size: 14px; }
.left_two .info a { color: #fff; font-size: 14px; }
.left_two:hover .info { opacity: 1;  filter: alpha(opacity=100); }
.left_two:hover > p { top: 0; bottom: inherit; border-radius: 15px 15px 0 0; }

#MRcon { width: 78.16667%; float: right; }
@media screen and (max-width: 1060px) { #MRcon { width: 100%; } }

.about { padding-bottom: 30px; }

.postcard { margin-bottom: 30px; position: relative; }
.postcard .title { font-size: 30px; color: #164866; text-align: center; margin-bottom: 15px; }
.postcard .item, .postcard .line { width: 31.5%; }
.postcard .readmore { border-radius:10px; width: 0; height: 0; background: url(../img/readm.png) no-repeat center; position: absolute; left: 0; top: 0; cursor: pointer; opacity: 0; background-size: cover; }
.postcard .item:hover .readmore { opacity: 1; width: 100%; height: 100%; }
.postcard .item { background: #155980; padding: 10px; border-radius: 10px; position: relative; margin-bottom: 20px; }
.postcard .item .img { width: 27%; }
.postcard .item > .info { width: 71%; height:93px; color: #fff; font-size: 12px; text-transform: capitalize; word-wrap:break-word; padding-top:3px;}
@media screen and (max-width: 980px) { .postcard .item { width: 46%; } }
@media screen and (max-width: 640px) { .postcard .item { width: 100%; } }
.postcard .pop_wrap { position: fixed; width: 100%; height: 100%; z-index: 88; background: url(../img/black80.png) repeat; background: rgba(0, 0, 0, 0.8); display: block; left: 0; top: 0; display: none; }
.postcard .pop { position: fixed; top: 0px; left: 0; bottom: 0; right: 0; margin: auto; background: #fff; width:50%; height: 70%; z-index: 99; padding: 15px; border: 2px solid #000; border-radius: 15px; word-break:break-word; word-wrap:break-word; }
.postcard .pop .name { text-transform: capitalize; color: #0c5fa3; font-size: 22px; border-bottom: 1px solid #ECECEC; padding-bottom: 10px; text-align:center; }
.postcard .pop > .info { padding: 15px;  overflow-y:scroll; overflow-x:hidden; height:85%; }
.postcard .pop .close { position: absolute; width: 24px; height: 24px; background: #000; font-size: 24px; text-align: center; line-height: 20px; border-radius: 50%; right: 0; top:0px; color: #fff;  cursor: pointer; border: 2px solid #fff; }

/* contact */
.contact { padding: 20px 122px; }
.contact .info .top{ margin-bottom:20px; }
.contact .info .top >img{ width:45%; display:inline-block; vertical-align:top; margin-right:2%;}
.contact .info ul { width:52%; display:inline-block; vertical-align:top; }
.contact .info ul li.title{ font-size:20px; color:#666; margin-bottom:5px; text-transform:capitalize; font-weight:bold;}
.contact .info ul li { display: block; line-height: 1; padding: 4px 0; zoom: 1; overflow: hidden; }
.contact .info ul li i{ display:inline-block; color:#164865;}
.contact .info ul span { text-transform: capitalize; display: block; margin-right: 5px; color: #666; float: left; font-size: 16px; }
.contact .info ul p { display: block; color: #666; zoom: 1; overflow: hidden; font-size: 16px; }
.contact .info ul a { color: #666; }
.contact .info ul a:hover{color:#155980;}
.contact .info .bot .box{ width:48%; position:relative;}
.contact .info .bot .box p{ font-size:15px; color:#666;}
.contact .info .bot .box strong{font-size:15px; color:#666;}
.contact .info .bot .box:before{ position:absolute; width:1px; background:#999; height:130px; left:-25px; top:0; content:'';}
.contact .info .bot .box:first-child:before{ display:none;}
@media screen and (max-width:760px) {
   .contact .info .top >img{ display:none}
   .contact .info ul{ width:100%;}
   .contact .info .bot .box{ width:100%; margin-bottom:15px;}
   .contact .info .bot .box:before{ display:none;}
}
@media screen and (max-width: 1200px) { .contact { padding: 0; } }

.message { margin-top: 4.16667%; margin-bottom: 30px; border-radius: 15px 15px 0 0; overflow: hidden; }
.message .title .left { width: 20%; display: inline-block; float: left; background: #155980; 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: #f5a101; text-align: left; color: #fff; font-size: 14px; float: right; height: 40px; line-height: 40px; font-weight: normal; padding-left: 20px; }
@media screen and (max-width: 740px) { .message .title .left { width: 100%; }
  .message .title .right { display: none; } }
.message form { border: 1px solid #DBDBDB; border-top: 0px none; 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: 20px; }
.message ul li span.must { position: absolute; right: 4px; top: 1px; z-index: 12; color: #FF0000; }
.message ul li input[type=text],.message ul li input[type=email] { border-radius:7px; overflow;hidden; 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,.message ul li input[type=email]:focus { padding: 4px 6px 22px 6px; border-color: #f5a101; }
.message ul li input[type=text]:focus + label,.message ul li input[type=email]:focus + label, .message ul li textarea:focus + label { top: 100%; font-size: 12px; color: #fff; margin-top: -16px; background: #f5a101; z-index: 15; }
@media screen and (max-width: 630px) { .message ul li { width: 100%; } }
.message ul li.block { display: block; width: 100%; position: relative; }
.message ul li.block textarea { border-radius:7px; overflow;hidden; width: 100%; border: 1px solid #DBDBDB; padding: 6px; height: 68px; min-height: 100px; min-width: 100%; position: relative; z-index: 2; }
.message ul li.block textarea:focus { border-color: #f5a101; }

ul li.block_two { display: block; width: 100%; position: relative; background: #fff; text-align: center; }
ul li.block_two .relative { position: relative; display: inline-block; background: #fff; }
ul li.block_two .relative label { width: 120px; top: 0; text-align: left; padding: 8px 6px; color: #919191; }
ul li.block_two .relative input[name=code] { padding: 8px 6px; width: 120px; }
ul li.block_two .relative input[name=code]:focus { padding: 8px 6px; }
ul li.block_two .relative span.code { position: relative;  top: 6px; margin-left: 5px; }
ul li.block_two input[name=code] , ul li.block_two span.code{vertical-align: top;}
ul li.block_two input[type=submit], ul li.block_two input[type=reset] { width: 95px; text-align: center; border: 1px solid #164866; background: #fff; line-height: 1; border-radius: 15px; font-size: 14px; padding: 8px 20px; color: #164866; margin: 10px; }
ul li.block_two input[type=submit]:hover, ul li.block_two input[type=reset]:hover { background: #164866; color: #fff; }

.down table th,.down table tr, .down table td{ text-align:center;}
.down table a{ display:block; position:relative; width:100%; height:30px; text-align:center; background:url(../img/pdf-blue.jpg) no-repeat center; background-size:contain; font-size:0;}
.down table tr td:last-child a,.down table tr td:nth-last-child(2) a{ background:url(../img/pdf-video.jpg) no-repeat center; background-size:contain; }
.down .line { width: 31.5%; }
.down > .box { width: 31.5%; margin-bottom: 30px; text-align: center; }
.down > .box p, .down > .box a { display: block; }
.down > .box .img { border: 2px solid #EAEAEA; }
.down > .box .name { display: block; font-size: 14px; font-weight: bold; margin: 13px 0 8px 0; }
.down > .box .doc { width: 48%; }
.down > .box .doc p { color: #164866; text-transform: capitalize; }
.down > .box .bro a, .down > .box .dow a { color: #8D8D8D; text-transform: capitalize; }
.down > .box .bro a:hover, .down > .box .dow a:hover { color: #f5a101; }
@media screen and (max-width: 880px) { .down > .box, .down .line { width: 47%; } }
@media screen and (max-width: 880px) { .down > .box, .down .line { width: 100%; } }

.faq .title { font-size: 20px; color: #2380c5; text-align: center; margin-bottom: 4.16667%; }
.faq .item { padding: 10px 20px; border-radius: 15px; overflow: hidden; margin-bottom:5px; }
.faq .question { color: #555; font-size: 18px; position: relative; padding-right: 100px; margin-bottom:12px;  }
.faq .question span.num { line-height: 1; font-size: 30px; color: #f5a101; margin-right: 20px; display: inline-block; vertical-align: bottom; }
.faq .question span.click { cursor: pointer; position: absolute; top: 0; right: 0; }
.faq .question span.click:after { content: '\e626'; font-family: icomoon; font-size: 24px; color: #164866; border: 1px solid #8d8d8d; height: 40px; width: 40px; line-height: 44px; display: inline-block; text-align: center; border-radius: 50%; }
.faq .anwser { color: #fff; font-size: 15px; padding-bottom: 30px;display:none; }
.faq .anwser > div{ display:inline;}
.faq .anwser > p{ display:inline;}
.faq .anwser span.num { line-height: 1; font-size: 30px; color: #f5a101; margin-right: 20px; display: inline-block; vertical-align: bottom;  }
.faq .item.selected { background: #164865; }
.faq .item.selected .question { color: #fff; }
.faq .item.selected .question span.click:after { content: '\e627'; color: #fff; border-color: #fff; }
@media screen and (max-width: 920px) { .faq { padding: 0; } }
@media screen and (max-width: 860px) { .faq .title { font-size: 16px; }
  .faq .item { padding: 10px; }
  .faq .question { padding-right: 40px; }
  .faq .question span.num { font-size: 24px; }
  .faq .anwser span.num { font-size: 24px; } }
.solution{ margin-bottom:20px;}
.news .list { margin-bottom: 20px; padding: 20px; border: 2px solid #F1F1F1; border-radius: 10px; }
.news .list .img { width: 21.53518%; border-radius: 8px; overflow: hidden; }
.news .list .img img { width: 100%; }
.news .list .info { width: 77%;  padding-top:4px; }
.news .list .info b > a { font-size: 18px; font-weight: bold; color: #666;}
.news .list .info p { display: block; color: #999; margin-top:5px; margin-bottom:13px; max-height: 42px; overflow: hidden; }
.news .list .info p a{ color:#F3B53D; display:inline-block; margin-left:5px;}
.news .list .info span { font-size: 16px; color: #164A69; }
.news .list:hover { background: #1C6D9E; }
.news .list:hover .info b > a { color: #fff; }
.news .list:hover .info p { color: #CEDFED; }
.news .list:hover .info span { color: #fff; }
@media screen and (max-width: 920px) { .news .list .img { width: 30%; }
  .news .list .info { width: 68%; } }
@media screen and (max-width: 750px) { .news .list .img { width: 50%; margin-bottom: 15px; }
  .news .list .info { width: 100%; } }
@media screen and (max-width: 520px) { .news .list .img { width: 100%; } }

.newscont .title { text-align: center; font-size: 18px; color: #666; line-height: 1.5; }
.newscont .time { color: #2480C5; padding-bottom: 6px; border-bottom: 1px solid #DBDBDB; margin-bottom: 15px; }
.newscont .info { padding-bottom: 10px; color: #919191; }
.newscont .addthis_sharing_toolbox { margin: 20px 0; }

.partner { padding: 0 9.58333%; }
.partner > .info{ text-align:center; margin-bottom:20px;}
.partner .list { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; }
.partner .list img { width: 100%; }
.partner .list .img { width: 18.61702%; border-radius: 8px; overflow: hidden; }
.partner .list .info { width: 77%; }
.partner .list .info b { font-size: 20px; color: #555; font-weight:bold;}
.partner .list .info p { display: block; color: #444; margin-top: 20px; overflow: hidden; }
@media screen and (max-width: 1080px) { .partner { padding: 0; } }
@media screen and (max-width: 880px) { .partner .list .img { width: 28%; margin-bottom: 15px; }
  .partner .list .info { width: 70%; }
  .partner .list .info b { font-size: 17px; } }
@media screen and (max-width: 680px) { .partner .list .img { width: 40%; }
  .partner .list .info { width: 100%; } }
@media screen and (max-width: 540px) { .partner .list .img { width: 100%; } }
.products_two .title{ font-size:24px; margin-bottom:8px; color:#333; font-weight:bold; line-height:1.3;} 
.products_two .products{ margin-bottom:20px;}

.products .box, .products .line { width: 30.8%; }
.products .box { margin-bottom: 30px; }
.products .box .img { border: 1px solid #DBDBDB; overflow: hidden; border-radius: 15px; }
.products .box .img img { width: 100%; }
.products .box .title{ position:relative; height:1.2; line-height:24px; margin-top:6px;}
.products .box .title a { color: #666; font-size: 14px; font-weight: bold;}
.products .box p{ color: #666; line-height:1.3;} 
.products .box:hover .title a { color: #f5a101;}
@media screen and (max-width: 720px) { .products .box, .products .line { width: 48%; }
  .products .box > a { text-align: center; } }
@media screen and (max-width: 540px) { .products .box, .products .line { width: 100%; } }

.procont { position: relative; margin-bottom: 30px; }
.procont .one { width: 50%; }
.procont .one > img { width: 100%; margin-bottom: 10px; border: 1px solid #dfcfcf; display: block; border-radius: 12px; overflow: hidden; }
.procont .one .slideList { width: 100%; display: block; text-align: center; margin: 10px 0; }
.procont .one .slideList li { float: left; width: 22%; margin-right: 1%; border: 1px solid #e5e5e5; overflow: hidden; cursor: pointer; border-radius:5px; }
.procont .one .slideList li img { width: 100%; display: block; font-size: 0;  }
.procont .one .slideList li:hover { border-color: #f5a101; }
.procont .two { width:46%; }
.procont .two .justify{ margin-top:10px;}
.procont .two .title { font-size: 20px; text-transform: capitalize; color: #000; font-weight: normal; line-height: 1.2; display: block; padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; }
.procont .two p.info { padding: 5px 0; display: block; }
.procont .two p.info a{ display:inline-block; vertical-align:middle; margin-left:6px; background:url(../img/download.png) no-repeat center; width:120px; height:39px; background-size:contain; font-size:0;}
.procont .two .left { width: 52%; position: relative;  overflow: hidden; margin-right:4%;}
.procont .two .left a { display: block; width: 100%; height: 100%;}
.procont .two .left a img{ width:100%; display:block;}
.procont .two .left > img { width: 100%;  position: absolute; left: 0; top: 0; position:absolute; width:100%; z-index:-1; }

.procont .two .right { width: 43%;  text-align: left; position:relative; vertical-align:bottom; }
.procont .two .right .addthis_sharing_toolbox { display: inline-block; vertical-align: middle;  margin-top:20px; }
.procont .two .right > a { display:inline-block; text-align: center; font-size: 18px;  padding:10px 30px; position: relative; border-radius: 8px;  background:-webkit-linear-gradient(top,#123143,#1D73A6);background:-moz-linear-gradient(top,#123143,#1D73A6);background:-ms-linear-gradient(top,#123143,#1D73A6);background:-o-linear-gradient(top,#123143,#1D73A6); background:linear-gradient(top,#123143,#1D73A6);  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#123143', endColorStr='#1D73A6', gradientType='0'); color: #fff; text-transform: capitalize; }
@media screen and (max-width: 920px) { .procont .two .right > a { font-size: 16px; } }
@media screen and (max-width: 660px) { .procont .one { width: 100%; margin-bottom: 20px; }
  .procont .two { width: 100%; text-align: center; }
  .procont .two .left { width: 65%; }
  .procont .two .right { width: 33%; }
  .procont .two .right > a { font-size: 13px; }
.procont .two .right{ width:100%; margin-left:0;text-align: center;}
.procont .two .right .addthis_sharing_toolbox{ display:block; margin-bottom:20px;}
 .procont .two .justify{text-align: center;}
 }

.procont .tag { margin: 30px 0;  padding-top: 20px;}
.procont .tag .tagList { border-radius: 12px 12px 0 0; overflow: hidden;   }
.procont .tag .tagList li {box-shadow:inset 1px -3px 8px rgba(0,0,0,0.2); float: left; width: 19.901051%; margin-left: 0.1%; margin-bottom: 1px; text-transform: capitalize; background: #f5a101; text-align: center; color: #fff; font-size: 14px; line-height: 1.5; padding: 10px 0; cursor: pointer; }
.procont .tag .tagList li.selected {background:#155980;}
.procont .tag .tagBox { background: url(../img/11.jpg) repeat; padding: 15px; border: 1px solid #ccc; border-top: 0px none; margin-top: -1px;  }

.procont .tag .tagBox.lasttag table{ margin-bottom: 30px;}
.procont .tag .tagBox.lasttag strong{ font-size: 16px;}
.procont .tag .tagBox.lasttag p{ font-size: 16px; margin-bottom: 15px;}
.procont .tag .tagBox.lasttag img{ margin-bottom: 15px; display: block;}
.procont .tag .tagBox.lasttag table tr,.procont .tag .tagBox.lasttag table td{ font-weight: bold; font-size: 14px; text-align: left;}
.procont .tag .tagBox.lasttag input[type="text"]{ width: 100%; border:0px none; padding-left: 5px; color: #666; font-size:14px;}
.procont .tag .tagBox.lasttag input[type="submit"],.procont .tag .tagBox.lasttag input[type="reset"]{ width: 100px; height: 32px; line-height: 32px; border:0px none; background:#F5A101; font-size: 14px; color: #fff; margin-left: 5px;}
.procont .tag .tagBox.lasttag .sub{ text-align: center;}
.procont .tag .tagBox.lasttag .sub span.code{  display:inline-block; vertical-align:middle; margin:0 10px;}
.procont .tag .tagBox.lasttag .sub input[name="code"]{ width:85px; height:32px; line-height:32px; display:inline-block; vertical-align:middle; background:#fff}

@media screen and (max-width: 950px) { .procont .tag .tagList li { width: 49.6%; overflow: hidden; } }

.pro_table{ font-size: 14px; color: #666; font-weight: bold;}
.pro_table td{ padding:5px 8px; position: relative;}
.pro_table td.titil{ font-size:17px; color:#333; text-align:center; background:#FCF9F2; border-radius: 15px 15px 0 0; overflow:hidden; border:0px none;}
.pro_table .inquiry{ background: #155980 url(../img/inqu.png) no-repeat 10px 5px; color: #fff; text-align: center; font-size: 16px; padding: 7px 0; box-shadow: inset 1px -3px 8px rgba(0,0,0,0.2); text-transform: capitalize;  overflow: hidden; border: 0px none;}
.pro_table .tip{ background: #F5A101; color: #fff; text-align: center; font-size: 16px; box-shadow: inset 1px -3px 8px rgba(0,0,0,0.2); overflow: hidden; border: 0px none;}
.pro_table input[type="text"],.pro_table input[type="email"]{ border:0px none; width: 100%; font-size: 14px;}
.pro_table textarea{ border:0px none; width: 100%; height: 100%; font-size: 14px; height: 52px; max-width: 100%; min-width: 100%;}

.submit { margin-top: 25px; padding-bottom: 30px; margin-bottom: 20px;  text-align:center; }
.submit input[name=code] { width: 88px; border: 1px solid #E5E5E5; height: 30px; line-height:30px; padding-left: 5px; }
.submit span { display: inline-block; vertical-align: middle; margin-left: 5px; cursor:pointer; }
.submit input[type=submit], .submit input[type=reset] { width: 96px; height: 30px; line-height: 30px; text-transform: capitalize; text-align: center; color: #164866; border: 1px solid #164866; border-radius: 10px; background: #fff; margin-right: 20px; margin-top: 15px; }
.submit input[type=submit]:hover, .submit input[type=reset]:hover { background: #164A69; color: #fff; }

.hotpro .title { display:inline-block; font-size:18px; color: #fff; background: #155980; padding: 6px 20px; text-transform: capitalize; margin-bottom: 15px; border-radius:14px 14px 0 0; }
.hotpro .box, .hotpro .line { width: 22.5%; }
.hotpro .box { margin-bottom: 10px;}
.hotpro .box a { color: #363636; display: block; }
.hotpro .box p{ color: #363636;}
@media screen and (max-width: 760px) { .hotpro .box, .hotpro .line { width: 46%; } }
@media screen and (max-width: 460px) { .hotpro .box, .hotpro .line { width: 100%; } }

/* 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: 8px 0; line-height: 1.3; }

#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:-webkit-linear-gradient(top,#123143,#1D73A6);background:-moz-linear-gradient(top,#123143,#1D73A6);background:-ms-linear-gradient(top,#123143,#1D73A6);background:-o-linear-gradient(top,#123143,#1D73A6); background:linear-gradient(top,#123143,#1D73A6);  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#123143', endColorStr='#1D73A6', gradientType='0');}

@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); }

/* 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%; }

.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: 2%; margin-bottom: 5px; 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: #7D7873; border-radius: 50%; display: block; height: 15px; width: 15px; outline: none; font-size: 0; cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; opacity: 0.8; filter: alpha(opacity=80); }

.slick-dots li.slick-active button { background: #A17D5B; opacity: 0.9; filter: alpha(opacity=90); box-shadow: inset 1px 1px 3px rgba(113, 88, 67, 0.8); }


/*录入样式开始*/
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;}}
/*录入样式结束*/

#footer .create-form-inner{ padding:0 8px;}
#footer .create-form-inner .create-form-li{
    padding-right: 8px;
    padding-left: 8px;
}

#footer .create-form-title{display:none;}
#footer .create-form-wrap{border:0;margin:0;padding:0;}

#crmMailMask{ font-size:14px;line-height:1.5;color:#444;text-align:center;position:fixed;width:100%;height:100%;left:0;top:0;z-index:10999;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMzhBMDgyNjE0NzJFNTExODlDRkYxMjg1ODdCMDI5OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMDlCOTg5NDhDNTkxMUU1QjUwQ0ZCQTIwREJBQkZGNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMDlCOTg5MzhDNTkxMUU1QjUwQ0ZCQTIwREJBQkZGNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkJGNzQ3Q0IyNDg0RTUxMUFGRTdDOEI0MUZCQTFFQjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTM4QTA4MjYxNDcyRTUxMTg5Q0ZGMTI4NTg3QjAyOTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4UOTX9AAAAD0lEQVR42mJiYGDwBQgwAABcAFBNz9C5AAAAAElFTkSuQmCC");background:rgba(80,80,80,0.5)}#crmMailMask,#crmMailMask *{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box}#crmMailMask:after,#crmMailMask>div{ display:inline-block;vertical-align:middle}#crmMailMask:after{ content:'';height:100%;width:0;overflow:hidden}#crmMailMask .crmMailMask-box{ background:#fff;width:290px;border-radius:4px;max-width:98%;padding:15px 20px;margin:15px 0 40px 0}#crmMailMask .crmMailMask-box .crmMailMask-boxBot{ margin-top:10px}#crmMailMask .crmMailMask-box .crmMailMask-boxBot button{border-radius:4px; line-height:1;border:0px none;padding:10px 15px;background:#135287;color:#fff;font-size:13px;text-transform:capitalize}.crm-submit-load{ display:inline-block;width:24px;height:20px;background:url("data:image/gif;base64,R0lGODlhFAAUAJEDAMfHx3Z2du7u7v///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQjRBNTc3ODRBNEUxMUU2QkIzMThDODBEOUVDNjkyMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQjRBNTc3OTRBNEUxMUU2QkIzMThDODBEOUVDNjkyMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJCNEE1Nzc2NEE0RTExRTZCQjMxOEM4MEQ5RUM2OTIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJCNEE1Nzc3NEE0RTExRTZCQjMxOEM4MEQ5RUM2OTIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAwAsAAAAABQAFAAAAjycj6nLjRHcglAaAAaNQjSMaVznLWB2kKWJIh3zNnFKwjU9J6q+LrnbM/yAuZ2v9jIeB7vh0emAWqZUQwEAIfkEBQoAAwAsBAACAAwABgAAAhacDXCLqSvEcCqEEeOsNmR5dJfGWEMBACH5BAUKAAMALAgAAgAKAAoAAAIXnDSpdrh8BgArzvnkzZqrEHAgmI1hGRYAIfkEBQoAAwAsDAAEAAYADAAAAhecNHmnm4ZeAuBROq+tI4TneUn4jeVQAAAh+QQFCgADACwIAAgACgAKAAACGJw/IniqnByMEIBp7Qlh5DtwnAeG4jRCBQAh+QQFCgADACwEAAwADAAGAAACFlwyqSJ2uJh4CIAh2xnW4qZwXUh6YQEAIfkEBQoAAwAsAgAIAAoACgAAAhdcMql2uHxeilIBUO+VGguxbN8njWAJFgAh+QQFCgADACwCAAQABgAMAAACF5wTNojH2gYAak5jKdZqCKF8nyGCJFgAADs=") no-repeat center right;vertical-align:middle}.crm-body-clear{ overflow:hidden !important}

span.help-block-error,span.has-error-span {
    display: inline-block; padding-left: 5px; color: #a94442 !important; white-space:nowrap;
}
.crmMailMask-boxTop{font-size:16px; padding:5px 0;}

#footer .right li.code{width:100%;}
#footer .right li.subBtn input,.procont .tag .tagBox.lasttag .sub input,.submit input,.contactBtn { width: 96px; height: 30px; line-height: 30px; text-transform: capitalize; text-align: center; color: #164866; border: 1px solid #164866; border-radius: 10px; background: #fff; margin-right: 20px; }
#footer .right li.subBtn input:hover,.procont .tag .tagBox.lasttag .sub input:hover,.submit input:hover ,.contactBtn:hover{ background: #164A69; color: #fff; }

