@charset "UTF-8";

html { line-height: 1.15; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
body { margin: 0; overflow-x: hidden; overflow-y:auto }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible;}
pre { font-family: monospace, monospace; font-size: 1em;}
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong { font-weight: bold; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em;}
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button;}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0;}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; /* 3 */white-space: normal;}
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] {box-sizing: border-box;  padding: 0;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto;}
[type=search] {-webkit-appearance: textfield;  outline-offset: -2px;}
[type=search]::-webkit-search-decoration { -webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;  font: inherit;}
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] {display: none;}
 @-moz-keyframes spin {  from {-moz-transform: rotate(0deg);}
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {  from {-webkit-transform: rotate(0deg);}
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {  from {transform: rotate(0deg);}
to { transform: rotate(360deg); }
}
@-webkit-keyframes grow {  0% {-webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;}
 100% {-webkit-transform: scale(1.5, 1.5);transform: scale(1.5, 1.5);opacity: 0;}
}
@keyframes grow {  0% {-webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;}
 100% {-webkit-transform: scale(1.5, 1.5);transform: scale(1.5, 1.5);opacity: 0;}
}
/*--------------------------------------------------------------# Typography--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea { color: #252525; font-family:  "Microsoft Yahei", "Lucida Grande", sans-serif; font-size: 16px; line-height: 1.5714285714; font-weight: 400; -ms-word-wrap: break-word; word-wrap: break-word; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { font-family: "Microsoft Yahei", "Lucida Grande", sans-serif; font-weight: 500; line-height: 1.2; margin: 0 0 20px; color: #03132b; }
h1 { font-size: 90px; font-weight: 900; }
h2 { font-size: 50px; font-weight: 900; line-height: 56px; }
h3 { font-size: 30px; margin-bottom: 18px; }
h4 { font-size: 16px; line-height: 24px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }
html, body, div, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, a, pre, form, fieldset, input, select, textarea, blockquote, p, span, i, em { padding: 0; margin: 0; font-style: normal; }
address { margin: 0 0 1.5em; }
pre { background: #eee; font-size: 13.125px; line-height: 1.5714285714; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }
code, kbd, tt, var { font-size: 13.125px; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { background: #fff9c0; text-decoration: none; }
.text-light { color: #b7b7b7; }
.bg-light { background: #f2f4f6; }
.bg-primary { background-color: #ffd100; }
.text-primary { color: #ffd100; }
.padding-top-bottom-0 { padding-top: 0; padding-bottom: 0; }
.padding-top-bot-medium { padding-top: 50px; padding-bottom: 50px; }
.no-padding { padding: 0; }
.padding-top-medium { padding-top: 90px; }
.no-padding-left { padding-left: 0!important; }
.no-padding-right { padding-right: 0!important; }
.no-padding-top { padding-top: 0!important; }
.no-padding-bottom { padding-bottom: 0!important; }
.no-margin { margin: 0; }
.no-margin-bottom { margin-bottom: 0!important; }
.no-margin-left { margin-left: 0!important; }
.no-margin-right { margin-right: 0!important; }
.clear-both { clear: both; }
.unstyle { list-style: none; padding-left: 0; margin-bottom: 60px; }
.unstyle li { padding: 4px 0; }
.unstyle li a { text-decoration: underline; }
.unstyle i { color: #ffd100; margin-right: 10px; }
.text-dark { color: #000; }
.text-second { color: #00aeef!important; }
.box-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.box-shadow-hover:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important; }
.italic { font-style: italic; }
.bolder { font-weight: 900; }
.semi-bold, .semi-bold a { font-weight: 700; }
.medium { font-weight: 500; }
.normal { font-weight: 400; }
.lighter { font-weight: 300; }
.thin { font-weight: 100; }
.gaps { clear: both; height: 20px; display: block; }
.gaps.size-2x { height: 40px; }
.f-left { float: left; }
.f-right { float: right; }
.overflow { overflow: hidden; }
.radius { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; overflow: hidden; }
.radius-top { border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; overflow: hidden; }
.radius-bottom { border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; overflow: hidden; }
.radius-left { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 2px; overflow: hidden; }
.radius-right { border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 0; overflow: hidden; }
.text-right { text-align: right; }
/*--------------------------------------------------------------# Elements--------------------------------------------------------------*/
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
ul,li, ol,dt,dd,dt { margin: 0 ; padding:0px;  list-style: disc;  list-style: decimal; }
ul li, ol li { list-style: outside none none; margin: 0; padding: 0; }
.none-style { list-style: none; padding-left: 0; }
img { height: auto;max-width: 100%; border-style: none;}
figure { margin: 1em 0;}
table { margin: 0; width: 100%; border-collapse: collapse; border-spacing: 0; border-width: 1px 0 0 1px; }
caption, td, th { padding: 0; font-weight: normal; text-align: left; }
table, th, td { border: 1px solid #eee; }
th { font-weight: 700; }
th, td { padding: 0.4375em; }
/*--------------------------------------------------------------# Forms--------------------------------------------------------------*/
/* #button Group================================================== */
.btn { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 16px; padding: 18px 22px; line-height: 1.42857143; display: inline-block; margin-bottom: 0; text-decoration: none; white-space: nowrap; vertical-align: middle; font-family: "Microsoft Yahei", "Lucida Grande", sans-serif;font-weight: 500; text-align: center; background: #ffd100; cursor: pointer; border: 1px solid transparent; color: #272023; outline: none; min-width: 150px; border-radius: 0; }
.btn:hover, .btn:focus { background: #1f1f59; color: #fff; text-decoration: none; }
.btn-primary { background-color: #ed3800; color: #fff; }
.btn-default { background-color: #f2f4f6; color: #03132b; }
.btn-default:hover { background-color: #ffd100; color: #03132b; }
.btn-dark { background: #000; }
.btn-dark:hover, .btn-dark:focus { background: #f26522; color: #fff; }
.btn-white { background-color: #fff; color: #252525; }
.btn-dark:hover, .btn-dark:focus { background: #03132b; color: #fff; }
.btn.btn-border { background: transparent; border-color: #363636; color: #707070; }
.btn.btn-border:hover, .btn.btn-border:focus { background: #ffd100; border-color: #ffd100; color: #03132b; }
.btn-border-white { background-color: transparent; border-color: #fff; color: #fff; }
.btn-border-white:hover { background-color: transparent; border-color: #ffd100; color: #ffd100; }
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { color: #707070; border: 1px solid #e1e1e1; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 11px 20px; box-sizing: border-box; outline: none; max-width: 100%; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: #707070; }
select { border: 1px solid #e2e2e2; height: 46px; padding: 10px 18px; outline: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
select option { color: #000; }
textarea { width: 100%; height: 133px; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #b7b7b7;}
::-moz-placeholder {  /* Firefox 19+ */  color: #b7b7b7;}
:-ms-input-placeholder { /* IE 10+ */ color: #b7b7b7;}
:-moz-placeholder {  /* Firefox 18- */  color: #b7b7b7;}
hr { border-top-color: #cccccc; }
.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
.industris-lineheight { line-height: 36px; }
/*--------------------------------------------------------------# Navigation--------------------------------------------------------------*/
/*--------------------------------------------------------------## Links--------------------------------------------------------------*/
a { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; color: #03132b; text-decoration: none; }
a:hover, a:focus, a:active { color: #ffd100; text-decoration: none; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }
/* ###### */
section { position: relative; padding: 64px 0; display: block; }
/*--------------------------------------------------------------## Top Bar--------------------------------------------------------------*/
.container-custom { width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media only screen and (min-width: 768px) {
.no-xs-margin-bottom { margin-bottom: 0!important; }
.no-padding-sm-left { padding-left: 0!important; }
.no-padding-sm-right { padding-right: 0!important; }
}
@media only screen and (min-width: 992px) {
.md-clear { clear: both; }
.no-margin-md-bottom { margin-bottom: 0!important; }
.no-padding-md-left { padding-left: 0; }
}
@media only screen and (min-width: 1200px) {
.container-custom { width: 1680px; }
}
.searchbar { padding: 30px; display: none; }
.input-group { position: relative; display: table; border-collapse: separate; }
input.form-control, select.form-control { position: relative; font-size: 16px; line-height: 26px; color: #707070; display: table-cell; width: 100%; padding: 16px 20px; border-radius: 0; }
.input-group-btn { position: relative; display: table-cell; font-size: 0; white-space: nowrap; width: 1%; vertical-align: middle; }
.input-group-btn button { border-radius: 0; }
.header-topbar { background-color: #03132b; color: #b7b7b7; font-size: 14px; line-height: 26px; letter-spacing: 0; }
.header-topbar ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.topbar-left { display: inline-block; }
.topbar-left li { display: inline-block; line-height: 26px; padding: 13px 24px; border-left: 1px solid rgba(183,183,183,0.2); }
.topbar-left li:last-child { border-right: 1px solid rgba(183,183,183,0.2); }
.topbar-left i { margin-right: 8px; color: #ffd100; font-size: 20px; line-height: 26px; position: relative; vertical-align: middle; }
.topbar-right li { float: left; padding: 13px 24px 16px 24px; border-left: 1px solid rgba(183,183,183,0.2); }
.topbar-right li:last-child { border-right: 1px solid rgba(183,183,183,0.2); }
.topbar-right li.topbar-search { padding-top: 14px; padding-bottom: 9px; }
.topbar-right li a { display: inline-block; }
.topbar-right li a i { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.topbar-right li a:hover, .topbar-right li a i:hover { color: #ffd100; }
.topbar-right .topbar-search i { font-size: 26px; }
.topbar-right i, .topbar-right a { color: #b7b7b7; }
.top-header { display: table; }
.top-header .logo-brand { padding: 23px 0; }
.top-header .header-info-2, .top-header .topbar-search, .top-header .header-btn-2 { display: table-cell; vertical-align: middle; }
.header-info-2 ul li { color: #707070; font-size: 16px; line-height: 26px; display: inline-block;padding: 16px; }
.header-info-2 ul li i { position: relative; vertical-align: middle; color: #ffd100; font-size: 20px; line-height: 26px; margin-right: 4px; }
@media screen and (min-width: 992px) and (max-width: 1420px) {
.header-info-2 ul li:nth-child(1) { display:none }	
.header-info-2 ul li{padding: 16px 8px;}
}
.top-header .topbar-search { position: relative; padding-right: 20px; }
.top-header .topbar-search i { color: #707070; font-size: 26px; line-height: 26px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }
.top-header .topbar-search i:hover { color: #ffd100; }
.header-btn-2 { width: 1%; }



/*--------------------------------------------------------------## 头部 css--------------------------------------------------------------*/
.main-navigation { text-align: right; margin-top: -1px; }
.navigation-2 { z-index: 10; }
.main-navigation > ul { display: inline-block; list-style: none; margin-bottom: 0; padding-left: 0; }
.main-navigation > ul > li { position: relative; display: inline-block; }
.main-navigation ul li a { font-size: 16px; font-weight: 500; line-height: 1; padding: 52px 25px; color: #272023; display: flex; position: relative; text-transform:Uppercase }
.main-navigation ul li.current-menu-parent > a, .main-navigation > ul > li.menu-item-has-children.current-menu-parent > a:after { color: #ffd100; }
.main-navigation ul li a:hover, .main-navigation > ul > li.menu-item-has-children > a:hover:after { color: #ffd100; }
.main-navigation > ul > li.menu-item-has-children > a:after { display: inline-block; width: 0; height: 0; margin:0 4px 0 16px; content: "\f107"; color: #fff; font-family: 'FontAwesome';font-size: 16px; }
.main-navigation ul ul { list-style: none; margin: 0; padding: 0; background-color: #fff; border-top: 2px solid #ffd100; -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); }
.main-navigation ul li ul { min-width: 260px; position: absolute; top: 140%; left: 0%; z-index: 10; visibility: hidden; opacity: 0; transition: all 400ms ease; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; }
.main-navigation ul > li:hover > ul { opacity: 1; visibility: visible; top: 100%; }
.main-navigation ul li li { position: relative; display: block; }
.main-navigation ul ul li a { font-size: 16px; line-height: 20px; font-weight: 500; color: #272023; text-align: left; display: block; padding: 15px 25px 15px 25px; position: relative; text-decoration: none; outline: none; text-transform: none; transition: all 400ms ease; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; border-bottom: 1px solid rgba(183,183,183,0.5); }
.main-navigation ul ul li.current_page_item a { color: #ffd100; }
.main-navigation ul ul li.menu-item-has-children > a:after { display: inline-block; position: absolute; top: 30px; right: 25px; width: 0; height: 0; content: "\f107"; color: #bdbebf; font-family: 'FontAwesome'; font-weight: 900; margin-right: 15px; font-size: 13px; float: right; transform: rotate(-90deg); }
.main-navigation ul ul li.menu-item-has-children > a:hover:after { color: #ffd100; }
.main-navigation ul ul li ul { margin-left: 100%; border-top: none; }
.main-navigation ul ul li:hover ul { opacity: 1; visibility: visible; top: 0; margin-left: 100%; }
.main-navigation a i { margin-left: 8px; }
.mobile-header { display: none; }
/*--------------------------------------------------------------## Nav 2--------------------------------------------------------------*/
.navigation-2 { background-color: #014d97; }
.navigation-2 ul li a { color: #fff; }
.navigation-style-2 > ul > li:last-child { border-right: 1px solid rgba(255,255,255,.2); }
.navigation-style-2 > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.navigation-style-2 > ul > li { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; flex-basis: 0; text-align: center; border-left: 1px solid rgba(255,255,255,.2); }
.navigation-style-2 > ul > li a { display: block; padding: 19px 25px; }
.navigation-style-2 ul li ul { min-width: 275px; }

/*--------------------------------------------------------------## Footer--------------------------------------------------------------*/
.site-footer { background-color: #03132b; color: #b7b7b7; }
.site-footer-h3 { background-color: #003663; }
.main-footer { background: url(../images/bg-footer-h3.jpg); background-repeat: no-repeat; background-size: cover; padding: 64px 0; color: #fff; }
.main-footer ul, .main-footer-2 ul { list-style: none; padding-left: 0; margin: 0; }
.main-footer ul li, .main-footer-2 ul li { padding: 8px 0; }
.main-footer ul li:first-child,, .main-footer-2 ul li:first-child { padding-top: 0;}
.main-footer ul li:last-child, .main-footer-2 ul li:last-child { padding-bottom: 0; }
.main-footer ul li a, .main-footer-2 ul li a { color: #fff; font-size: 16px; line-height: 24px; font-weight: 500; }

.main-footer-2 ul li a { color: #03132b; }
.main-footer ul li a:hover, .main-footer-2 ul li a:hover { color: #ffd100; }
.widget-footer .widget_media_image {vertical-align:top }

.padding-left { padding-left: 130px; }
.btn-subcribe { width: 60px; height: 60px; min-width: auto; }
.footer-social { font-size: 16px; line-height: 26px; font-weight: 400; margin-top: 45px; color: #b7b7b7; }
.footer-social a { color: #b7b7b7; margin-left: 15px; }
.footer-social a:hover { color: #ffd100; }
.footer-social a i { font-size: 21px; line-height: 26px; }
.footer-bottom ul { list-style: none; margin: 0; padding: 0; }
.widget-footer form { max-width: 400px; }
.btn.btn-back-to-top { color: #ffd100; background-color: #192840; font-size: 14px; line-height: 34px; padding: 7px 27px; border-bottom: 2px solid #ffd100; border-radius: 0; }
.btn-back-to-top i { margin-left: 9px; font-size: 20px; line-height: 34px; }
.footer-bottom { background-color: #03132b; color: #b7b7b7; }
.footer-bottom-h3 { background-color: #003663; }
.main-footer-2 { background: url(images/bg-footer-2.png) no-repeat; padding: 120px 0; background-size: cover; }
.main-footer-2 input.form-control { background-color: #f2f4f6; }
.main-footer-2 input::placeholder { color: #03132b;}
.main-footer-2 .footer-social a { color: #707070 }
.main-footer-2 .footer-social a:hover { color: #ffd100; }
.main-footer-2 .btn-subcribe { background-color: #03132b; color: #ffd100; }
.main-footer-2 .btn-subcribe:hover { background-color: #ffd100; color: #03132b; }
.site-footer-2 .btn.btn-back-to-top { color: #03232b; background-color: #ffd100; }
.site-footer-h3 .btn.btn-back-to-top { background-color: #1a4a73; }

.QR-code{ font-size:0; vertical-align:top}
.QR-code img{ width:128px; display:inline-block; vertical-align:top}
.QR-code span{font-size:16px;width:20px; margin-right:8px; display:inline-block;writing-mode: vertical-lr;-webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl;}


/*--------------------------------------------------------------## 首页 新闻--------------------------------------------------------------*/
.entry-content { padding-top: 120px; padding-bottom: 120px; }
.post-box {margin-bottom: 30px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear;}
.post-box:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
.entry-media img { width: 100%; height: auto; }
.inner-post { padding: 30px; background-color: #fff; border: 1px solid #e1e1e1; }
.entry-meta { color: #707070; font-size: 16px; line-height: 1; margin-bottom: 20px; }
.entry-meta a { color: #ffd100; font-weight: 500; }
.inner-post h3 { font-size: 20px; }
.entry-meta span:before { content: "|"; margin: 0 10px; }
.entry-meta span:first-child:before { display: none; }
.entry-summary { margin:16px 0 30px 0; font-size:14px; color:#555 }

.inner-post h3{ min-height:54px; font-size: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }
.entry-summary p { min-height:96px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4;-webkit-box-orient: vertical;}




.inner-post .entry-footer .post-link { color: #707070; font-size: 16px; line-height: 20px; font-weight: 500; }
.inner-post .entry-footer .post-link:hover { color: #ffd100; }
.inner-post .entry-footer .post-link i { font-size: 20px; margin-left: 10px; vertical-align: middle; }
.inner-post .entry-footer .post-link:hover { text-decoration: none; }
.page-pagination { display: flex; list-style: none; margin-bottom: 0; margin-top: 90px; }
.page-pagination li a, .page-pagination li span { font-size: 16px; line-height: 1; padding: 13px 18px; display: inline-block; position: relative; margin-right: 10px; }
.page-pagination li a { color: #707070; background-color: #f2f4f6; }
.page-pagination li a:hover { color: #fff; background-color: #ffd100; text-decoration: none; }
.page-pagination li a i { margin-left: 0; }
.page-pagination li span { color: #fff; background-color: #ffd100; }

/*--------------------------------------------------------------## banner 箭头--------------------------------------------------------------*/
.slick-arrow { position: absolute; top: -60px; font-size: 48px; padding: 0; border-radius: 50%; border: none; line-height: 1; right: 0; outline: none; background-color: transparent; color: #fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.prev-nav.slick-arrow { left: 0; }
.next-nav.slick-arrow { right: 15px; }
.slick-arrow:hover { border-color: #ffd100; color: #ffd100; }
.slider .slick-arrow { top: 45%; }
.slider .prev-nav { left: 20px; right: auto; z-index: 1; }
.slider .next-nav { right: 20px; }
@media (min-width: 1900px) {
.slider img { width: 1920px;}
}
/*--------------------------------------------------------------## 首页 合作--------------------------------------------------------------*/
.buddy{ padding:64px 0; background:#f5f5f5}
.image-carousel { position: relative; text-align: center; }
.partner-slider .partner-item img { display: inline-block; }
.partner-slider { position: relative}
.partner-slider .prev-nav,.partner-slider .next-nav{ color:#000; z-index:9999}
.partner-slider .prev-nav { left: 0px;top:16px ; display:none !important;}
.partner-slider .next-nav{  right: 0px; top:16px; display:none !important; }

/*--------------------------------------------------------------## 首页 产品--------------------------------------------------------------*/
.project-feature .project-item .pro-name{ height:40px; line-height:40px; background:#eee}
.project-feature .project-item:hover .pro-name{ background:#ffd100}
.project-feature .project-item:hover img{ padding:4px; border:solid 4px #ffd100}
.project-feature-slider { position:relative;width: calc(100% - 64px); margin:0 auto;text-align:center}
.project-feature .slick-arrow { top: 45%; }
.project-feature .prev-nav { left: -32px; color:#000 }
.project-feature .next-nav { right: -32px; color:#000 }
/*---------## 产品 小屏幕 切换点-------------*/
.slick-dots { position: absolute; right: 0; bottom: 30px; text-align: right; }
.slick-dots li { margin: 0; margin-left: 12px; }
.slick-dots li.slick-active button { border-color: #ffd100; background-color: #ffd100; }
.slick-dots li button { border: 1px solid #b7b7b7; border-radius: 50%; width: 18px; height: 18px; }
.slick-dots li button:hover { background-color: #ffd100; border-color: #ffd100; }
.slick-dots li button:before { display: none; }

/*--------------------------------------------------------------## 首页--------------------------------------------------------------*/
/*---## 关于 titl---*/
.home-about h2 { margin-bottom: 24px; font-size:36px; color:#014d97 }
.home-about .more{ height:30px; line-height:30px; margin:26px 0;}
.home-about .more a{  line-height:30px; font-size:14px;}
.services-box-3-hover i { color: #ffd100; }
/*---##关于 链---*/
.counter-box { text-align: center; padding: 24px 30px; border: 1px solid #e1e1e1; border-bottom: 6px solid #ffd100; }
.counter-box:hover h4{ color:#ffd100}
.counter-box .counter-icon { margin-bottom: 5px; }
.counter-box .counter-icon i { font-size: 34px; color: #ffd100; }
.counter-box h4 { margin-bottom: 6px; }
.counter-box h3 { margin-bottom: 0; }

/*--------------------------------------------------------------## 首页 优势--------------------------------------------------------------*/
.typo.slick-arrow { bottom: 10px; }
.form-control.default { background-color: #f2f4f6; }
.form-control.default::placeholder { color: #707070;}
.form-control.active { border-color: #ffd100; }
.form-control.active::placeholder { color: #03132b;}
.services-box-hover a, .services-box-hover .view-detail { color: #ffd100; }
.services-box-img-hover img { transform: scale(1.1); }
.services-box-3 { padding: 25px 30px 0; background-color: #1c5e9f; border-bottom: 5px solid #ffd100; transition: 0.3s; margin-bottom: 60px; min-height:252px;}
.services-box-3:hover { background-color: #fff; }
.services-box-3 h4 { margin-bottom: 15px; font-size:30px; font-weight:bold; text-align:center; color:#fff }
.services-box-3 p{color: #fff ; margin-top:16px;min-height:52px;}
.services-box-3:hover i { color: #fff; }
.services-box-3 .view-detail { color: #fff; font-size: 24px; text-align:center }
.services-box-3:hover h4,.services-box-3:hover p{ color: #ffd100; }
.services-box-3 .services-icon { text-align: center }
.services-box-3-hover { border-color: #ffd100; background-color: #fff; }
.services-box-3-hover h4 a { color: #252525; }


/*--------------------------------------------------------------## Responsive--------------------------------------------------------------*/
@media (max-width: 1600px) {
.padding-left { padding-left: 80px; }
.slider .next-nav { right: 15px; }
.slider .prev-nav { left: 15px; }
}
 @media (max-width: 1400px) {
.slider-slick-2 { width: 100%; }
.slider .slider-content { bottom: 140px; }
.project-slider .prev-nav { left: 45%; top: auto; bottom: -60px; }
.project-slider .next-nav { right: 45%; top: auto; bottom: -60px; }
.slick-feature-project .item .project-content { width: 100%; }
}

@media (max-width: 1200px) {
.slider .slider-content { bottom: 140px; }
.slider .slider-content h1 { font-size: 36px; }
.slider .slider-content h4 { display: none; }
.padding-left { padding-left: 40px; }
.industris-space-md { height: 40px; }
.slick-feature-project .item .project-content { width: 100%; padding-left: 25%; }
.slick-feature-project .item-info { position: relative; }
.slick-slide-feature-project { display: none; }
.slider-2-nav .item-info { padding-left: 30px; padding-right: 130px; }
.slick-feature-project .next-nav.slick-arrow { left: 150px; }
.slick-feature-project .prev-nav.slick-arrow { left: 100px; }
.slider-slick-2 { position: relative; }
.slider-2 .item .slider-content { padding: 30px; }
.slider-2 .item-info { position: relative; }
.slider-img-nav { display: none; }
.slider-2 .slick-arrow { bottom: 45%; }
.slider-2 .next-nav.slick-arrow { left: auto; right: 30px; }
.slider-2 .prev-nav.slick-arrow { left: 30px; }
.slider-2 .slick-arrow:hover { color: #ffd100; }
}
@media (max-width: 991px) {
.md-hidden { display: none; }
.mobile-header { display: block; background-color: #fff;}
.logo-brand-mobile { padding: 16px 0; font:0}
.logo-brand-mobile:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.logo-brand-mobile .logo { max-width: 220px; display:inline-block;}
.logo-brand-mobile .top-tel { display:inline-block}
.logo-brand-mobile .top-tel{ float:right; }
.logo-brand-mobile .top-tel p{ display:inline-block; margin:12px 0 0 0px; color: #707070;}
.logo-brand-mobile .top-tel .fa{color: #ffd100;}
.mobile-nav { display: none; margin-bottom: 30px;}
#mmenu_toggle { position: relative; cursor: pointer; float: right; width: 26px; height: 20px; padding: 10px 0; margin: 26px 0 0; }
#mmenu_toggle button { position: absolute; left: 0; top: 50%; margin: -2px 0 0; background: #03132b; height: 4px; padding: 0; border: none; width: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; outline: none; border-radius: 2px; }
#mmenu_toggle button:before { content: ""; position: absolute; left: 0; top: -8px; width: 26px; height: 4px; background: #03132b; -webkit-transform-origin: 1.5px center; transform-origin: 1.5px center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; border-radius: 2px; }
#mmenu_toggle button:after { content: ""; position: absolute; left: 0; bottom: -8px; width: 26px; height: 4px; background: #03132b; -webkit-transform-origin: 1.5px center; transform-origin: 1.5px center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; border-radius: 2px; }
#mmenu_toggle.active button { background: none; }
#mmenu_toggle.active button:before { top: 0; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
#mmenu_toggle.active button:after { bottom: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.mobile-menu { margin: 0; padding: 0 0 20px 0; list-style: none; border-top: 1px solid rgba(183,183,183,0.5); }
.mobile-nav ul li.menu-item-has-children ul { display: none; }
.mobile-nav ul li { position: relative; }
.mobile-nav ul li a { color: #272023; font-size: 16px; font-weight: 500; line-height: 1; font-family: "Roboto", sans-serif; display: block; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(183,183,183,0.5); text-decoration: none; }
.mobile-nav ul li a:hover { color: #ffd100; }
.mobile-nav .btn { margin-top: 20px; }
.mobile-header .mobile-nav .mobile-menu > li.menu-item-has-children .arrow { color: #000; position: absolute; display: block; right: 0; top: 0; cursor: pointer; height: 46px; padding: 0 30px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.mobile-header .mobile-nav .mobile-menu > li.menu-item-has-children .arrow i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 11px; height: 11px; }
.sub-menu { padding-left: 20px; }
.mobile-nav ul { margin: 0; list-style: none; }
.slider .slider-content { bottom: 140px; margin-left: 50px; }
.slider .slider-content h1 { font-size: 36px; }
.slider .slider-content h4 { display: none; }
.padding-left { padding-left: 0; }
.widget-footer { margin-bottom: 60px; }
.site-footer .row > div:last-child .widget-footer { margin-bottom: 0; }
.footer-bottom .topbar-left li { padding-left: 0; border: none; }
.industris-space-sm { height: 40px; }
.sm-clear { clear: both; }
.sm-center { text-align: center; }
.home-form .form-group { margin-bottom: 20px; }
.mb-sm-40 { margin-bottom: 40px!important; }
.slick-feature-project .item .project-content { padding-right: 30px; }
.slick-feature-project .item .project-content h4, .slick-feature-project .item .project-content .feature-project-btn { display: none; }
.slick-feature-project .prev-nav.slick-arrow { left: 8%; }
.slick-feature-project .next-nav.slick-arrow { left: 15%; }
.register-form { margin-bottom: 30px; }
.relate-project { margin-bottom: 30px; }

.mobile-nav .language img{ width:64px; margin-left:16px}
}

@media (max-width: 767px) {
.logo-brand-mobile .top-tel p{ display:block; margin:0px; font-size:14px }
section { padding: 64px 0; }
.slick-dots { text-align: center; bottom: -24px; }
.slider .slider-content { bottom: 100px; }
.slider .slider-content h1 { font-size: 30px; }
.slider .slider-content h4 { display: none; }
.slider .slider-content .btn { display: none; }
.sm-hidden { display: none; }
.blockquote-img { margin-bottom: 30px; }
.industris-space-xs { height: 40px; }
.xs-center { text-align: center; }
.project-home .project-slider-content { display: none; }
.coming-soon { padding: 80px 0; }
.coming-soon-content { padding-top: 80px; padding-bottom: 80px; }
.coming-soon-title { font-size: 60px; line-height: 72px; }
.btn-update { position: relative; }
.counter-box { margin-bottom: 30px; }
.projects-list { margin-bottom: 40px; }
.slick-feature-project .item .project-content { padding-left: 30px; padding-top: 30px; }
.slick-feature-project .item .project-content h2 { font-size: 36px; }
.slick-feature-project .prev-nav.slick-arrow { left: 30px; bottom: 10px; }
.slick-feature-project .next-nav.slick-arrow { left: 80px; bottom: 10px; }
.slider-slick-2 .slider-scroll-btn { display: none; }
.slider-2-nav .item-info { padding-right: 30px; }
.slick-feature-project .prev-nav.slick-arrow { bottom: 68%; }
.slick-feature-project .next-nav.slick-arrow { bottom: 68%; right: 30px; left: auto; }

}
@media (max-width: 576px) {
.slider .slider-content { bottom: 60px; }
.slick-feature-project .prev-nav.slick-arrow, .slick-feature-project .next-nav.slick-arrow { bottom: 70%; }
.logo-brand-mobile .top-tel{ display:none}
}
@media (max-width: 480px) {
section { padding: 48px 0; }
.slider .slider-content { bottom: 50px; margin-left: 0; }
.slider .slider-content h1 { font-size: 24px; }
.slider .slider-content h4 { display: none; }
.slider .slider-content .btn { display: none; }
.share { text-align: left; }
.career-box { padding: 30px; }
.coming-soon { padding: 60px 0; }
.coming-soon-content { padding-top: 60px; padding-bottom: 60px; }
.project-slider .project-slider-content { display: none; }
.slick-feature-project .prev-nav.slick-arrow { bottom: 73%; }
.slick-feature-project .next-nav.slick-arrow { bottom: 73%; right: 30px; left: auto; }
}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -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; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; outline: none; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.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; }
.slick-arrow.slick-hidden { display: none; }



/*--------------------## 另增--------------------*/
/*** 清理浮动***/
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section-head{ margin:0px auto 32px auto; text-align:center;}
.section-head h3{ font-size:36px; font-weight:bold; color:#014d97}
.section-head h3 i{ color:#ffd100; font-size:64px; font-style:normal}
.section-head span{ font-size:16px; color:#555; display:block; margin:8px 0}
.short-line{ background:#d7bf7f; width:64px; height:4px;}
.section-head .short-line{  margin:0 auto; background:#ffd100}
@media (max-width: 768px) {
.section-head{ margin:32px auto;}
.section-head span{ font-size:1rem;}
}
.more { width:168px; height:48px; margin:32px auto 0 auto; border:solid 1px #2d3961; text-align:center; cursor:pointer;position: relative;}
.more a { color: #2d3961; font-size: 18px; line-height:46px; display:block; background-size: 200.22% auto; -webkit-background-size: 200.22% auto; -moz-background-size: 200.22% auto; background-position: 0% 0; background-image: linear-gradient(to right, rgba(45, 57, 97, 0) 50%, #ffd100 50%);transition: background-position 0.4s ease-out; -webkit-transition: background-position 0.4s ease-out; }
.more:hover{ border:solid 1px #ffd100; }
.more a:hover { background-position: -99.99% 0; color:#fff; }

/*--------------------## 内页--------------------*/
@font-face { src: url('../font/impact.eot');/* IE9 Compat Modes */ src: url('../font/impact.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../font/impact.woff') format('woff'), /* Modern Browsers */
	 url('../font/impact.woff2') format('woff'), /* Modern Browsers */
	 url('../font/impact.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('../font/impact.svg?#fontawesomeregular') format('svg'); /* Legacy iOS */ 
}
/*--------- 内页 公用 css --------*/ 
.page-banner{background: url(../images/p-banner.jpg ) no-repeat center top; max-height:360px; position:relative; overflow:hidden}
.page-Column{ font-weight:bold;text-align:center; color:#014d97; margin-top:88px; min-height:240px; font-size:42px; line-height:42px}
.page-Column .en{text-transform : uppercase; color:#fff;font-size:36px;line-height:36px}
.page-Column p{position:relative; margin:0; padding:0}
.page-Column .fa{ font-size:16px; vertical-align:top; margin-top:6px; color:#fff }
.page-Column p:before{ content: ""; position: absolute; width: 88px; height: 1px; background: #fff; top:17px; left:calc(50% - 88px); z-index:0 }
.page-Column p:after{ content: "";position: absolute; width: 88px;height: 1px; background: #fff; top: 17px; right:calc(50% - 88px); z-index:0}
.location{ margin-top:16px;}
.location,.location a{ color:#fff; font-size:14px;}

@media (max-width: 992px) {
.page-Column{ margin-top:48px; min-height:168px; font-size:36px; line-height:24px}
.page-Column .en{font-size:28px;line-height:28px}
.page-Column .fa{  margin-top:0; }
.page-Column p:before,.page-Column p:after{  top: 11px; }
}

@media (max-width: 768px) {
.page-Column{ margin-top:16px; min-height:120px; font-size:30px; line-height:24px}
.page-Column .en{font-size:20px;line-height:20px}
}

.details{ font-size:16px; line-height:2;text-indent:2em; }
.mt32{ margin-top:32px;}
.mt-b32{ margin:32px 0}
.mt64{ margin-top:64px;}
.mt-b64{ margin:64px 0}
/*** 分页 Css  ***/
.page-num{ text-align:center; margin-top:32px;}
.page-num a{ display: inline-block; padding:0 8px; margin:0 2px; font-size:14px; border:1px solid #e5e5e5; line-height:26px;color:#666;}
.page-num .page-cur{ background:#014d97;border:1px solid #014d97; color:#fff}

/*--------- 内页 产品 css --------*/ 
.products{  vertical-align:top; padding:64px 0px; position:relative}
.sort .sort-title{ font-size:32px; font-weight:bold; color:#014d97; }
.sort .sort-title i{ display:block; font-size:12px; font-family: "Microsoft Yahei", sans-serif;}
/*** 左侧分类 css **/
.sidebar-menu { width:100%; vertical-align:top}
.sidebar-menu > li { position: relative; color: #222; background:#ececec; padding:16px; margin-top:1px}
.sidebar-menu > li > a {display:block; color: #222;font-size:16px;}
.sidebar-menu > li > a.lv1-a {width:calc(100% - 52px);}
.sidebar-menu > li > a.lv1-a:before { content: "";font-family:'FontAwesome';content:"\f101"; margin-right:8px }
.sidebar-menu > li > a.btn-a{  width:52px;height:52px; position:absolute; right:0; top:0;}
.sidebar-menu > li > a.btn-a .fa{ margin:20px 20px 0 0;font-size:14px;}
.sidebar-menu li:hover a{ color: #014d97; }
.sidebar-menu > li > .treeview-menu li{ border-bottom:solid 1px #fff; line-height:36px;}
.sidebar-menu > li > .treeview-menu li:last-child{ border:0}
.sidebar-menu li > a > .fa-angle-right { width: auto; height: auto; padding: 0; margin-right: 10px; margin-top: 3px; }
.sidebar-menu li.active > a > .fa-plus:before { font-family:'FontAwesome';content:"\f068" }
.sidebar-menu .treeview-menu { display: none; margin-top:8px}
.sidebar-menu .treeview-menu > li > a { padding:4px 16px; display: block; font-size:16px; color: #fff; }
.sidebar-menu .treeview-menu > li > a > .fa { width: 20px; }
.sidebar-menu .treeview-menu > li > a > .fa-angle-right,  .sidebar-menu .treeview-menu > li > a > .fa-angle-down { width: auto; }
.sidebar-menu li.active{ background:#014d97;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.sidebar-menu li:hover{ background:#014d97;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.sidebar-menu li.active a,.sidebar-menu li:hover a{ color: #fff}
.sidebar-menu li.active ul a:hover{ color:#ffd100; }
.sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover { color:#fff; }
.hotline{ background:#014d97; text-align:center; color:#fff; padding-bottom:16px;}
.hotline img{ margin-bottom:8px}
.hotline i{ font-size:20px; border-radius:32px; padding:6px 8px; background:#fff; color:#014d97}
.hotline em{ font-size:16px; margin-left:16px}
.hotline span{font-family: 'impact';font-size:28px; line-height:32px; display:block; margin-top:8px}
/*** 产品列表 css **/
.products-list { margin-top:68px;}
.products-list ul{ font-size:0; width:100%;margin-top:-2%}
.products-list ul li{ font-size:16px; display:inline-block; width:30%; margin:2% 1.5% 0 1.5%; vertical-align:top;}
.products-list ul li .pro-name{ background:#e6e6e6; text-align:center; padding:8px; position:relative;}
.products-list ul li .pro-name p{ width:100%; font-size:12px; color:#555; overflow:hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; }
.products-list ul li a{ color:#222; font-size:14px}
.products-list ul li:hover {color: #fff;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; cursor: pointer; }
.products-list ul li:hover .pro-name{ background:#014d97;}
.products-list ul li:hover a,.products-list ul li:hover p{ color: #fff;}
.products-list ul li:hover img{ opacity:0.8}
@media (max-width: 992px) {	 
.products-list ul li{ width:47%;}
}
@media (max-width: 768px) {	 
.sidebar-menu { font-size:0; width:100%;}
.sort .sort-title{ text-align:center; margin-bottom:16px;}
.sidebar-menu > li { display: inline-block; width: calc(50% - 1px); margin:1px 0 0 1px; padding-left:16px; }
.sidebar-menu > li > .treeview-menu { position:absolute; top:52px ;left:0; width:100%; z-index:99; opacity:0.9; background:#000; padding-left:16px; }
.sidebar-menu li.active ul{ background:#000; }
.sidebar-menu li.active ul li{ border-bottom:solid 1px #fff; }
.sidebar-menu li.active ul a{ color:#fff; }
.products-list ul li{ width:47%;}
.hotline { display:none}
}
 @media (max-width: 576px) {
.sidebar-menu > li { position: relative; width:100%; display:block; margin:1px auto 0 auto; }
.products-list ul li{ width:100%; margin:0}
}
/*** 产品详情 css ***/
.note{ background:#f7f7f7; height:40px; line-height:40px;}
.note .pro-name{ float:left; font-size:1rem}
.note .link{ float:right; margin-right:16px; background:#000; padding:0 32px;}
.note .link a{ font-size:1rem; font-weight:bolder; color:#fff}
/* 产品展示图片 css */
.Silde-box { position:relative; margin:0 auto; width:100%;}
.Silde-box #Big-img{ z-index:2; width:100%; position:relative; text-align:center;}
.Silde-box #Big-img img{ width:100%; display:none;}
.Silde-box #Thum-box{ position:relative; height:82px; margin-top:16px;width:100%; }
.Silde-box #Thum-box #Thum-ul{width: calc(100% - 64px); height:77px; overflow:hidden; position:relative; margin:0 auto;}
.Silde-box #Thum-box ul{position:relative; width:10000px; height:77px;}
.Silde-box #Thum-box ul li{ float:left; width:100px; border:1px solid #ccc; position:relative; margin:0 4px; cursor:pointer; }
.Silde-box #Thum-box img{ width:100px; height:75px;}
.Silde-box #Thum-box li.hov{ border:1px solid #ffd100; }
.Silde-box #Thum-box .fa{ font-size:4rem; color:#777}
.Silde-box #Thum-box .SildeLeft{cursor:pointer; position:absolute; top:16px; left:0px; z-index:9; width:16px; height:27px;}
.Silde-box #Thum-box .SildeRight{cursor:pointer; position:absolute; top:16px; right:0px; z-index:9; width:16px; height:27px;}
.Silde-box #Thum-box:hover .fa{color:#777}
.Silde-box #Thum-box .fa:hover{color:#ffd100}
/* 产品信息 css */
.pro-info .pro-name{ font-size:32px}
.pro-info .outline{ color:#666;border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; margin:32px 0; padding:16px 0; font-size:1rem; line-height:2}
.pro-info .outline strong{font-size:18px; color:#222; font-weight: normal; display:block; margin-bottom:32px}
.page-bool{ margin:16px auto 0 auto; text-align:center; color:#999; font-size:14px}/* 上一个 下一个*/ 
.page-bool a{  font-size:14px}
 @media (max-width: 768px) {
.Silde-box { width:100%;}
.pro-info { padding-top:32px}
}
.pro-detailed{ margin-top:32px; padding:32px 16px; border-top: solid 1px #eee; min-height:256px;font-size:16px; line-height:2;text-indent:2em;}

/*--------- 内页 新闻 css --------*/ 
/*** 新闻列表 css* **/
.news { padding:64px 0px;}
.news-list li{ font-size:0; border: solid 1px #eee; padding:32px; margin-bottom:8px;}
.news-list li .time,.news .news-list li .news-con{ display:inline-block;font-size:16px; vertical-align:top }
.news-list li .time{ width:84px; color:#221a27; font-size:16px; margin-top:8px; text-align:center;font-family:'impact';}
.news-list li .time i{ font-size:48px; line-height:48px; display:block; }
.news-list li .news-con{width: calc(95% - 84px); margin-left:5%; font-size:16px; vertical-align:top; color:#555; line-height:2}
.news-list li .news-con .title{color:#221a27; font-size:20px; margin-bottom:8px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.news-list li .news-con .summary{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news-list li:hover a,.news-list li:hover .title,.news-list li:hover .time{ color:#014d97; cursor:pointer;}
.news-list li:hover{box-shadow: 0 16px 32px -6px rgba(97, 105, 113, 0.3); transform: translateY(-5px); -webkit-transform: translateY(-5px); cursor:pointer}
/*** 新闻详情 css* **/
.newshow { padding:64px 0px;}
.newshow h2{ font-size:30px; color:#014d97; font-weight:bold; text-align:center}
.newshow .remark{font-size:14px; color:#999; margin-top:16px; border-bottom:solid 1px #eee; text-align:center}
.newshow .remark span{ margin:0 8px}
.newshow .page-bool{border-top:solid 1px #eee; padding-top:16px; }

/*--------- 厂房设备 css --------*/ 
#thumbs ul{ font-size:0; margin-top:-32px}
#thumbs ul li{ font-size:16px; display:inline-block; width:calc(25% - 32px);  margin:32px 16px 0 16px; background:#ddd; text-align:center}
#thumbs ul li p.term{ height:40px; line-height:40px; text-align:center; overflow:hidden}
@media (max-width: 992px) {
#thumbs ul li{ width:calc(33% - 32px); }
}
@media (max-width: 768px) {
#thumbs ul li{ width:calc(50% - 32px); }
}

/*--------- 设备视频 css --------*/ 
.videos{ padding:32px 0px 64px 0px; margin: 0 auto;}
.videos .row [class*='col-']{ text-align:center; margin-top:32px}
.videos .m-video{ cursor: pointer; position:relative; vertical-align:middle; width:100%}
.videos .m-video:after { font-family:'FontAwesome';content:"\f01d"; font-size:64px; color:#fff; position:absolute; top:50%; left:40%; opacity:0.75; line-height:0}
.videos .m-video .video-name{ background:#e6e6e6; text-align:center; padding:8px; position:relative; width:100%; overflow:hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical; }
.videos .m-video:hover .video-name{ background:#014d97; color:#fff}
@media (max-width: 576px) {
.videos .m-video:after{font-size:32px;}
}
/*--------- 联系 css --------*/ 
.contact{ padding:64px 0; position:relative}
.contact .welcome dt,.welcome dd{ float:left}
.contact .welcome:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contact .welcome {background:#ffd100;}
.contact .welcome dt{ background:#ffd100; width:300px; font-size:32px; color:#fff; font-weight:bold}
.contact .welcome dd{ background:#014282; width: calc(100% - 300px); min-height:140px;color:#fff; font-size:16px; padding:32px; }
.contact .welcome dd strong{ font-size:20px}
.contact-box{ margin-top:32px;}
.contact-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.contact-box .contact-con,.contact-box #map{ float:left; width:50%}
.contact-box .contact-con{ min-height:400px; background:#eee; padding:32px;}
.contact-box .contact-con p{ border-bottom: solid 1px #CCC; padding:32px 0}
.contact-box .contact-con .fa{ color:#014282; font-size:36px; vertical-align:middle}
.contact-box #map img{ max-width:inherit;}

@media (max-width: 992px) {
.contact .welcome dt{ width:160px; text-align:center}
.contact .welcome dd{ width: calc(100% - 160px); min-height:192px;}
.contact-box .contact-con,.contact-box #map{ width:100%; float:none}
}
@media (max-width: 576px) {
.contact .welcome dt{ display:none}
.contact .welcome dd{ width:100%}
}




/*** 相关 新闻、产品 ***/
.rel-title{ border-bottom:solid 1px #ddd; }
.rel-title h4{ display:block;background:#014d97; width:128px;height:32px; line-height:32px; text-align:center; color:#fff; font-size:16px; font-weight:bold; }
.rel-pro ul { font-size:0; margin-top:32px;}
.rel-pro ul li{width: calc(25% - 32px);  display: inline-block; margin:0 16px;}
.rel-pro ul li p.pro-name{ width:100%; font-size:16px; color:#555;background:#e6e6e6; text-align: center; line-height:36px; overflow:hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.rel-pro ul li:hover img{ padding:4px; border: solid 4px #ffd100}
.rel-news ul { font-size:0; margin-top:16px;}
.rel-news ul li{font-size:16px; width:47%; display: inline-block; margin:0 1.5%; position:relative; border-bottom: solid 1px #eee; margin-top:16px; line-height:36px;}
.rel-news ul li a{ display:block;width:calc(100% - 100px); overflow:hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.rel-news ul li span.time{ display:block; width:90px; position:absolute; right:0; top:0; color:#666}
 @media (max-width: 768px) { 
.rel-pro ul li{width: calc(50% - 32px); margin-top:1.5%}
.rel-news ul li{ width:97%; margin-top:1.5%}
}