@import url("font-awesome.min.css");
@import url("swiper.min.css");
@import url("aos.css");
@charset "UTF-8";
@font-face { font-family: 'Harmony'; src: url('../fonts/HarmonyOS_Sans_SC_Light.woff'); font-weight: 300; font-style: normal }
@font-face { font-family: 'Harmonys'; src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf'); font-weight: 300; font-style: normal }
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em { margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { margin: 0; font-family: 'Harmony', PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; line-height: 1.85; font-size: 13px; color: #272727; }
html { scroll-behavior: smooth; }
h1 { font-size: 2em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }
a { -webkit-text-decoration-skip: objects; background-color: transparent; }
abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #272727; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -.25em; }
sup { top: -.5em; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { line-height: 1.42857143; margin: 0; outline: none; font-family: "Microsoft YaHei", "微软雅黑", "宋体"; }
body, button, input, select, textarea { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [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: .35em .75em .625em; }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { -webkit-box-sizing: border-box; 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-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none;
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit;
}
summary { display: list-item; }
article, aside, footer, header, nav, section, figcaption, figure, main, details, menu { display: block; }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
audio, video, canvas { display: inline-block; }
template, [hidden] { display: none; }
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
a { color: #272727; text-decoration: none; }
a:hover { color: #398AFF; }
ul, li, ol { margin: 0; list-style: none; padding: 0; }
.container, .container-small, .big-container, .view-container { width: 92%; min-width: 360px !important; margin: 0 auto; padding: 50px 0; overflow: hidden; }
.big-container { width: 98%; }
.container-small { width: 80%; }
.min-inner { overflow: hidden; }
.view-container { max-width: 1200px; padding: 0 0; }

@media (max-width:1449px) {
.container, .container-small, .big-container { padding: 25px 0; }
.container, .container-small { width: 92%; }
}

@media (max-width:1199px) {
.container, .container-small, .big-container { padding: 10px 0; }
}

@media (max-width:991px) {
}

@media (max-width:767px) {
}

@media (max-width:479px) {
}
/**/
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.absolute { position: absolute; }
.pors { position: relative; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.hide { opacity: 0; }
.en { font-family: 'gotham-medium'; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #6f6f6f;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #6f6f6f;
}/*统一全局样式*/
.main-container, .section { background: #F7F8F8; }
.container-color { background: #fff; }

@media (max-width:1449px) {
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
}

@media (max-width:767px) {
}

@media (max-width:479px) {
}
/**/
header { width: 100%; background: #fff; z-index: 999; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); transition: all .6s ease-in-out; position: relative; }
/*#index header { background: none; position: fixed; -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.05); box-shadow: 0 0px 0px 0 rgba(0,0,0,.05); }
#index header:hover, #index .head-fixed { background: #fff; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); }
#index .head-fixed { display: none; }*/
.head-hover { }
.head-hover:after { position: absolute; left: 0; content: ''; width: 100%; height: 365px; top: 120px; background: #fff; z-index: 0; transition: all 1s ease-out; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); display: none; }
.head-fixed { position: sticky; left: 0; top: 0; background: #fff; border-bottom-color: #fff; }
header .container { padding: 0 0; overflow: visible; }
.head-inner { height: 120px; }
.head-inner .logo-inner { float: left; width: 346px; height: 100%; display: flex; align-items: center; overflow: hidden; }
/*#index .head-inner .logo-inner { background: url(../images/logo-color.svg) no-repeat left center; }
#index header:hover .logo-inner, #index .head-fixed .logo-inner { background: url(../images/logo.svg) no-repeat left center; }*/
.head-inner .logo-inner img { max-width: 100%; align-items: center; }
.head-inner .logo-inner a { }
.head-inner aside { float: right; height: 100%; }
.head-inner .nav { float: left; height: 100%; }
.head-inner .nav .nav-item { float: left; z-index: 999; height: 100%; margin-left: 20px; padding: 0 20px; }
.head-inner .nav .nav-item>a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 18px; }
.head-inner .nav .nav-item>a:after { content: ''; bottom: 0px; position: absolute; display: block; width: 0; height: 3px; border-radius: 1.5px; background: #398AFF; transition: all .6s linear; }
.head-inner .nav .cur>a, .head-inner .nav .nav-item:hover>a { color: #398AFF; }
.head-inner .nav .cur>a:after, .head-inner .nav .nav-item:hover>a:after { width: 100%; }
.head-inner .nav { float: left; height: 100%; }
.head-inner .nav .nav-item { float: left; z-index: 999; margin-left: 20px; height: 100%; padding: 0 30px; }
.head-inner .nav .nav-item>a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 18px; position: relative; }
.head-inner .nav .nav-item>a:after { content: ''; bottom: 0px; position: absolute; display: block; width: 0; height: 3px; border-radius: 1.5px; background: #fff; transition: all .6s linear; }
.head-inner .nav .cur>a:after, .head-inner .nav .nav-item>a:after { background: #398AFF; }
.head-inner .nav .cur>a:after, .head-inner .nav .nav-item:hover>a:after { width: 100%; }
.head-inner .nav .cur>a, .head-inner .nav .nav-item:hover>a { color: #398AFF; }
/* 二级菜单 */
.wrap { position: absolute; left: 0; top: 0; padding: 20px 20px; width: 100%; background: #fff; z-index: 0; transition: all 1s ease-out; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); }
.wrap .container{ max-width:1920px;}
.subMenu { display: none; position: absolute; height: 345px; top: 120px; z-index: 3; left: 0; width: 100%; padding: 10px 0; }
.subMenu dt, .subMenu dd { float: left; overflow: hidden; height: 325px; }
.subMenu dt { width: 40%; margin-right: 5%; }
.subMenu dt img { width: 100%; height: 100%; object-fit: cover; }
.subMenu dd { width: 55%; margin-top: 115px; height: auto; }
.head-inner .nav #M-1 .subMenu dd, .head-inner .nav #M-5 .subMenu dd { margin-top: 65px; }
.subMenu li { float: left; overflow: hidden; margin: 10px 0; margin-right: 2%; border-bottom: 1px solid #F1F1F1; width: 32%; line-height: 35px; font-size: 16px; }
.subMenu li span, .subMenu li h3 { display: block; }
.subMenu li span { color: #C9C9C9; }
.subMenu li h3 { font-size: 18px; font-weight: 300; }
.subMenu li:nth-child(3n) { margin-right: 0; }
.subMenu li a { display: block; transition: all .6s ease-out; }
.subMenu li:hover { border-bottom: 1px solid #398AFF; }
.subMenu li:hover a { color: #005BAC; }
/* 二级菜单 */
.head-inner .menu-button { float: right; margin-top: 16px; background: #398AFF; font-size: 18px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; display: none; }

@media (max-width:1449px) {
.head-inner { height: 100px; }
.head-hover:after { top: 100px; }
.wrap { }
.subMenu { top: 100px; }
.head-inner .nav .nav-item { margin-left: 20px; padding: 0 10px; }
.subMenu li span, .subMenu li h3 { font-size: 14px; }
.subMenu li h3 { font-size: 16px; }
}

@media (max-width:1199px) {
.head-inner { height: 80px; }
.head-hover:after, .subMenu { top: 80px; }
.head-inner .logo-inner { width: 280px; }
.head-inner .nav .nav-item { margin-left: 10px; padding: 0 10px; }
}

@media (max-width:991px) {
.head-inner .logo-inner { width: 150px; }
.head-inner .nav .nav-item { margin-left: 10px; padding: 0 5px; }
.head-inner .nav .nav-item>a { font-size: 15px; }
}

@media (max-width:767px) {
header { position: sticky; left: 0; top: 0; }
.head-inner { height: 60px; }
.head-inner .logo-inner { width: 250px; }
.head-inner .nav { display: none; }
.head-inner .menu-button { display: flex; }
}

@media (max-width:479px) {
.head-inner { height: 70px; }
.head-inner .logo-inner { height: 70px; }
.head-inner .lang-button, .head-inner .menu-button { margin-left: 10px; }
.head-inner .lang-button { height: 70px; }
.head-inner .lang-button dt { height: 70px; }
.head-inner .lang-button dd { top: 70px; }
.head-inner .menu-button { margin-top: 21px; }
}
/**/

footer { background: #272727; }
footer .container { padding: 20px 0; }
.foot-inner { padding: 30px 0; padding-bottom: 50px; overflow: hidden; border-bottom: 1px solid #4D4D4D; }
.foot-code, .foot-text, .foot-nav { overflow: hidden; float: left; line-height: 35px; font-size: 15px; }
.foot-code { float: left; width: 158px; overflow: hidden; margin-right: 30px; }
.foot-code img { max-width: 100%; vertical-align: middle; }
.foot-text { }
.foot-text li { display: block; color: #fff; }
.foot-text li strong { font-size: 32px; font-weight: 800; font-family: 'Harmonys'; line-height: 52px; }
.foot-nav { float: right; }
.foot-nav dl { float: left; margin-left: 70px; }
.foot-nav dt, .foot-nav dd, .foot-nav li { display: block; overflow: hidden; }
.foot-nav dt { font-size: 16px; font-weight: 800; }
.foot-nav dt a { color: #fff; }
.foot-nav dd { }
.foot-nav dd a { color: #BDBDBD; }
.foot-power { padding: 30px 0; overflow: hidden; color: #BDBDBD; text-align: center; font-size: 15px; text-transform: capitalize; }
.foot-power a { color: #BDBDBD; }

@media (max-width:1449px) {
footer .container { padding: 10px 0; }
.foot-inner { padding: 20px 0; padding-bottom: 20px; }
.foot-code, .foot-text, .foot-nav { font-size: 14px; }
.foot-code { margin-right: 10px; }
.foot-text { }
.foot-nav dl { margin-left: 20px; }
.foot-power { padding: 20px 0; font-size: 14px; }
}

@media (max-width:1199px) {
.foot-nav dl { margin-left: 35px; }
.foot-nav dl:nth-child(1), .foot-nav dl:nth-child(5) { display: none; }
.foot-nav dt { font-size: 15px; }
}

@media (max-width:991px) {
.foot-nav dl:nth-child(1), .foot-nav dl:nth-child(3), .foot-nav dl:nth-child(4), .foot-nav dl:nth-child(5) { display: none; }
}

@media (max-width:767px) {
.foot-inner { display: flex; }
.foot-nav, .foot-code { display: none; }
}

@media (max-width:479px) {
}
/**/
.fixed-online { position: fixed; right: 0; bottom: 120px; z-index: 99999999; }
.fixed-online .item { position: relative; width: 80px; text-align: center; }
.fixed-online .item:after { content: ''; position: absolute; left: 50%; margin-left: -30px; width: 60px; height: 2px; bottom: -1px; background: #71AAFF; }
.fixed-online .item:last-child:after { display:none; }
.fixed-online .item dt { width: 80px; height: 80px; line-height: 80px; overflow: hidden; background-color: #3989FF; background-repeat: no-repeat; background-position: center; }
.fixed-online .item dt a { display: block; }
.fixed-online .item:hover dt { }
.fixed-online .item:nth-child(1) dt { background-image: url(../images/fiexd-icon-1.png); }
.fixed-online .item:nth-child(2) dt { background-image: url(../images/fiexd-icon-2.png); }
.fixed-online .item:nth-child(3) dt { background-image: url(../images/fiexd-icon-3.png); }
.fixed-online .item dd { position: absolute; top: 0; right: 80px; width: 215px; height: 80px; overflow: hidden; line-height: 80px; font-size: 24px; font-weight: 800; background: #3989FF; color: #fff; display: none; font-family: 'Harmonys'; }
.fixed-online .item:hover dd { display: block; }
.fixed-online .item:nth-child(1) dd { height: auto; width: 215px; background: none; top:-47px; }
.fixed-online .item:nth-child(1) dd img { max-width: 100%; vertical-align: middle; }

@media (max-width:1449px) {
.fixed-online .item { width: 58px; }
.fixed-online .item:last-child { }
.fixed-online .item dt { width: 58px; height: 58px; line-height: 58px; }
.fixed-online .item:nth-child(1):hover dt { border-radius: 0 29px 29px 0; }
.fixed-online .item dd { right: 58px; }
}

@media (max-width:1199px) {
.fixed-online .item { width: 48px; }
.fixed-online .item:last-child { }
.fixed-online .item dt { width: 48px; height: 48px; line-height: 48px; }
.fixed-online .item:nth-child(1):hover dt { border-radius: 0 24px 24px 0; }
.fixed-online .item dd { right: 48px; }
}

@media (max-width:991px) {
}

@media (max-width:767px) {
.fixed-online { display: none; }
}

@media (max-width:479px) {
}
/**/
.banner-wrap { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; }
.banner-wrap:after { content: ''; position: absolute; z-index: 2; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background: rgba(0,0,0,.15); opacity: 1; }
.banner-wrap .banner-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; }
.banner-wrap .banner-inner .container { display: flex; height: 100%; align-items: center; justify-content: center; flex-direction: column; }
.banner-wrap .banner-inner h3, .banner-wrap .banner-inner label { display: block; width: 100%; overflow: hidden; line-height: 1.5; color: #fff; }
.banner-wrap .banner-inner h3 { font-size: 46px; text-transform: uppercase; }
.banner-wrap .banner-inner label { font-size: 38px; font-weight: 800; text-transform: uppercase; }
.banner-wrap .image-inner { position: relative; z-index: 1; width: 100%; display: flex; align-items: center; justify-content: center; }
.banner-wrap .image-inner img { width: 100%; align-items: center; }

@media (max-width:1449px) {
.banner-wrap .banner-inner h3 { font-size: 42px; }
.banner-wrap .banner-inner label { font-size: 34px; }
}

@media (max-width:1199px) {
.banner-wrap .banner-inner h3 { font-size: 38px; }
.banner-wrap .banner-inner label { font-size: 30px; }
}

@media (max-width:991px) {
.banner-wrap .banner-inner h3, .banner-wrap .banner-inner label { text-align: center; }
.banner-wrap .banner-inner h3 { font-size: 34px; }
.banner-wrap .banner-inner label { font-size: 24px; }
}

@media (max-width:767px) {
.banner-wrap .banner-inner h3 { font-size: 20px; }
.banner-wrap .banner-inner label { font-size: 20px; }
}

@media (max-width:479px) {
.banner-wrap .banner-inner h3 { font-size: 18x; }
.banner-wrap .banner-inner label { font-size: 18px; }
}
/**/
.inside-caption, .index-caption, .index-more, .about-caption, .other-caption, .layout-caption { padding: 20px 0; overflow: hidden; position: relative; }
.inside-caption { }
.inside-caption .title, .inside-caption .text { display: block; overflow: hidden; text-align: center; line-height: 2; }
.inside-caption .title { font-size: 52px; font-weight: 300; line-height: 1.5; }
.inside-caption .title strong { font-weight: 800; }
.inside-caption .text { font-size: 18px; }
.index-caption .title { display: block; overflow: hidden; text-align: center; line-height: 1.5; font-size: 56px; }
.index-caption .title strong { font-weight: 800; }
.index-caption .more { position: absolute; right: 0; top: 50%; margin-top: -22.5px; display: flex; align-items: center; justify-content: center; }
.index-caption .more a { height: 45px; line-height: 45px; padding: 0 45px; background: #398AFF; position: relative; overflow: hidden; font-size: 18px; color: #fff; z-index: 1; border-radius: 2.0833vw; }
.index-caption .more a span { display: block; position: relative; z-index: 1; }
.index-caption .more a:before { content: ''; bottom: 0px; position: absolute; z-index: 0; left: 0; width: 0; height: 100%; background: #438BC6; transition: all .6s ease-in-out; }
.index-caption .more a:hover { }
.index-caption .more a:hover:before { width: 100%; }
.index-more { padding-bottom: 75px; display: flex; align-items: center; justify-content: center; }
.index-more a { height: 45px; line-height: 45px; padding: 0 45px; background: #398AFF; position: relative; overflow: hidden; font-size: 18px; color: #fff; z-index: 1; border-radius: 2.0833vw; }
.index-more a span { display: block; position: relative; z-index: 1; }
.index-more a:before { content: ''; bottom: 0px; position: absolute; z-index: 0; left: 0; width: 0; height: 100%; background: #438BC6; transition: all .6s ease-in-out; }
.index-more a:hover { }
.index-more a:hover:before { width: 100%; border-radius: 2.0833vw; }
.about-caption { padding-top: 50px; position: relative; }
.about-caption:after { content: ''; position: absolute; left: 0; top: 0; width: 90px; height: 6px; background: #398AFF; }
.about-caption .text, .about-caption .title, .about-caption .other { display: block; overflow: hidden; line-height: 1.5; }
.about-caption .title { font-size: 52px; }
.about-caption .title strong { font-weight: 800; }
.about-caption .other { font-size: 26px; }
.other-caption { font-size: 30px; font-weight: 800; }
.layout-caption { padding-top: 50px; position: relative; }
.layout-caption:after { content: ''; position: absolute; left: 0; top: 0; width: 90px; height: 6px; background: #398AFF; }
.layout-caption .text, .layout-caption .title, .layout-caption .other { display: block; overflow: hidden; line-height: 1.5; }
.layout-caption .title { font-size: 52px; font-weight: 800; }
.layout-caption .text { font-size: 30px; }

@media (max-width:1449px) {
.inside-caption .title, .index-caption .title { font-size: 32px; line-height: 50px; }
.inside-caption .title strong { font-weight: 800; }
.inside-caption .text, .index-caption .text { font-size: 18px; }
.about-caption, .layout-caption { padding-top: 30px; }
.about-caption .title, .layout-caption .title { font-size: 32px; line-height: 50px; }
.about-caption .title strong { font-weight: 800; }
.about-caption .other, .layout-caption .text { font-size: 18px; }
.other-caption { font-size: 28px; }
.index-more { padding-bottom: 55px; }
.index-more a { height: 40px; line-height: 40px; padding: 0 25px; font-size: 16px; border-radius: 2.0833vw; }
.index-caption .more a { font-size: 14px; width: 100px; height: 40px; line-height: 40px; padding: 0 0; text-align: center; border-radius: 2.0833vw; }
}

@media (max-width:1199px) {
.inside-caption .title, .index-caption .title { font-size: 28px; line-height: 40px; }
.inside-caption .title strong { font-weight: 800; }
.inside-caption .text, .index-caption .text { font-size: 16px; }
.about-caption .title, .layout-caption .title { font-size: 28px; line-height: 40px; }
.about-caption .other, .layout-caption .text { font-size: 16px; }
.index-more a { height: 35px; line-height: 35px; padding: 0 15px; font-size: 14px; border-radius: 2.0833vw; }
.other-caption { }
}

@media (max-width:991px) {
.inside-caption .title, .index-caption .title { font-size: 26px; line-height: 40px; }
.inside-caption .title strong { font-weight: 800; }
.inside-caption .text { font-size: 16px; }
.about-caption .title, .layout-caption .title { font-size: 26px; line-height: 40px; }
.index-caption h3 { font-size: 28px; }
}

@media (max-width:767px) {
.inside-caption .title, .index-caption .title { font-size: 24px; line-height: 40px; }
.inside-caption .title strong { font-weight: 800; }
.inside-caption .text, .index-caption .text { font-size: 15px; }
.about-caption .title, .layout-caption .title { font-size: 24px; line-height: 40px; }
.about-caption .title strong { font-weight: 800; }
.about-caption .other, .layout-caption .text { font-size: 15px; }
.other-caption { font-size: 24px; }
.index-caption .more { display: none; }
}

@media (max-width:479px) {
}
/**/
.crumbs-wrap { background: #fff; overflow: hidden; }
.crumbs-wrap .container { padding: 0 0; }
.crumbs-inner { padding: 0 0; overflow: hidden; }
.crumbs-inner .text, .crumbs-inner .list { float: left; display: flex; align-items: center; height: 115px; justify-content: center; }
.crumbs-inner .text { font-size: 18px; color: #5D5D5D; }
.crumbs-inner .text a { color: #5D5D5D; position: relative; padding-right: 30px; margin-right: 30px; }
.crumbs-inner .text a:after { content: ''; position: absolute; height: 100%; width: 8px; background: url(../images/crumbs-icon.png) no-repeat center; top: 0; right: 0; }
.crumbs-inner .list { float: right; }
.crumbs-inner .list li { float: left; margin-left: 45px; font-size: 18px; position: relative; height: 100%; display: flex; align-items: center; justify-content: center; }
.crumbs-inner .list li:after { content: ''; bottom: 0px; position: absolute; display: block; width: 0; height: 3px; background: #398AFF; transition: all .6s ease-in-out; }
.crumbs-inner .list .cur:after, .crumbs-inner .list li:hover:after { width: 100%; }

@media (max-width:1449px) {
.crumbs-inner .text, .crumbs-inner .list { height: 75px; }
.crumbs-inner .text { font-size: 16px; }
.crumbs-inner .text a { padding-right: 25px; margin-right: 25px; }
.crumbs-inner .list li { margin-left: 25px; font-size: 16px; }
}

@media (max-width:1199px) {
.crumbs-inner .text, .crumbs-inner .list { height: 65px; }
.crumbs-inner .text { font-size: 15px; }
.crumbs-inner .text a { padding-right: 15px; margin-right: 15px; }
.crumbs-inner .list li { margin-left: 15px; font-size: 15px; }
}

@media (max-width:991px) {
.crumbs-inner .text, .crumbs-inner .list { height: 55px; }
.crumbs-inner .text { font-size: 14px; }
.crumbs-inner .text a { padding-right: 10px; margin-right: 10px; }
.crumbs-inner .list li { margin-left: 10px; font-size: 14px; }
}

@media (max-width:767px) {
.crumbs-inner .text { }
.crumbs-inner .list { width: 100%; }
}

@media (max-width:479px) {
}
/**/

.about-inner { padding: 70px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; justify-content: space-between; }
.about-inner .about-caption { width: 45%; }
.about-inner .text-inner { padding-top: 60px; -webkit-flex: 1; flex: 1; font-size: 22px; line-height: 2; }

@media (max-width:1449px) {
.about-inner { padding: 25px 0; }
.about-inner .about-caption { width: 35%; }
.about-inner .text-inner { padding-top: 35px; font-size: 18px; }
}

@media (max-width:1199px) {
.about-inner .text-inner { font-size: 16px; }
}

@media (max-width:991px) {
.about-inner .text-inner { font-size: 15px; }
}

@media (max-width:767px) {
.about-inner { display: block; }
.about-inner .about-caption, .about-inner .text-inner { width: 100%; }
.about-inner .text-inner { padding: 10px 0; }
}

@media (max-width:479px) {
}
/**/
.about-history { padding: 20px 0; overflow: hidden; }
#about-history { padding-bottom: 75px; position: relative; }
#about-history .swiper-wrapper { width: 100%; height: 100%; position: relative; z-index: 2; }
#about-history .swiper-slide { position: relative; overflow: hidden; }
#about-history .swiper-slide:after { content: ''; z-index: 0; position: absolute; width: 100%; height: 2px; left: 0; top: 50%; margin-top: -8px; background: #CECECE; }
#about-history .swiper-slide .title-inner, #about-history .swiper-slide .text-inner { padding: 20px 0; line-height: 45px; overflow: hidden; }
#about-history .swiper-slide .text-inner { display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 22px; }
#about-history .swiper-slide .text-inner label, #about-history .swiper-slide .text-inner h3 { display: block; text-align: center; width: 100%; }
#about-history .swiper-slide .text-inner label { }
#about-history .swiper-slide .text-inner strong { font-weight: 800; }
#about-history .swiper-slide .title-inner { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; padding-top: 35px; }
#about-history .swiper-slide .title-inner:after { content: ''; left: 50%; position: absolute; width: 90px; margin-left: -45px; height: 6px; top: 5px; background: #398AFF; }
#about-history .swiper-slide .title-inner label, #about-history .swiper-slide .title-inner h3 { display: block; text-align: center; width: 100%; }
#about-history .swiper-slide .title-inner label { font-size: 24px; color: #9F9F9F; }
#about-history .swiper-slide .title-inner label strong { padding: 0 50px; font-weight: 300; position: relative; overflow: hidden; }
#about-history .swiper-slide .title-inner label strong:after, #about-history .swiper-slide .title-inner label strong:before { content: ''; position: absolute; width: 36px; height: 2px; background: #9F9F9F; top: 50%; margin-top: -1px; }
#about-history .swiper-slide .title-inner label strong:after { left: 0; }
#about-history .swiper-slide .title-inner label strong:before { right: 0; }
#about-history .swiper-slide .title-inner h3 { font-size: 48px; font-weight: 800; line-height: 60px; }
#about-history .swiper-slide:hover .title-inner h3 { color: #398AFF; }
#about-history .swiper-slide-active .title-inner h3 { color: #398AFF; }
#about-history .swiper-pagination { text-align: center; bottom: 0 !important; }
#about-history .swiper-pagination-bullet { width: 16px !important; height: 16px !important; border: 1px solid #F7F8F8 !important; background: none; opacity: 1; border-radius: 50%; position: relative; }
#about-history .swiper-pagination-bullet:after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; margin-top: -4px; height: 8px; margin-left: -4px; border-radius: 50%; background: #ccc; }
#about-history .swiper-pagination-bullet-active { border: 1px solid #398AFF !important; }
#about-history .swiper-pagination-bullet-active:after { background: #398AFF; }

@media (max-width:1449px) {
.about-history { padding: 10px 0; }
#about-history { padding-bottom: 55px; }
#about-history .swiper-slide .title-inner, #about-history .swiper-slide .text-inner { padding: 10px 0; line-height: 35px; }
#about-history .swiper-slide .text-inner { font-size: 18px; }
#about-history .swiper-slide .text-inner label, #about-history .swiper-slide .text-inner h3 { font-size: 16px; }
#about-history .swiper-slide .text-inner h3 { font-weight: 800; }
#about-history .swiper-slide .title-inner { padding-top: 25px; }
#about-history .swiper-slide .title-inner:after { width: 60px; margin-left: -30px; }
#about-history .swiper-slide .title-inner label, #about-history .swiper-slide .title-inner h3 { display: block; text-align: center; width: 100%; }
#about-history .swiper-slide .title-inner label { font-size: 16px; }
#about-history .swiper-slide .title-inner h3 { font-size: 38px; line-height: 50px; }
}

@media (max-width:1199px) {
#about-history .swiper-slide .title-inner, #about-history .swiper-slide .text-inner { line-height: 30px; }
#about-history .swiper-slide .text-inner { font-size: 16px; }
#about-history .swiper-slide .text-inner label, #about-history .swiper-slide .text-inner h3 { font-size: 16px; }
#about-history .swiper-slide .text-inner label { }
#about-history .swiper-slide .title-inner:after { top: 7px; }
#about-history .swiper-slide .title-inner label { font-size: 16px; }
#about-history .swiper-slide .title-inner h3 { font-size: 32px; }
}

@media (max-width:991px) {
#about-history .swiper-slide .title-inner, #about-history .swiper-slide .text-inner { }
#about-history .swiper-slide .text-inner label, #about-history .swiper-slide .text-inner h3 { font-size: 14px; }
#about-history .swiper-slide .title-inner:after { width: 40px; margin-left: -20px; top: 3px; }
#about-history .swiper-slide .title-inner label { font-size: 14px; }
#about-history .swiper-slide .title-inner h3 { font-size: 24px; line-height: 40px; }
}

@media (max-width:767px) {
#about-history .swiper-slide .text-inner label { height: 60px; }
#about-history .swiper-slide:after { }
}

@media (max-width:479px) {
#about-history .swiper-slide .text-inner label { height: 30px }
#about-history .swiper-slide:after { }
#about-history .swiper-slide .text-inner label, #about-history .swiper-slide .text-inner h3 { font-size: 16px; }
#about-history .swiper-slide .title-inner:after { }
#about-history .swiper-slide .title-inner label { font-size: 16px; }
}
/**/


.profile-wrap { padding: 50px 0; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; }
.profile-inner { padding: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; justify-content: space-between; }
.profile-inner .text-inner { padding-top: 25px; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; }
.profile-inner .text-inner li { margin: 35px 0; margin-bottom: 15px; width: 100%; overflow: hidden; line-height: 1.5; font-size: 18px; color: #fff; position: relative; padding-left: 30px; }
.profile-inner .text-inner li:before { content: ''; position: absolute; left: 0; top: 5%; width: 6px; height: 80%; background: #398AFF; }
.profile-inner .text-inner li span, .profile-inner .text-inner li label { display: block; overflow: hidden; }
.profile-inner .text-inner li span { }
.profile-inner .text-inner li label { }
.profile-inner .text-inner li label strong { font-size: 52px; font-weight: 300; color: #C7D4E3; }
.profile-wrap .about-caption { }
.profile-wrap .about-caption:after { left: auto; right: 0; }
.profile-wrap .about-caption .text, .profile-wrap .about-caption .title, .profile-wrap .about-caption .other { text-align: right; color: #fff; }
.profile-wrap .about-caption .text { }
.profile-wrap .about-caption .title { }
.profile-wrap .about-caption .other { padding-top: 140px; }

@media (max-width:1449px) {
.profile-wrap { padding: 25px 0; }
.profile-inner { padding: 10px 0; }
.profile-wrap .about-caption .other { padding-top: 40px; }
.profile-inner .text-inner { padding-top: 15px; }
.profile-inner .text-inner li { margin: 10px 0; font-size: 16px; }
.profile-inner .text-inner li:before { content: ''; position: absolute; left: 0; top: 5%; width: 6px; height: 80%; background: #398AFF; }
.profile-inner .text-inner li span, .profile-inner .text-inner li label { display: block; overflow: hidden; }
.profile-inner .text-inner li span { }
.profile-inner .text-inner li label { }
.profile-inner .text-inner li label strong { font-size: 32px; }
}

@media (max-width:1199px) {
.profile-wrap .about-caption .other { padding-top: 60px; }
.profile-inner .text-inner li { margin: 10px 0; font-size: 15px; }
}

@media (max-width:991px) {
.profile-inner .text-inner li { margin: 10px 0; font-size: 14px; }
}

@media (max-width:767px) {
.profile-inner { display: block; }
.profile-inner .text-inner, .profile-wrap .about-caption { width: 100%; overflow: hidden; }
.profile-inner .text-inner { display: block; margin-bottom: 50px; }
.profile-inner .text-inner li { float: left; width: 32%; margin-right: 2%; text-align: center; padding-left: 0; }
.profile-inner .text-inner li:before { display: none; }
.profile-inner .text-inner li:last-child { margin-right: 0; }
.profile-inner .text-inner li label strong { font-size: 28px; }
.profile-wrap .about-caption { padding-top: 30px; }
.profile-wrap .about-caption:after { left: 50%; right: auto; margin-left: -45px; }
.profile-wrap .about-caption .text, .profile-wrap .about-caption .title, .profile-wrap .about-caption .other { text-align: center; }
.profile-wrap .about-caption .text { }
.profile-wrap .about-caption .title { }
.profile-wrap .about-caption .other { padding-top: 10px; }
}

@media (max-width:479px) {
}
/**/
.about-service { padding: 25px 0; overflow: hidden; }
.about-service dl, .about-service dt, .about-service dd { display: block; overflow: hidden; }
.about-service dl { }
.about-service dl:nth-child(2) { margin-top: 30px; }
.about-service dt { height: 55px; line-height: 55px; background: #398AFF; color: #fff; font-size: 24px; font-weight: 800; color: #fff; text-align: center; margin-bottom: 10px; }
.about-service dd { }
.about-service li { float: left; overflow: hidden; margin: 5px 0; margin-left: 0; margin-right: 2%; display: flex; align-items: center; justify-content: center; }
.about-service .dd-1 li { width: 10.75%; height: 50px; font-size: 18px; background: #DCDCDC; }
.about-service .dd-1 li:nth-child(8n) { margin-right: 0; }
.about-service .dd-2 li { width: 49%; height: 50px; font-size: 18px; font-weight: 800; }
.about-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.about-service .dd-3 li { width: 10.75%; height: 35px; font-size: 16px; background: #DCDCDC; }
.about-service .dd-3 li:nth-child(8n) { margin-right: 0; }
.about-service .dd-4 li { width: 9.33333%; height: 50px; font-size: 18px; color: #398AFF; }
.about-service .dd-4 li:nth-child(9n) { margin-right: 0; }
.about-service .dd-5 li { width: 9.33333%; height: 42px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-5 li:nth-child(9n) { margin-right: 0; }

@media (max-width:1449px) {
.about-service { padding: 15px 0; }
.about-service dt { height: 50px; line-height: 50px; font-size: 22px; }
.about-service dd { }
.about-service li { }
.about-service .dd-1 li { width: 10.75%; height: 45px; font-size: 16px; background: #DCDCDC; }
.about-service .dd-1 li:nth-child(8n) { margin-right: 0; }
.about-service .dd-2 li { width: 49%; height: 45px; font-size: 15px; font-weight: 800; }
.about-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.about-service .dd-3 li { width: 10.75%; height: 35px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-3 li:nth-child(8n) { margin-right: 0; }
.about-service .dd-4 li { width: 9.33333%; height: 45px; font-size: 16px; color: #398AFF; }
.about-service .dd-4 li:nth-child(9n) { margin-right: 0; }
.about-service .dd-5 li { width: 9.33333%; height: 32px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-5 li:nth-child(9n) { margin-right: 0; }
}

@media (max-width:1199px) {
.about-service dt { height: 40px; line-height: 40px; font-size: 18px; }
.about-service dd { }
.about-service li { }
.about-service .dd-1 li { width: 10.75%; height: 35px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-1 li:nth-child(8n) { margin-right: 0; }
.about-service .dd-2 li { width: 49%; height: 35px; font-size: 14px; font-weight: 800; }
.about-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.about-service .dd-3 li { width: 10.75%; height: 35px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-3 li:nth-child(8n) { margin-right: 0; }
.about-service .dd-4 li { width: 9.33333%; height: 35px; font-size: 14px; color: #398AFF; }
.about-service .dd-4 li:nth-child(9n) { margin-right: 0; }
.about-service .dd-5 li { width: 9.33333%; height: 30px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-5 li:nth-child(9n) { margin-right: 0; }
}

@media (max-width:991px) {
.about-service dt { height: 40px; line-height: 40px; font-size: 16px; }
.about-service dd { }
.about-service li { }
.about-service .dd-1 li { width: 15%; height: 35px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-1 li:nth-child(8n) { margin-right: 2%; }
.about-service .dd-1 li:nth-child(6n) { margin-right: 0; }
.about-service .dd-2 li { width: 49%; height: 35px; font-size: 14px; font-weight: 800; }
.about-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.about-service .dd-3 li { width: 15%; height: 35px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-3 li:nth-child(8n) { margin-right: 2%; }
.about-service .dd-3 li:nth-child(6n) { margin-right: 0; }
.about-service .dd-4 li { width: 15%; height: 35px; font-size: 14px; color: #398AFF; }
.about-service .dd-4 li:nth-child(9n) { margin-right: 2%; }
.about-service .dd-4 li:nth-child(6n) { margin-right: 0; }
.about-service .dd-5 li { width: 15%; height: 30px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-5 li:nth-child(9n) { margin-right: 2%; }
.about-service .dd-5 li:nth-child(6n) { margin-right: 0; }
}

@media (max-width:767px) {
.about-service .dd-1 li { width: 23.5%; height: 35px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-1 li:nth-child(8n) { margin-right: 2%; }
.about-service .dd-1 li:nth-child(6n) { margin-right: 2%; }
.about-service .dd-1 li:nth-child(4n) { margin-right: 0; }
.about-service .dd-2 li { width: 49%; height: 35px; font-size: 14px; font-weight: 800; }
.about-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.about-service .dd-3 li { width: 23.5%; height: 35px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-3 li:nth-child(8n) { margin-right: 2%; }
.about-service .dd-3 li:nth-child(6n) { margin-right: 2%; }
.about-service .dd-3 li:nth-child(4n) { margin-right: 0; }
.about-service .dd-4 li { width: 23.5%; height: 35px; font-size: 14px; color: #398AFF; }
.about-service .dd-4 li:nth-child(9n) { margin-right: 2%; }
.about-service .dd-4 li:nth-child(6n) { margin-right: 2%; }
.about-service .dd-4 li:nth-child(4n) { margin-right: 0; }
.about-service .dd-5 li { width: 23.5%; height: 30px; font-size: 14px; background: #DCDCDC; }
.about-service .dd-5 li:nth-child(9n) { margin-right: 2%; }
.about-service .dd-5 li:nth-child(6n) { margin-right: 2%; }
.about-service .dd-5 li:nth-child(4n) { margin-right: 0; }
}

@media (max-width:479px) {
}
/**/
@keyframes upin {
0% {
transform:scale(1.1)
}
50% {
transform:scale(1.05)
}
100% {
transform:scale(1)
}
}
/**/
.support-inner { padding: 20px 0; overflow: hidden; }
.support-inner .item { padding: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.support-inner .item:nth-child(2n) { flex-direction: row-reverse; }
.support-inner .item .image-inner, .support-inner .item .text-inner { overflow: hidden; line-height: 30px; font-size: 16px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.support-inner .item .image-inner { float: left; width: 50%; padding-right: 50px; }
.support-inner .item:nth-child(2n) .image-inner { padding-left: 50px; padding-right: 0; }
.support-inner .item .image-inner img { width: 100%; height: 100%; object-fit: cover; align-items: center; }
.support-inner .item .text-inner { -webkit-flex: 1; flex: 1; }
.support-inner .item .text-inner .title, .support-inner .item .text-inner .text { width: 100%; }
.support-inner .item .text-inner .title { position: relative; padding-bottom: 30px; }
.support-inner .item .text-inner .title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 62px; height: 3px; background: #398AFF; }
.support-inner .item .text-inner .title h3, .support-inner .item .text-inner .title label { display: block; line-height: 50px; }
.support-inner .item .text-inner .title h3 { font-size: 36px; font-weight: 800; }
.support-inner .item .text-inner .title label { color: #CCCBCB; font-size: 24px; text-transform: capitalize; }
.support-inner .item .text-inner .text { padding: 30px 0; }

@media screen and (max-width:1449px) {
.support-inner { padding: 10px 0; }
.support-inner .item { padding: 10px 0; }
.support-inner .item:nth-child(2n) { flex-direction: row-reverse; }
.support-inner .item .image-inner, .support-inner .item .text-inner { font-size: 14px; }
.support-inner .item .image-inner { padding-right: 30px; }
.support-inner .item:nth-child(2n) .image-inner { padding-left: 30px; padding-right: 0; }
.support-inner .item .image-inner img { width: 100%; align-items: center; }
.support-inner .item .text-inner { -webkit-flex: 1; flex: 1; }
.support-inner .item .text-inner .title, .support-inner .item .text-inner .text { }
.support-inner .item .text-inner .title { padding-bottom: 20px; }
.support-inner .item .text-inner .title:after { width: 52px; }
.support-inner .item .text-inner .title h3, .support-inner .item .text-inner .title label { line-height: 40px; }
.support-inner .item .text-inner .title h3 { font-size: 28px; }
.support-inner .item .text-inner .title label { font-size: 18px; }
.support-inner .item .text-inner .text { padding: 20px 0; }
}

@media screen and (max-width:1199px) {
.support-inner .item .image-inner { padding-right: 20px; }
.support-inner .item:nth-child(2n) .image-inner { padding-left: 20px; padding-right: 0; }
.support-inner .item .text-inner .title { padding-bottom: 10px; }
.support-inner .item .text-inner .title:after { width: 42px; }
.support-inner .item .text-inner .title h3, .support-inner .item .text-inner .title label { line-height: 30px; }
.support-inner .item .text-inner .title h3 { font-size: 22px; }
.support-inner .item .text-inner .title label { font-size: 16px; }
.support-inner .item .text-inner .text { padding: 10px 0; }
}

@media screen and (max-width:991px) {
.support-inner .item .text-inner { width: 60%; }
.support-inner .item .image-inner { justify-content: flex-start; }
.support-inner .item .image-inner img { }
.support-inner .item .text-inner .title h3, .support-inner .item .text-inner .title label { line-height: 30px; font-size: 14px; }
.support-inner .item .text-inner .title h3 { font-size: 22px; }
}

@media screen and (max-width:767px) {
.support-inner .item { padding-top: 0; display: block; }
.support-inner .item .text-inner, .support-inner .item .image-inner { width: 100%; padding: 0 0; margin-bottom: 10px; }
.support-inner .item:nth-child(2n) .image-inner { padding: 0 0; }
.support-inner .item .text-inner .title h3 { font-size: 20px; }
.support-inner .item .text-inner .title label { }
}

@media screen and (max-width:479px) {
.support-inner .item .text-inner .title h3 { font-size: 18px; }
}
/**/
.system-inner { padding: 20px 0; overflow: hidden; display: flex; }
.system-inner li { flex: 1; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; align-items: center; flex-direction: column; width: 10vw; height: 10vw; border-radius: 50%; padding: 20px 0; margin-right: 2vw; background: #3989FF; position: relative; color: #fff; border: 2px dashed #3989FF; }
.system-inner li:after { content: ''; position: absolute; right: -1.5vw; top: 50%; margin-top: -5px; width: 1vw; height: 10px; background: url(../images/arrow-right.png) no-repeat center; }
.system-inner li:last-child { margin-right: 0; }
.system-inner li:last-child:after { display: none; }
.system-inner li:nth-child(2n) { color: #272727; width: 9vw; height: 9vw; background: #fff; border: 2px dashed #383838; margin-top: 0.5vw; }
.system-inner li:nth-child(2n):after { }
.system-inner li h3 { font-size: 26px; font-weight: 800; display: block; }
.system-inner li label { color: #CCCBCB; font-size: 15px; text-transform: capitalize; display: block; }

@media screen and (max-width:1449px) {
.system-inner { padding: 10px 0; }
.system-inner li h3 { font-size: 22px; }
.system-inner li label { font-size: 14px; }
}

@media screen and (max-width:1199px) {
.system-inner { display: block; }
.system-inner li h3 { font-size: 18px; }
.system-inner li { float: left; width: 28.33333vw; margin: 10px 1vw; height: 28.33333vw; }
.system-inner li:after { display: none; }
.system-inner li:last-child { margin: 10px 1vw; }
.system-inner li:nth-child(2n) { width: 28.33333vw; margin: 10px 1vw; height: 28.33333vw; }
}

@media screen and (max-width:991px) {
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:479px) {
}
/**/

.contact-list { padding: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; }
.contact-list .text-inner, .contact-list .form-inner { width: 40%; overflow: hidden; }
.contact-list .text-inner { margin-right: 5%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.contact-list .title, .contact-list .other, .contact-list .list { width: 100%; line-height: 2; }
.contact-list .title { font-size: 52px; font-weight: 800; line-height: 60px; }
.contact-list .other { padding: 30px 0; font-size: 22px; }
.contact-list .list { margin: 30px 0; padding: 30px 0; border: 1px solid #CDCDCD; border-left: 0; border-right: 0; }
.contact-list .list li { float: left; width: 49%; overflow: hidden; margin-right: 2%; font-weight: bolder; font-size: 22px; font-family: 'Harmonys'; }
.contact-list .list li:last-child { margin-right: 0; }
.contact-list .list li span { display: block; color: #CCCBCB; font-weight: 300; font-size: 15px; font-family: 'Harmony'; }
.contact-list .form-inner { -webkit-flex: 1; flex: 1; }
.contact-list .form-inner li { float: left; width: 48%; margin: 10px 0; margin-left: 2%; overflow: hidden; }
.contact-list .form-inner li:nth-child(5), .contact-list .form-inner li:nth-child(6) { width: 98%; }
.contact-list .form-inner li:nth-child(5) { height: 250px; }
.contact-list .form-inner li .form-input, .contact-list .form-inner li .form-textarea, .contact-list .form-inner li .form-button { width: 100%; padding: 0 20px; background: #F2F2F2; height: 55px; line-height: 55px; outline: none; font-size: 16px; color: #6f6f6f; border: 1px solid #E9E9E9; }
.contact-list .form-inner li .form-textarea { height: 250px; resize: none; }
.contact-list .form-inner li .form-button { text-align: center; background: #398AFF; font-size: 18px; color: #fff; cursor: pointer; transition: all .6s linear; }

@media (max-width:1449px) {
.contact-list { padding: 20px 0; }
.contact-list .title, .contact-list .other, .contact-list .text, .contact-list .list { font-size: 14px; }
.contact-list .title { font-size: 32px; line-height: 50px; }
.contact-list .other { padding: 20px 0; font-size: 20px; }
.contact-list .text { padding: 20px 0; margin: 20px 0; line-height: 35px; }
.contact-list .text li { font-size: 22px; padding: 10px 0; }
.contact-list .text li span { font-size: 14px; }
.contact-list .form-inner li:nth-child(5) { height: 200px; }
.contact-list .form-inner li .form-input, .contact-list .form-inner li .form-textarea, .contact-list .form-inner li .form-button { padding: 0 10px; height: 45px; line-height: 45px; font-size: 14px; }
.contact-list .form-inner li .form-textarea { height: 200px; }
.contact-list .form-inner li .form-button { font-size: 16px; }
}

@media (max-width:1199px) {
.contact-list { padding: 20px 0; }
.contact-list .title, .contact-list .other, .contact-list .text, .contact-list .list { font-size: 14px; }
.contact-list .title { font-size: 28px; line-height: 40px; }
.contact-list .other { padding: 10px 0; font-size: 18px; }
.contact-list .list { padding: 10px 0; margin: 10px 0; line-height: 30px; }
.contact-list .list li { font-size: 18px; padding: 10px 0; }
.contact-list .list li span { font-size: 14px; }
.contact-list .form-inner li { margin-top: 5px; margin-bottom: 5px; }
.contact-list .form-inner li:nth-child(5) { height: 150px; }
.contact-list .form-inner li .form-input, .contact-list .form-inner li .form-textarea, .contact-list .form-inner li .form-button { height: 35px; line-height: 35px; }
.contact-list .form-inner li .form-textarea { height: 150px; }
}

@media (max-width:991px) {
.contact-list { padding: 20px 0; }
.contact-list .title, .contact-list .other, .contact-list .text, .contact-list .list { font-size: 14px; }
.contact-list .title { font-size: 24px; line-height: 40px; }
.contact-list .other { padding: 10px 0; font-size: 18px; }
.contact-list .list { padding: 10px 0; margin: 10px 0; line-height: 30px; }
.contact-list .list li { font-size: 18px; padding: 10px 0; }
.contact-list .list li span { font-size: 14px; }
.contact-list .text-inner, .contact-list .form-inner { width: 45%; }
.contact-list .text-inner { margin-right: 5%; }
}

@media (max-width:767px) {
.contact-list { display: block; }
.contact-list .text-inner, .contact-list .form-inner { width: 100%; margin-right: 0; }
.contact-list .text-inner { margin-bottom: 20px; }
.contact-list .form-inner li { width: 49%; margin-left: 0; margin-right: 2%; }
.contact-list .form-inner li:nth-child(2n) { margin-right: 0; }
.contact-list .form-inner li:nth-child(5), .contact-list .form-inner li:nth-child(6) { width: 100%; }
}

@media (max-width:479px) {
}
/**/

.contact-wrap { overflow: hidden; background-color: #F7F8F8; background-position: left center; background-repeat: no-repeat; background-size: 50% auto; position: relative; }
.contact-wrap .map-inner { position: absolute; right: 0; top: 0; width: 50%; height: 100%; z-index: 3; overflow: hidden; }
.map-box { margin: 0 auto; width: 100%; height: 850px !important; overflow: hidden; }
#map-inner { overflow: hidden; height: 100%; }
#map-inner label { max-width: none; }
#map-inner div { box-sizing: initial; }
.contact-wrap .container { padding: 0 0; padding-right: 48%; position: relative; z-index: 2; }
.contact-inner { padding: 50px 0; overflow: hidden; }
.contact-inner .title, .contact-inner .other, .contact-inner .text, .contact-inner .list { overflow: hidden; font-size: 15px; line-height: 40px; }
.contact-inner .title { font-size: 52px; font-weight: 800; line-height: 60px; }
.contact-inner .other { padding: 30px 0; font-size: 22px; line-height: 40px; }
.contact-inner .text { margin: 30px 0; padding: 30px 0; border: 1px solid #CDCDCD; border-left: 0; border-right: 0; }
.contact-inner .text li { display: block; font-weight: 800; font-size: 28px; padding: 10px 0; font-family: 'Harmonys'; }
.contact-inner .text li span { display: block; font-weight: 300; font-size: 15px; font-family: 'Harmony'; }

@media (max-width:1449px) {
.map-box { height: 650px !important; }
.contact-wrap .container { }
.contact-inner { padding: 20px 0; }
.contact-inner .title, .contact-inner .other, .contact-inner .text, .contact-inner .list { font-size: 14px; }
.contact-inner .title { font-size: 32px; line-height: 50px; }
.contact-inner .other { padding: 20px 0; font-size: 20px; }
.contact-inner .text { padding: 20px 0; margin: 20px 0; line-height: 35px; }
.contact-inner .text li { font-size: 22px; padding: 10px 0; }
.contact-inner .text li span { font-size: 14px; }
}

@media (max-width:1199px) {
.map-box { height: 550px !important; }
.contact-wrap .container { }
.contact-inner { padding: 20px 0; }
.contact-inner .title, .contact-inner .other, .contact-inner .text, .contact-inner .list { font-size: 14px; }
.contact-inner .title { font-size: 28px; line-height: 40px; }
.contact-inner .other { padding: 10px 0; font-size: 18px; }
.contact-inner .text { padding: 10px 0; margin: 10px 0; line-height: 30px; }
.contact-inner .text li { font-size: 18px; padding: 10px 0; }
.contact-inner .text li span { font-size: 14px; }
}

@media (max-width:991px) {
.contact-wrap { background-position: top center; background-size: 100% auto; }
.contact-wrap .container { padding: 0 0; padding-top: 450px; }
.contact-wrap .map-inner { position: absolute; left: 0; top: 0; width: 100%; height: 50%; z-index: 3; overflow: hidden; }
.map-box { height: 450px !important; }
.contact-inner { padding: 20px 0; }
.contact-inner .title, .contact-inner .other, .contact-inner .text, .contact-inner .list { font-size: 14px; }
.contact-inner .title { font-size: 24px; line-height: 40px; }
.contact-inner .other { padding: 10px 0; font-size: 18px; }
.contact-inner .text { padding: 10px 0; margin: 10px 0; line-height: 30px; }
.contact-inner .text li { font-size: 18px; padding: 10px 0; }
.contact-inner .text li span { font-size: 14px; }
}

@media (max-width:767px) {
}

@media (max-width:479px) {
}
/**/


.service-list { padding: 20px 0; overflow: hidden; }
.service-list li { float: left; width: 32%; margin: 20px 2%; overflow: hidden; margin-left: 0; transition: all .6s ease-out; background: #fff; }
.service-list li:hover { background: #398AFF; }
.service-list li:nth-child(3n) { margin-right: 0; }
.service-list li .image-inner, .service-list li .text-inner { line-height: 30px; font-size: 14px; }
.service-list li .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 72.25%; z-index: 1; }
.service-list li .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.service-list li .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s linear; }
.service-list li:hover .image-inner .image img { transform: scale(1.03); }
.service-list li .image-inner:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s ease-out; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
.service-list li:hover .image-inner:before { opacity: 1; }
.service-list li .image-inner:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 9; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s ease-out; }
.service-list li:hover .image-inner:after { opacity: 1; top: 50%; margin-top: -17px; }
.service-list li .text-inner { padding: 20px 20px; }
.service-list li .text-inner .title { margin-bottom: 10px; width: 100%; height: 35px; line-height: 35px; font-size: 20px; font-weight: 800; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.service-list li:hover .text-inner .title a { color: #005BAC; }
.service-list li .text-inner .text { height: 60px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #868686; }
.service-list li:hover .text-inner .title a, .service-list li:hover .text-inner .text { color: #fff; }

@media (max-width:1449px) {
.service-list { padding: 10px 0; }
.service-list li { margin-top: 10px; margin-bottom: 10px; }
.service-list li .text-inner { padding: 10px 10px; }
.service-list li .text-inner .title { font-size: 18px; }
.service-list li .text-inner .text { font-size: 14px; }
.service-list li .text-inner .time { font-size: 16px; }
}

@media (max-width:1199px) {
.service-list li .text-inner .title { margin: 0 0; }
.service-list li .text-inner .time { font-size: 14px; }
}

@media (max-width:991px) {
.service-list { display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; }
.service-list li .text-inner .title { -webkit-line-clamp: 2; line-clamp: 2; font-size: 16px; }
}

@media (max-width:767px) {
.service-list li { width: 49%; }
.service-list li:nth-child(3n) { margin-right: 2%; }
.service-list li:nth-child(2n) { margin-right: 0; }
.service-list li .text-inner .text { }
}

@media (max-width:479px) {
}
/**/
.partner-list { margin: 40px 0; border: 1px solid #E4E4E4; overflow: hidden; }
.partner-list li { float: left; width: 25%; border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; display: flex; align-items: center; justify-content: center; height: 160px; cursor: pointer; }
.partner-list li:nth-child(4n) { border-right: 0; }
.partner-list li:nth-last-child(1), .partner-list li:nth-last-child(2), .partner-list li:nth-last-child(3), .partner-list li:nth-last-child(4) { border-bottom: 0; }
.partner-list li img { max-width: 100%; align-items: center; transition: all .6s ease-in-out; z-index: 1; }
.partner-list li:hover img { transform: scale(1.025); }

@media screen and (max-width:1449px) {
.partner-list { margin: 20px 0; }
.partner-list li { height: 135px; }
}

@media screen and (max-width:1199px) {
.partner-list li { width: 33.33333%; height: 125px; }
.partner-list li:nth-child(4n) { border-right: 1px solid #E4E4E4; }
.partner-list li:nth-child(3n) { }
.partner-list li:nth-last-child(2), .partner-list li:nth-last-child(3), .partner-list li:nth-last-child(4) { border-bottom: 1px solid #E4E4E4; }
}

@media screen and (max-width:991px) {
}

@media screen and (max-width:767px) {
.partner-list li { width: 50%; }
.partner-list li:nth-child(4n) { border-right: 1px solid #E4E4E4; }
.partner-list li:nth-child(3n) { border-right: 1px solid #E4E4E4; }
.partner-list li:nth-child(2n) { border-right: 0; }
.partner-list li:nth-last-child(2) { border-bottom: 0; }
.partner-list li img { max-width: 90%; }
}

@media screen and (max-width:479px) {
}
/**/
.sub-class { margin: 20px 0; overflow: hidden; border: 1px solid #EEEEEE; display: flex; }
.sub-class li { flex: 1; /* 等分父容器的空间 */ text-align: center; border-right: 1px solid #EEEEEE; height: 50px; line-height: 50px; text-align: center; font-size: 16px; background: #fff; box-sizing: border-box; /* 防止padding影响布局 */ }
.sub-class li:hover, .sub-class li.cur { background: #398AFF; }
.sub-class li:hover a, .sub-class li.cur a { color: #fff; }
.sub-class li a { display: block; }

@media (max-width:1449px) {
.sub-class { margin: 10px 0; }
.sub-class li { height: 45px; line-height: 45px; font-size: 15px; }
}

@media (max-width:1199px) {
.sub-class li { height: 40px; line-height: 40px; font-size: 14px; }
}

@media (max-width:991px) {
}

@media (max-width:767px) {
.sub-class { display: block; border-bottom: 0; }
.sub-class li { float: left; width: 33.33333%; border-bottom: 1px solid #EEEEEE; }
}

@media (max-width:479px) {
}
/**/
.product-list { padding: 20px 0; overflow: hidden; }
.product-list li { margin-bottom: 40px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; justify-content: space-between; float: left; width: 100%; }
.product-list li:hover { }
.product-list li .image-inner, .product-list li .text-inner { overflow: hidden; line-height: 30px; font-size: 16px; }
.product-list li .image-inner { position: relative; width: 40%; height: 0; padding-bottom: 22.25%; z-index: 1; background: #E8E8E8; }
.product-list li .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.product-list li .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
.product-list li:hover .image-inner .image img { transform: scale(1.03); }
.product-list li .image-inner .image:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s ease-out; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
.product-list li:hover .image-inner .image:before { opacity: 1; }
.product-list li .image-inner .image:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 2; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s ease-out; }
.product-list li:hover .image-inner .image:after { opacity: 1; top: 50%; margin-top: -17px; }
.product-list li .text-inner { -webkit-flex: 1; flex: 1; margin-left: 50px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
.product-list li .text-inner .title { width: 100%; height: 45px; line-height: 45px; font-size: 26px; font-weight: 800; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.product-list li:hover .text-inner .title a { color: #398AFF; }
.product-list li .text-inner .text { margin: 20px 0; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: #868686; }
.product-list li .text-inner .more { }
.product-list li .text-inner .more a { float: left; width: 179px; height: 46px; line-height: 46px; text-align: center; position: relative; text-transform: capitalize; font-size: 18px; z-index: 1; background: #398AFF; color: #fff; border-radius: 2.0833vw; }
.product-list li .text-inner .more a span { display: block; position: relative; z-index: 1; border-radius: 2.0833vw; }
.product-list li .text-inner .more a:before { content: ''; bottom: 0px; position: absolute; z-index: 0; left: 0; width: 0; height: 100%; background: #186AB3; transition: all .6s linear; border-radius: 2.0833vw; }
.product-list li .text-inner .more a:after { content: ''; bottom: -1px; right: -1px; position: absolute; z-index: 1; width: 0; height: 0; border-top: 15px solid #F7F8F8; border-right: 15px solid transparent; transform: rotate(180deg); display: none; border-radius: 2.0833vw; }
.product-list li:hover .text-inner .more a:before { width: 100%; }

@media (max-width:1449px) {
.product-list { padding: 10px 0; }
.product-list li { margin: 10px 0; }
.product-list li .image-inner, .product-list li .text-inner { font-size: 14px; }
.product-list li .text-inner { margin-left: 20px; }
.product-list li .text-inner .title { font-size: 22px; height: 35px; line-height: 35px; }
.product-list li .text-inner .text { margin: 10px 0; }
.product-list li .text-inner .more a { font-size: 14px; width: 100px; height: 40px; line-height: 40px; border-radius: 2.0833vw; }
}

@media (max-width:1199px) {
.product-list li .text-inner .title { font-size: 18px; }
.product-list li .text-inner .text { -webkit-line-clamp: 3; line-clamp: 3; }
}

@media (max-width:991px) {
.product-list li .text-inner .title { font-size: 16px; }
.product-list li .text-inner .text { -webkit-line-clamp: 2; line-clamp: 2; }
}

@media (max-width:767px) {
.product-list li { display: block; margin-bottom: 20px; }
.product-list li .image-inner, .product-list li .text-inner { width: 100%; margin: 0 0; }
.product-list li .image-inner { padding-bottom: 46.25%; }
.product-list li .text-inner { margin-top: 10px; }
.product-list li .text-inner .text { -webkit-line-clamp: 4; line-clamp: 4; }
.product-list li .text-inner .more { display: block; }
}

@media (max-width:479px) {
}
/**/

.news-list { padding: 20px 0; overflow: hidden; }
.news-list li { float: left; width: 32%; margin: 20px 2%; overflow: hidden; margin-left: 0; transition: all .6s ease-out; background: #fff; }
.news-list li:hover { background: #398AFF; }
.news-list li:nth-child(3n) { margin-right: 0; }
.news-list li .image-inner, .news-list li .text-inner { line-height: 30px; font-size: 14px; }
.news-list li .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 72.25%; z-index: 1; }
.news-list li .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.news-list li .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s linear; }
.news-list li:hover .image-inner .image img { transform: scale(1.03); }
.news-list li .image-inner:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s ease-out; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
.news-list li:hover .image-inner:before { opacity: 1; }
.news-list li .image-inner:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 9; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s ease-out; }
.news-list li:hover .image-inner:after { opacity: 1; top: 50%; margin-top: -17px; }
.news-list li .text-inner { padding: 20px 20px; }
.news-list li .text-inner .title { margin-bottom: 10px; width: 100%; height: 70px; line-height: 35px; font-size: 20px; font-weight: 800; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.news-list li:hover .text-inner .title a { color: #005BAC; }
.news-list li .text-inner .text { overflow: hidden; color: #868686; }
.news-list li:hover .text-inner .title a, .news-list li:hover .text-inner .text { color: #fff; }

@media (max-width:1449px) {
.news-list { padding: 10px 0; }
.news-list li { margin-top: 10px; margin-bottom: 10px; }
.news-list li .text-inner .title { font-size: 20px; }
.news-list li .text-inner .text { font-size: 14px; }
}

@media (max-width:1199px) {
.news-list li .text-inner { padding: 10px 10px; }
.news-list li .text-inner .title { font-size: 18px; margin: 0 0; }
.news-list li .text-inner .time { font-size: 14px; }
}

@media (max-width:991px) {
.news-list li .text-inner .title { font-size: 16px; }
}

@media (max-width:767px) {
.news-list li { width: 49%; }
.news-list li:nth-child(3n) { margin-right: 2%; }
.news-list li:nth-child(2n) { margin-right: 0; }
}

@media (max-width:479px) {
}
/**/
.honor-list { padding: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; }
.honor-list .text-inner, .honor-list .image-inner { width: 58%; overflow: hidden; }
.honor-list .text-inner { margin-right: 2%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.honor-list .title, .honor-list .other, .honor-list .list { width: 100%; line-height: 2; }
.honor-list .title { font-size: 52px; font-weight: 800; line-height: 60px; }
.honor-list .list { padding: 20px 0; }
.honor-list .list li { float: left; width: 50%; padding: 10px 10px; position: relative; line-height: 40px; overflow: hidden; font-size: 16px; border-bottom: 1px solid #CDCDCD; }
.honor-list .list li:after { content: ''; position: absolute; left: 0; width: 4px; height: 4px; top: 50%; margin-top: -2px; border-radius: 50%; background: #CDCDCD; }
.honor-list .image-inner { -webkit-flex: 1; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.honor-list .image-inner img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width:1449px) {
.honor-list { padding: 10px 0; }
.honor-list .title { font-size: 32px; line-height: 50px; }
.honor-list .list { padding: 10px 0; }
.honor-list .list li { font-size: 14px; }
}

@media (max-width:1199px) {
.honor-list .text-inner { width: 68%; }
.honor-list .title { font-size: 28px; line-height: 40px; }
.honor-list .list { padding: 10px 0; }
.honor-list .list li { font-size: 14px; }
}

@media (max-width:991px) {
.honor-list { display: block; }
.honor-list .text-inner, .honor-list .image-inner { width: 100%; display: block; margin-right: 0; }
.honor-list .image-inner img { width: 100%; height: auto; object-fit: none; }
}

@media (max-width:767px) {
.honor-list .list li { width: 100%; }
.honor-list .image-inner img { width: 100%; height: auto; object-fit: none; }
}

@media (max-width:479px) {
}
/**/
.honor-show { padding: 20px 0; position: relative; }
#honor-show { position: relative; padding-bottom: 60px; }
#honor-show .swiper-wrapper { width: 100%; height: 100%; }
#honor-show .swiper-slide { overflow: hidden; background: #fff; }
#honor-show .swiper-slide:hover { background: #398AFF; }
#honor-show .swiper-slide:nth-child(3n) { margin-right: 0; }
#honor-show .swiper-slide .image-inner, #honor-show .swiper-slide .text-inner { line-height: 30px; font-size: 14px; }
#honor-show .swiper-slide .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 72.25%; z-index: 1; }
#honor-show .swiper-slide .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
#honor-show .swiper-slide .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s linear; }
#honor-show .swiper-slide:hover .image-inner .image img { transform: scale(1.03); }
#honor-show .swiper-pagination { text-align: center; bottom: 0px !important; }
#honor-show .swiper-pagination-bullet { width: 16px !important; height: 16px !important; border: 1px solid #F7F8F8 !important; background: none; opacity: 1; border-radius: 50%; position: relative; }
#honor-show .swiper-pagination-bullet:after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; margin-top: -4px; height: 8px; margin-left: -4px; border-radius: 50%; background: #ccc; }
#honor-show .swiper-pagination-bullet-active { border: 1px solid #398AFF !important; }
#honor-show .swiper-pagination-bullet-active:after { background: #398AFF; }
.honor-show .swiper-button-prev, .honor-show .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; background-color: none; border: 1px solid #CDCDCD; background-position: center; background-repeat: no-repeat; border-radius: 50%; font-size: 24px; outline: none; background-size: 11px 18px; }
.honor-show .swiper-button-prev { left: -55px; background-image: url(../images/prev.png); }
.honor-show .swiper-button-next { right: -55px; background-image: url(../images/next.png); }
.honor-show .swiper-button-prev:hover { background-color: #398AFF; background-image: url(../images/prev-hover.png); }
.honor-show .swiper-button-next:hover { background-color: #398AFF; background-image: url(../images/next-hover.png); }

@media (max-width:1449px) {
.honor-show { padding: 10px 0; }
#honor-show { }
.honor-show .swiper-button-prev { left: -55px; }
.honor-show .swiper-button-next { right: -55px; }
.honor-show .swiper-button-prev, .honor-show .swiper-button-next { margin-top: -22px; width: 44px; height: 44px; font-size: 24px; }
#honor-show .swiper-slide .text-inner { margin: 10px 0; font-size: 20px; text-align: center; }
}

@media (max-width:1199px) {
#honor-show .swiper-slide .text-inner { font-size: 18px; }
.honor-show .swiper-button-prev, .honor-show .swiper-button-next { margin-top: -17px; width: 34px; height: 34px; font-size: 24px; }
.honor-show .swiper-button-prev { left: -35px; }
.honor-show .swiper-button-next { right: -35px; }
}

@media (max-width:991px) {
#honor-show .swiper-slide .text-inner { font-size: 16px; }
.honor-show .swiper-button-prev, .honor-show .swiper-button-next { display: none; }
#honor-show { }
#honor-show .swiper-pagination { }
}

@media (max-width:767px) {
}

@media (max-width:479px) {
}
/**/
.honors-show { padding: 20px 0; position: relative; }
#honors-show { position: relative; padding-bottom: 60px; }
#honors-show .swiper-wrapper { width: 100%; height: 100%; }
#honors-show .swiper-slide { overflow: hidden; background: #fff; }
#honors-show .swiper-slide:hover { background: #398AFF; }
#honors-show .swiper-slide:nth-child(3n) { margin-right: 0; }
#honors-show .swiper-slide .image-inner, #honors-show .swiper-slide .text-inner { line-height: 30px; font-size: 14px; }
#honors-show .swiper-slide .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 132.25%; z-index: 1; }
#honors-show .swiper-slide .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
#honors-show .swiper-slide .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s linear; }
#honors-show .swiper-slide:hover .image-inner .image img { transform: scale(1.03); }
#honors-show .swiper-pagination { text-align: center; bottom: 0px !important; }
#honors-show .swiper-pagination-bullet { width: 16px !important; height: 16px !important; border: 1px solid #F7F8F8 !important; background: none; opacity: 1; border-radius: 50%; position: relative; }
#honors-show .swiper-pagination-bullet:after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; margin-top: -4px; height: 8px; margin-left: -4px; border-radius: 50%; background: #ccc; }
#honors-show .swiper-pagination-bullet-active { border: 1px solid #398AFF !important; }
#honors-show .swiper-pagination-bullet-active:after { background: #398AFF; }
.honors-show .swiper-button-prev, .honors-show .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; background-color: none; border: 1px solid #CDCDCD; background-position: center; background-repeat: no-repeat; border-radius: 50%; font-size: 24px; outline: none; background-size: 11px 18px; }
.honors-show .swiper-button-prev { left: -55px; background-image: url(../images/prev.png); }
.honors-show .swiper-button-next { right: -55px; background-image: url(../images/next.png); }
.honors-show .swiper-button-prev:hover { background-color: #398AFF; background-image: url(../images/prev-hover.png); }
.honors-show .swiper-button-next:hover { background-color: #398AFF; background-image: url(../images/next-hover.png); }

@media (max-width:1449px) {
.honors-show { padding: 10px 0; }
#honors-show { }
.honors-show .swiper-button-prev { left: -55px; }
.honors-show .swiper-button-next { right: -55px; }
.honors-show .swiper-button-prev, .honors-show .swiper-button-next { margin-top: -22px; width: 44px; height: 44px; font-size: 24px; }
#honors-show .swiper-slide .text-inner { margin: 10px 0; font-size: 20px; text-align: center; }
}

@media (max-width:1199px) {
#honors-show .swiper-slide .text-inner { font-size: 18px; }
.honors-show .swiper-button-prev, .honors-show .swiper-button-next { margin-top: -17px; width: 34px; height: 34px; font-size: 24px; }
.honors-show .swiper-button-prev { left: -35px; }
.honors-show .swiper-button-next { right: -35px; }
}

@media (max-width:991px) {
#honors-show .swiper-slide .text-inner { font-size: 16px; }
.honors-show .swiper-button-prev, .honors-show .swiper-button-next { display: none; }
#honors-show { }
#honors-show .swiper-pagination { }
}

@media (max-width:767px) {
}

@media (max-width:479px) {
}
/**/
.oragnization-wrap { padding: 100px 0; overflow: hidden; background-repeat: no-repeat; background-position: center; }
.single-inner { padding: 20px 0; font-size: 16px; line-height: 2.25; overflow: hidden; }
.single-inner strong { }
.single-inner img { max-width: 100%; vertical-align: middle; display: block; }
.oragnization-wrap .single-inner img { text-align: center; margin: 0 auto; }

@media (max-width:1449px) {
.oragnization-wrap { padding: 50px 0; }
.single-inner { padding: 10px 0; }
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.single-inner { font-size: 15px; }
}

@media (max-width:767px) {
}
/**/

.culture-list { padding: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.culture-list li { float: left; width: 32%; margin: 20px 2%; overflow: hidden; margin-left: 0; transition: all .6s ease-out; background: #fff; }
.culture-list li:nth-child(3n) { margin-right: 0; }
.culture-list li .title-inner, .culture-list li .text-inner { line-height: 30px; font-size: 14px; }
.culture-list li .title-inner { padding: 20px 20px; position: relative; background: #398AFF; }
.culture-list li .title-inner h3, .culture-list li .title-inner label { display: block; line-height: 30px; overflow: hidden; color: #fff; }
.culture-list li .title-inner h3 { font-size: 22px; font-weight: 800; }
.culture-list li .title-inner label { font-size: 15px; }
.culture-list li .title-inner .icon { position: absolute; right: 20px; width: 60px; height: 100%; top: 0; background-repeat: no-repeat; background-position: right center; }
.culture-list li:nth-child(1) .title-inner .icon { background-image: url(../images/culture-icon-1.png); }
.culture-list li:nth-child(2) .title-inner .icon { background-image: url(../images/culture-icon-2.png); }
.culture-list li:nth-child(3) .title-inner .icon { background-image: url(../images/culture-icon-3.png); }
.culture-list li .text-inner { padding: 50px 20px; padding-bottom: 80px; }
.culture-list li .text-inner h3 { padding: 30px 0; position: relative; font-size: 28px; font-weight: 300; text-align: center; color: #398AFF; }
.culture-list li .text-inner h3:after { content: ''; position: absolute; width: 38px; height: 2px; background: #398AFF; bottom: 0; left: 50%; margin-left: -19px; }

@media (max-width:1449px) {
.culture-list { padding: 10px 0; }
.culture-list li { margin-top: 10px; margin-bottom: 10px; }
.culture-list li .title-inner h3 { font-size: 20px; }
.culture-list li .title-inner label { font-size: 14px; }
.culture-list li .text-inner h3 { font-size: 22px; }
}

@media (max-width:1199px) {
.culture-list li .title-inner h3 { font-size: 18px; }
.culture-list li .title-inner label { font-size: 14px; }
.culture-list li .text-inner h3 { font-size: 18px; }
}

@media (max-width:991px) {
.culture-list li .title-inner h3 { font-size: 16px; }
.culture-list li .text-inner h3 { font-size: 16px; }
.culture-list li .text-inner { padding-left: 10px; padding-right: 10px; }
.culture-list li .text-inner h3 { height: 120px; }
.culture-list li .title-inner .icon { right: 10px; }
}

@media (max-width:767px) {
.culture-list li { width: 49%; }
.culture-list li:nth-child(3) { margin-right: 0; width: 100%; }
.culture-list li:nth-child(2) { margin-right: 0; }
.culture-list li .text-inner h3 { height: auto; }
.culture-list li .title-inner { padding: 10px 10px; }
.culture-list li .text-inner { padding: 20px 20px; padding-bottom: 50px; }
}

@media (max-width:479px) {
}
/**/

.layout-inner { padding: 70px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; justify-content: space-between; }
.layout-inner .layout-caption { width: 45%; }
.layout-inner .text-inner { padding-top: 60px; -webkit-flex: 1; flex: 1; font-size: 22px; line-height: 2; }

@media (max-width:1449px) {
.layout-inner { padding: 25px 0; }
.layout-inner .layout-caption { width: 35%; }
.layout-inner .text-inner { padding-top: 35px; font-size: 18px; }
}

@media (max-width:1199px) {
.layout-inner .text-inner { font-size: 16px; }
}

@media (max-width:991px) {
.layout-inner .text-inner { font-size: 15px; }
}

@media (max-width:767px) {
.layout-inner { display: block; }
.layout-inner .layout-caption, .layout-inner .text-inner { width: 100%; }
.layout-inner .text-inner { padding: 10px 0; }
}

@media (max-width:479px) {
}
/**/
.layout-tab { margin: 20px 0; margin-bottom: 0; overflow: hidden; border: 1px solid #EEEEEE; display: flex; }
.layout-tab li { flex: 1; /* 等分父容器的空间 */ text-align: center; border-right: 1px solid #EEEEEE; height: 50px; line-height: 50px; text-align: center; font-size: 16px; background: #fff; box-sizing: border-box; /* 防止padding影响布局 */ }
.layout-tab li:hover, .layout-tab li.select { background: #398AFF; color: #fff; }
.layout-tab li:hover a, .layout-tab li.select a { color: #fff; }
.layout-tab li a { display: block; }

@media (max-width:1449px) {
.layout-tab { margin: 10px 0; }
.layout-tab li { height: 45px; line-height: 45px; font-size: 15px; }
}

@media (max-width:1199px) {
.layout-tab li { height: 40px; line-height: 40px; font-size: 14px; }
}

@media (max-width:991px) {
}

@media (max-width:767px) {
.layout-tab { display: block; border-bottom: 0; }
.layout-tab li { float: left; width: 33.33333%; border-bottom: 1px solid #EEEEEE; }
}

@media (max-width:479px) {
}
/**/
.layout-solution { padding: 35px 35px; margin-bottom: 35px; background: #F7F8F8; overflow: hidden; }
#layout-solution { position: relative; }
#layout-solution .swiper-wrapper { width: 100%; height: 100%; }
#layout-solution .swiper-slide { padding: 20px 0; overflow: hidden; }
#layout-solution .swiper-slide .left-inner, #layout-solution .swiper-slide .right-inner { overflow: hidden; line-height: 30px; font-size: 16px; }
#layout-solution .swiper-slide .left-inner { float: left; width: 60%; font-size: 16px; padding-right: 50px; line-height: 2.25; }
#layout-solution .swiper-slide .left-inner strong { font-size: 26px; font-weight: 800; color: #398AFF; }
#layout-solution .swiper-slide .right-inner { -webkit-flex: 1; flex: 1; }
#layout-solution .swiper-slide .right-inner dt, #layout-solution .swiper-slide .right-inner dd { display: block; overflow: hidden; width: 100%; }
#layout-solution .swiper-slide .right-inner dt { margin-bottom: 30px; }
#layout-solution .swiper-slide .right-inner dt h3, #layout-solution .swiper-slide .right-inner dt span { float: left; font-size: 16px; line-height: 40px; }
#layout-solution .swiper-slide .right-inner dt h3 { font-size: 26px; font-weight: 800; color: #398AFF; }
#layout-solution .swiper-slide .right-inner dt span { float: right; }
#layout-solution .swiper-slide .right-inner dd { }
#layout-solution .swiper-slide .right-inner dd { transition: all .6s ease-out; background: #fff; }
#layout-solution .swiper-slide .right-inner dd:hover { background: #398AFF; }
#layout-solution .swiper-slide .right-inner dd .image-inner, #layout-solution .swiper-slide .right-inner dd .text-inner { line-height: 30px; font-size: 14px; }
#layout-solution .swiper-slide .right-inner dd .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 52.25%; z-index: 1; }
#layout-solution .swiper-slide .right-inner dd .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
#layout-solution .swiper-slide .right-inner dd .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s linear; }
#layout-solution .swiper-slide .right-inner dd:hover .image-inner .image img { transform: scale(1.03); }
#layout-solution .swiper-slide .right-inner dd .image-inner:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s ease-out; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
#layout-solution .swiper-slide .right-inner dd:hover .image-inner:before { opacity: 1; }
#layout-solution .swiper-slide .right-inner dd .image-inner:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 9; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s ease-out; }
#layout-solution .swiper-slide .right-inner dd:hover .image-inner:after { opacity: 1; top: 50%; margin-top: -17px; }
#layout-solution .swiper-slide .right-inner dd .text-inner { padding: 20px 20px; }
#layout-solution .swiper-slide .right-inner dd .text-inner .title { margin-bottom: 10px; width: 100%; height: 35px; line-height: 35px; font-size: 20px; font-weight: 800; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
#layout-solution .swiper-slide .right-inner dd:hover .text-inner .title a { color: #005BAC; }
#layout-solution .swiper-slide .right-inner dd .text-inner .text { height: 60px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #868686; }
#layout-solution .swiper-slide .right-inner dd:hover .text-inner .title a, #layout-solution .swiper-slide .right-inner dd:hover .text-inner .text { color: #fff; }

@media (max-width:1449px) {
.layout-solution { }
#layout-solution { }
#layout-solution .swiper-slide .left-inner, #layout-solution .swiper-slide .right-inner { font-size: 14px; line-height: 30px; }
#layout-solution .swiper-slide .left-inner { font-size: 14px; }
#layout-solution .swiper-slide .left-inner strong { font-size: 22px; }
#layout-solution .swiper-slide .right-inner { -webkit-flex: 1; flex: 1; }
#layout-solution .swiper-slide .right-inner dt, #layout-solution .swiper-slide .right-inner dd { display: block; overflow: hidden; width: 100%; }
#layout-solution .swiper-slide .right-inner dt { margin-bottom: 20px; }
#layout-solution .swiper-slide .right-inner dt h3, #layout-solution .swiper-slide .right-inner dt span { float: left; font-size: 14px; line-height: 30px; }
#layout-solution .swiper-slide .right-inner dt h3 { font-size: 22px; }
#layout-solution .swiper-slide .right-inner dt span { float: right; }
#layout-solution .swiper-slide .right-inner dd .text-inner { padding: 20px 20px; }
#layout-solution .swiper-slide .right-inner dd .text-inner .title { font-size: 18px; }
#layout-solution .swiper-slide .right-inner dd:hover .text-inner .title a { color: #005BAC; }
#layout-solution .swiper-slide .right-inner dd .text-inner .text { font-size: 14px; }
}

@media (max-width:1199px) {
.layout-solution { padding: 20px 20px; }
#layout-solution .swiper-slide { padding: 10px 0; }
#layout-solution .swiper-slide .left-inner strong { font-size: 18px; }
#layout-solution .swiper-slide .right-inner dt h3 { font-size: 18px; }
#layout-solution .swiper-slide .right-inner dd .text-inner { padding: 10px 10px; }
#layout-solution .swiper-slide .right-inner dd .text-inner .title { font-size: 16px; }
}

@media (max-width:991px) {
.layout-solution { padding: 10px 10px; }
}

@media (max-width:767px) {
#layout-solution .swiper-slide .left-inner, #layout-solution .swiper-slide .right-inner { width: 100%; margin: 0; }
}

@media (max-width:479px) {
}
/**/
.layout-build { padding: 10px 0; padding-bottom: 35px; overflow: hidden; }
.layout-build li { float: left; position: relative; overflow: hidden; width: 32%; margin: 10px 2%; margin-left: 0; transition: all .6s ease-out; background: #F7F8F8; }
.layout-build li:nth-child(3n) { margin-right: 0; }
.layout-build li:hover { background: #398AFF; }
.layout-build li .image-inner, .layout-build li .text-inner { line-height: 30px; font-size: 14px; }
.layout-build li .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 52.25%; z-index: 1; }
.layout-build li .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.layout-build li .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s linear; }
.layout-build li:hover .image-inner .image img { transform: scale(1.03); }
.layout-build li .image-inner:after { content: ''; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); }
.layout-build li .image-inner .text { padding: 30px 30px; color: #fff; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; font-size: 18px; line-height: 30px; display: flex; justify-content: center; flex-direction: column; }
.layout-build li .text-inner { padding: 20px 20px; line-height: 35px; position: relative; }
.layout-build li .text-inner h3 { font-size: 24px; font-weight: 300; overflow: hidden; color: #398AFF; }
.layout-build li .text-inner h3 a { }
.layout-build li .text-inner label { font-size: 18px; text-transform: capitalize; overflow: hidden; color: #868686; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.layout-build li:hover .text-inner h3, .layout-build li:hover .text-inner label { color: #fff; }
.layout-build li .image-inner .icon { position: absolute; right: 20px; width: 40px; height: 40px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; bottom: 20px; font-size: 16px; color: #fff; z-index: 3; border-radius: 50%; }
.layout-build li:hover .image-inner .icon { border-color: #398AFF; background: #398AFF; }

@media (max-width:1449px) {
.layout-build { padding: 10px 0; margin-bottom: 20px; }
.layout-build li .text-inner { padding: 15px 15px; }
.layout-build li .text-inner h3 { font-size: 22px; }
.layout-build li .text-inner h3 a { }
.layout-build li .text-inner label { font-size: 16px; }
.layout-build li .image-inner .text { font-size: 16px; }
}

@media (max-width:1199px) {
.layout-build li .text-inner { padding: 15px 10px; }
.layout-build li .text-inner h3 { font-size: 20px; }
.layout-build li .text-inner h3 a { }
.layout-build li .text-inner label { font-size: 14px; }
.layout-build li .image-inner .text { font-size: 14px; }
.layout-build li .image-inner { padding-bottom: 62.25%; }
}

@media (max-width:991px) {
.layout-build li .text-inner { }
.layout-build li .text-inner h3 { font-size: 18px; }
.layout-build li .text-inner label { font-size: 14px; }
.layout-build li .image-inner { padding-bottom: 72.25%; }
}

@media (max-width:767px) {
.layout-build li { width: 49%; margin: 10px 2%; margin-left: 0; }
.layout-build li:nth-child(3n) { margin-right: 2%; }
.layout-build li:nth-child(2n) { margin-right: 0; }
.layout-build li .text-inner { padding: 10px 10px; }
}

@media (max-width:479px) {
}
/**/
.page-turn { text-align: center; padding: 20px 0; overflow: hidden; display: flex; width: 100%; justify-content: center; font-size: 16px; }
.page-turn li { display: block; overflow: hidden; background: #fff; height: 40px; line-height: 40px; font-size: 16px; text-align: center; border: 1px solid #EEEEEE; }
.page-turn li.active, .page-turn li .current, .page-turn li:hover { background: #398AFF; color: #fff; border: 1px solid #398AFF; }
.page-turn li a, .page-turn li span { display: block; padding: 0 20px; }
.page-turn li.active a, .page-turn li:hover a { color: #fff; }
.page-turn strong { margin: 0 5px; }
.page-turn li:first-child a { padding: 0 35px; text-indent: -9999px; background: url(../images/right-icon.png) no-repeat center; }
.page-turn li:first-child a:hover { background-image: url(../images/right-icon-hover.png); }
.page-turn li:last-child a { padding: 0 35px; text-indent: -9999px; background: url(../images/left-icon.png) no-repeat center; }
.page-turn li:last-child a:hover { background-image: url(../images/left-icon-hover.png); }

@media (max-width:1449px) {
.page-turn, .page-turn li { font-size: 16px; }
}

@media (max-width:1199px) {
.page-turn, .page-turn li { font-size: 16px; }
}

@media (max-width:991px) {
.page-turn, .page-turn li { font-size: 16px; }
}

@media (max-width:767px) {
}

@media (max-width:479px) {
}
/**/

.view-page { }
.view-inner { overflow: hidden; }
.view-title { font-size: 48px; font-weight: 800; overflow: hidden; }
.view-info { color: #787878; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #CDCDCD; overflow: hidden; }
.view-info li { display: inline-block; margin: 0 20px; color: #626262; }
.view-body { padding: 20px 0; font-size: 16px; line-height: 2.25; overflow: hidden; }
.view-body strong { color: #005BAC; font-weight: 800; }
.view-body img { width: 100%; vertical-align: middle; margin: 10px auto; display: block; }
.view-body a { color: #FFBF37; text-decoration: underline; }
.view-prev { border-top: 1px solid #CDCDCD; padding: 20px 0px; overflow: hidden; font-size: 16px; }
.view-prev li { font-weight: 800; height: 35px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; line-height: 35px; }
.view-prev li:last-child { }
.view-prev li a { }

@media (max-width:1449px) {
.view-title { font-size: 32px; }
.view-info { padding-top: 10px; font-size: 14px; }
.view-body { padding: 20px 0; font-size: 15px; }
.view-prev li { font-size: 14px; font-weight: 300; }
}

@media (max-width:1199px) {
.view-title { font-size: 30px; }
}

@media (max-width:991px) {
.view-title { font-size: 28px; }
.view-body { }
.view-prev { }
}

@media (max-width:767px) {
.view-title { font-size: 26px; }
}

@media (max-width:479px) {
}
/**/
.recom-show { padding: 20px 0; position: relative; }
#recom-show { position: relative; padding-bottom: 60px; }
#recom-show .swiper-wrapper { width: 100%; height: 100%; }
#recom-show .swiper-slide { overflow: hidden; background: #fff; }
#recom-show .swiper-slide:hover { background: #398AFF; }
#recom-show .swiper-slide:nth-child(3n) { margin-right: 0; }
#recom-show .swiper-slide .image-inner, #recom-show .swiper-slide .text-inner { line-height: 30px; font-size: 14px; }
#recom-show .swiper-slide .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 72.25%; z-index: 1; }
#recom-show .swiper-slide .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
#recom-show .swiper-slide .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s linear; }
#recom-show .swiper-slide:hover .image-inner .image img { transform: scale(1.03); }
#recom-show .swiper-slide .image-inner:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s ease-out; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
#recom-show .swiper-slide:hover .image-inner:before { opacity: 1; }
#recom-show .swiper-slide .image-inner:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 9; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s ease-out; }
#recom-show .swiper-slide:hover .image-inner:after { opacity: 1; top: 50%; margin-top: -17px; }
#recom-show .swiper-slide .text-inner { padding: 20px 20px; }
#recom-show .swiper-slide .text-inner .title { margin-bottom: 10px; width: 100%; height: 35px; line-height: 35px; font-size: 20px; font-weight: 800; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
#recom-show .swiper-slide:hover .text-inner .title a { color: #005BAC; }
#recom-show .swiper-slide .text-inner .text { height: 60px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #868686; }
#recom-show .swiper-slide:hover .text-inner .title a, #recom-show .swiper-slide:hover .text-inner .text { color: #fff; }
#recom-show .swiper-pagination { text-align: center; bottom: 0px !important; }
#recom-show .swiper-pagination-bullet { width: 16px !important; height: 16px !important; border: 1px solid #F7F8F8 !important; background: none; opacity: 1; border-radius: 50%; position: relative; }
#recom-show .swiper-pagination-bullet:after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; margin-top: -4px; height: 8px; margin-left: -4px; border-radius: 50%; background: #ccc; }
#recom-show .swiper-pagination-bullet-active { border: 1px solid #398AFF !important; }
#recom-show .swiper-pagination-bullet-active:after { background: #398AFF; }

@media (max-width:1449px) {
.recom-show { padding: 10px 0; }
#recom-show { }
#recom-show .swiper-slide .text-inner { padding: 10px 10px; }
#recom-show .swiper-slide .text-inner .title { font-size: 18px; }
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
#recom-show .swiper-slide .text-inner .title { font-size: 16px; }
}

@media (max-width:767px) {
}

@media (max-width:479px) {
}
/**/

@keyframes bs2 {
0% {
-webkit-transform:scale(1.00);
-moz-transform:scale(1.00);
-ms-transform:scale(1.00);
-o-transform:scale(1.00);
filter:scale(1.00);
filter:transform;
}
8.3333333333% {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
filter:scale(1.1);
filter:transform;
}
16.6666666666% {
-webkit-transform:scale(1.10);
-moz-transform:scale(1.10);
-ms-transform:scale(1.10);
-o-transform:scale(1.10);
filter:scale(1.10);
filter:transform;
}
25% {
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
filter:scale(1.15);
filter:transform;
}
33.3333333333% {
-webkit-transform:scale(1.10);
-moz-transform:scale(1.10);
-ms-transform:scale(1.10);
-o-transform:scale(1.10);
filter:scale(1.10);
filter:transform;
}
41.6666666667% {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
filter:scale(1.05);
filter:transform;
}
50% {
-webkit-transform:scale(1.00);
-moz-transform:scale(1.00);
-ms-transform:scale(1.00);
-o-transform:scale(1.00);
filter:scale(1.00);
filter:transform;
}
58.3333333333% {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
filter:scale(1.05);
filter:transform;
}
66.6666666667% {
-webkit-transform:scale(1.10);
-moz-transform:scale(1.10);
-ms-transform:scale(1.10);
-o-transform:scale(1.10);
filter:scale(1.10);
filter:transform;
}
75% {
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
filter:scale(1.15);
filter:transform;
}
83.333333333% {
-webkit-transform:scale(1.10);
-moz-transform:scale(1.10);
-ms-transform:scale(1.10);
-o-transform:scale(1.10);
filter:scale(1.10);
filter:transform;
}
91.666666666% {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.105);
filter:scale(1.05);
filter:transform;
}
100% {
-webkit-transform:scale(1.00);
-moz-transform:scale(1.00);
-ms-transform:scale(1.00);
-o-transform:scale(1.00);
filter:scale(1.00);
filter:transform;
}
}
.index-full { margin: 0 auto; width: 100%; overflow: hidden; }
.index-full .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }
.index-full .swiper-container .swiper-slide { width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.index-full .swiper-container .swiper-slide .image-inner { position: relative; z-index: 3; width: 100%; display: flex; align-items: center; justify-content: center; }
.index-full .swiper-container .swiper-slide .image-inner img { width: 100%; align-items: center; -webkit-animation: bs2 50s linear infinite; animation: bs2 50s linear infinite; }
.index-full .swiper-container .swiper-slide-on .image-inner img { }
.index-full .swiper-container .swiper-slide a { display: block; height: 100% !important; }
.index-full .swiper-pagination { bottom: 50px!important; right: auto!important; text-align: left; left: 5%!important; width: 90%!important; }
.index-full .swiper-pagination-bullet { width: 125px !important; height: 4px !important; margin-right: 10px; background: #818181; outline: none; border-radius: 0; }
.index-full .swiper-pagination-bullet-active { background: #398AFF; }
.index-full .swiper-button-prev, .index-full .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; background: rgba(129,129,129,0.75); border-radius: 50%; font-size: 24px; outline: none; }
.index-full .swiper-button-prev { left: 5px; }
.index-full .swiper-button-next { right: 5px; }
.index-full .swiper-button-prev:hover, .index-full .swiper-button-next:hover { background: #398AFF; }

@media (max-width:1449px) {
.index-full .swiper-pagination { bottom: 10px!important; }
.index-full .swiper-pagination-bullet { width: 85px !important; }
}

@media (max-width:1199px) {
.index-full .swiper-pagination-bullet { width: 65px !important; }
}

@media (max-width:991px) {
.index-full .swiper-button-prev, .index-full .swiper-button-next { display: none; }
}

@media (max-width:767px) {
.index-full .swiper-pagination-bullet { width: 45px !important; }
}

@media (max-width:479px) {
.index-full .swiper-pagination-bullet { width: 35px !important; }
}
/**/
.index-wrap { margin: 0 auto;/* width: 100%; height: 100vh; */ overflow: hidden; }
.index-wrap .container { /*height: 100%; display: flex; justify-content: center; flex-direction: column;*/ }
.index-show { padding: 25px 0; overflow: hidden; }
#index-show { padding-bottom: 75px; position: relative; }
#index-show .swiper-wrapper { width: 100%; height: 100%; }
#index-show .swiper-slide { position: relative; overflow: hidden; }
#index-show .swiper-slide .image-inner, #index-show .swiper-slide .text-inner { line-height: 1.5; font-size: 18px; overflow: hidden; }
#index-show .swiper-slide .image-inner { position: relative; z-index: 1; width: 100%; height: 0; padding-bottom: 65%; }
#index-show .swiper-slide .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
#index-show .swiper-slide .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
#index-show .swiper-slide:hover .image-inner .image img { transform: scale(1.025); }
#index-show .swiper-slide .text-inner { position: absolute; z-index: 2; left: -1px; bottom: 0; width: 60%; padding: 35px 35px; display: flex; justify-content: center; flex-direction: column; transition: all .6s ease-in-out; background: #fff; }
#index-show .swiper-slide .text-inner label, #index-show .swiper-slide .text-inner h3 { display: block; width: 100%; text-align: left; }
#index-show .swiper-slide .text-inner label { color: #A2A2A2; }
#index-show .swiper-slide .text-inner h3 { font-size: 24px; }
#index-show .swiper-slide .text-inner h3 a { color: #398AFF; }
#index-show .swiper-slide:hover .text-inner { background: #398AFF; }
#index-show .swiper-slide:hover .text-inner label, #index-show .swiper-slide:hover .text-inner h3 a { color: #fff; }
#index-show .swiper-pagination { text-align: center; bottom: 0 !important; }
#index-show .swiper-pagination-bullet { width: 16px !important; height: 16px !important; border: 1px solid #F7F8F8 !important; background: none; opacity: 1; border-radius: 50%; position: relative; }
#index-show .swiper-pagination-bullet:after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; margin-top: -4px; height: 8px; margin-left: -4px; border-radius: 50%; background: #ccc; }
#index-show .swiper-pagination-bullet-active { border: 1px solid #398AFF !important; }
#index-show .swiper-pagination-bullet-active:after { background: #398AFF; }

@media (max-width:1449px) {
.index-show { padding: 10px 0; margin-bottom: 20px; }
#index-show { padding-bottom: 55px; }
#index-show .swiper-slide .text-inner { width: 80%; padding: 15px 15px; }
#index-show .swiper-slide .text-inner h3 { font-size: 20px; }
#index-show .swiper-slide .text-inner label { font-size: 15px; }
}

@media (max-width:1199px) {
#index-show .swiper-slide .text-inner { padding: 15px 10px; }
#index-show .swiper-slide .text-inner h3 { font-size: 18px; }
#index-show .swiper-slide .text-inner label { font-size: 14px; }
}

@media (max-width:991px) {
.index-show { margin-bottom: 0; }
#index-show .swiper-slide .text-inner { width: 90%; }
#index-show .swiper-slide .text-inner h3 { font-size: 16px; }
#index-show .swiper-slide .text-inner label { font-size: 14px; }
}

@media (max-width:767px) {
#index-show .swiper-slide .text-inner { padding: 10px 10px; }
#index-show .swiper-slide .text-inner { position: static; width: 100%; }
}

@media (max-width:479px) {
#index-show .swiper-slide .text-inner label { height: 60px; }
}
/**/
.index-service { padding: 25px 0; overflow: hidden; }
.index-service dl, .index-service dt, .index-service dd { display: block; overflow: hidden; }
.index-service dl { }
.index-service dl:nth-child(2) { margin-top: 30px; }
.index-service dt { height: 55px; line-height: 55px; background: #398AFF; color: #fff; font-size: 24px; font-weight: 800; color: #fff; text-align: center; margin-bottom: 10px; }
.index-service dd { }
.index-service li { float: left; overflow: hidden; margin: 5px 0; margin-left: 0; margin-right: 2%; display: flex; align-items: center; justify-content: center; }
.index-service .dd-1 li { width: 10.75%; height: 50px; font-size: 18px; background: #DCDCDC; }
.index-service .dd-1 li:nth-child(8n) { margin-right: 0; }
.index-service .dd-2 li { width: 49%; height: 50px; font-size: 18px; font-weight: 800; }
.index-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.index-service .dd-3 li { width: 10.75%; height: 35px; font-size: 16px; background: #DCDCDC; }
.index-service .dd-3 li:nth-child(8n) { margin-right: 0; }
.index-service .dd-4 li { width: 9.33333%; height: 50px; font-size: 18px; color: #398AFF; }
.index-service .dd-4 li:nth-child(9n) { margin-right: 0; }
.index-service .dd-5 li { width: 9.33333%; height: 42px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-5 li:nth-child(9n) { margin-right: 0; }

@media (max-width:1449px) {
.index-service { padding: 15px 0; }
.index-service dt { height: 50px; line-height: 50px; font-size: 22px; }
.index-service dd { }
.index-service li { }
.index-service .dd-1 li { width: 10.75%; height: 45px; font-size: 16px; background: #DCDCDC; }
.index-service .dd-1 li:nth-child(8n) { margin-right: 0; }
.index-service .dd-2 li { width: 49%; height: 45px; font-size: 15px; font-weight: 800; }
.index-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.index-service .dd-3 li { width: 10.75%; height: 35px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-3 li:nth-child(8n) { margin-right: 0; }
.index-service .dd-4 li { width: 9.33333%; height: 45px; font-size: 16px; color: #398AFF; }
.index-service .dd-4 li:nth-child(9n) { margin-right: 0; }
.index-service .dd-5 li { width: 9.33333%; height: 32px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-5 li:nth-child(9n) { margin-right: 0; }
}

@media (max-width:1199px) {
.index-service dt { height: 40px; line-height: 40px; font-size: 18px; }
.index-service dd { }
.index-service li { }
.index-service .dd-1 li { width: 10.75%; height: 35px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-1 li:nth-child(8n) { margin-right: 0; }
.index-service .dd-2 li { width: 49%; height: 35px; font-size: 14px; font-weight: 800; }
.index-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.index-service .dd-3 li { width: 10.75%; height: 35px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-3 li:nth-child(8n) { margin-right: 0; }
.index-service .dd-4 li { width: 9.33333%; height: 35px; font-size: 14px; color: #398AFF; }
.index-service .dd-4 li:nth-child(9n) { margin-right: 0; }
.index-service .dd-5 li { width: 9.33333%; height: 30px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-5 li:nth-child(9n) { margin-right: 0; }
}

@media (max-width:991px) {
.index-service dt { height: 40px; line-height: 40px; font-size: 16px; }
.index-service dd { }
.index-service li { }
.index-service .dd-1 li { width: 15%; height: 35px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-1 li:nth-child(8n) { margin-right: 2%; }
.index-service .dd-1 li:nth-child(6n) { margin-right: 0; }
.index-service .dd-2 li { width: 49%; height: 35px; font-size: 14px; font-weight: 800; }
.index-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.index-service .dd-3 li { width: 15%; height: 35px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-3 li:nth-child(8n) { margin-right: 2%; }
.index-service .dd-3 li:nth-child(6n) { margin-right: 0; }
.index-service .dd-4 li { width: 15%; height: 35px; font-size: 14px; color: #398AFF; }
.index-service .dd-4 li:nth-child(9n) { margin-right: 2%; }
.index-service .dd-4 li:nth-child(6n) { margin-right: 0; }
.index-service .dd-5 li { width: 15%; height: 30px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-5 li:nth-child(9n) { margin-right: 2%; }
.index-service .dd-5 li:nth-child(6n) { margin-right: 0; }
}

@media (max-width:767px) {
.index-service .dd-1 li { width: 23.5%; height: 35px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-1 li:nth-child(8n) { margin-right: 2%; }
.index-service .dd-1 li:nth-child(6n) { margin-right: 2%; }
.index-service .dd-1 li:nth-child(4n) { margin-right: 0; }
.index-service .dd-2 li { width: 49%; height: 35px; font-size: 14px; font-weight: 800; }
.index-service .dd-2 li:nth-child(2n) { margin-right: 0; }
.index-service .dd-3 li { width: 23.5%; height: 35px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-3 li:nth-child(8n) { margin-right: 2%; }
.index-service .dd-3 li:nth-child(6n) { margin-right: 2%; }
.index-service .dd-3 li:nth-child(4n) { margin-right: 0; }
.index-service .dd-4 li { width: 23.5%; height: 35px; font-size: 14px; color: #398AFF; }
.index-service .dd-4 li:nth-child(9n) { margin-right: 2%; }
.index-service .dd-4 li:nth-child(6n) { margin-right: 2%; }
.index-service .dd-4 li:nth-child(4n) { margin-right: 0; }
.index-service .dd-5 li { width: 23.5%; height: 30px; font-size: 14px; background: #DCDCDC; }
.index-service .dd-5 li:nth-child(9n) { margin-right: 2%; }
.index-service .dd-5 li:nth-child(6n) { margin-right: 2%; }
.index-service .dd-5 li:nth-child(4n) { margin-right: 0; }
}

@media (max-width:479px) {
}
/**/
.index-cooper { padding: 20px 0; margin-bottom: 50px; overflow: hidden; }
.index-cooper li { float: left; width: 12.57142%; margin: 20px 2%; margin-left: 0; overflow: hidden; background: #fff; border-radius: 10px; }
.index-cooper li:nth-child(1), .index-cooper li:nth-child(8), .index-cooper li:nth-child(16), .index-cooper li:nth-child(23) { width: 5.28571%; border-radius: 0 10px 10px 0; }
.index-cooper li:nth-child(8), .index-cooper li:nth-child(23) { border-radius: 10px 0 0 10px; margin-right: 0; }
.index-cooper li:nth-child(15) { margin-right: 0; }
.index-cooper li .image-inner { position: relative; width: 100%; height: 0; padding-bottom: 36.5%; overflow: hidden; }
.index-cooper li:nth-child(1) .image-inner, .index-cooper li:nth-child(8) .image-inner, .index-cooper li:nth-child(16) .image-inner, .index-cooper li:nth-child(23) .image-inner { padding-bottom: 87%; }
.index-cooper li .image-inner .image { position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 1; }
.index-cooper li .image-inner .image img { max-height: 100%; align-items: center; object-fit: cover; transition: all .6s ease-in-out; }
.index-cooper li:hover .image-inner .image img { transform: scale(1.025); }
.index-cooper li:nth-child(5) { background: #18347E; }
.index-cooper li:nth-last-child(4) { background: #E50015; }
.index-cooper li:nth-last-child(2) { background: #FB0103; }

@media (max-width:1449px) {
.index-cooper { padding: 10px 0; margin-bottom: 30px; }
.index-cooper li { margin-top: 10px; margin-bottom: 10px; }
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
}

@media (max-width:767px) {
.index-cooper { padding: 10px 10px; }
.index-cooper li { width: 23.5%; }
.index-cooper li:nth-child(1), .index-cooper li:nth-child(8), .index-cooper li:nth-child(16), .index-cooper li:nth-child(23) { display: none; }
.index-cooper li:nth-child(8), .index-cooper li:nth-child(23) { }
.index-cooper li:nth-child(5n), .index-cooper li:nth-child(14), .index-cooper li:nth-child(19) { margin-right: 0; }
.index-cooper li:nth-child(2), .index-cooper li:nth-child(9), .index-cooper li:nth-child(15), .index-cooper li:nth-child(17), .index-cooper li:nth-child(24), .index-cooper li:nth-child(20) { margin-right: 2%; }
}

@media (max-width:479px) {
}
/**/
.index-new { padding: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.new-left, .new-right { width: 50%; overflow: hidden; }
.new-left { padding-right: 50px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
.new-left .caption, .new-left .list { overflow: hidden; width: 100%; }
.new-left .caption { }
.new-left .caption label, .new-left .caption h3 { display: block; overflow: hidden; line-height: 1.5; }
.new-left .caption label { font-size: 26px; }
.new-left .caption h3 { font-size: 56px; font-weight: 800; }
.new-left .list { }
.new-left .list li { padding: 10px 0; position: relative; overflow: hidden; border-bottom: 1px solid #DEDEDE; line-height: 30px; font-size: 14px; }
.new-left .list li:last-child { }
.new-left .list li .text { height: 60px; font-size: 16px; overflow: hidden; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; color: #666; }
.new-left .list li .time { overflow: hidden; color: #8A8A8A; }
.new-right { background: rgba(130,51,52,1.00); }
.new-right .image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.new-right .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
.new-right .image:hover img { transform: scale(1.025); }

@media (max-width:1449px) {
.index-new { padding: 10px 0; }
.new-left .caption label { font-size: 18px; line-height: 40px; }
.new-left .caption h3 { font-size: 36px; }
.new-left { padding-right: 20px; }
}

@media (max-width:1199px) {
.new-left .caption label { font-size: 16px; }
.new-left .caption h3 { font-size: 32px; }
}

@media (max-width:991px) {
.new-left .caption label { font-size: 14px; }
.new-left .caption h3 { font-size: 28px; line-height: 40px; }
}

@media (max-width:767px) {
.new-left .caption label { font-size: 14px; }
.new-left .caption h3 { font-size: 22px; line-height: 40px; }
.new-left, .new-right { width: 100%; }
.new-left .caption label, .new-left .caption h3 { text-align: center; }
.new-left { margin-bottom: 10px; padding-right: 0; }
.new-left .list li .text { height: auto; }
}

@media (max-width:479px) {
}
/**/

.index-solution { padding: 20px 0; overflow: hidden; }
.index-solution li { float: left; width: 23.5%; margin: 20px 2%; overflow: hidden; margin-left: 0; transition: all .6s ease-out; background: #fff; }
.index-solution li:hover { background: #398AFF; }
.index-solution li:nth-child(4n) { margin-right: 0; }
.index-solution li .image-inner, .index-solution li .text-inner { line-height: 30px; font-size: 14px; }
.index-solution li .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 72.25%; z-index: 1; }
.index-solution li .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.index-solution li .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s linear; }
.index-solution li:hover .image-inner .image img { transform: scale(1.03); }
.index-solution li .image-inner:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s ease-out; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
.index-solution li:hover .image-inner:before { opacity: 1; }
.index-solution li .image-inner:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 9; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s ease-out; }
.index-solution li:hover .image-inner:after { opacity: 1; top: 50%; margin-top: -17px; }
.index-solution li .text-inner { padding: 20px 20px; line-height: 35px; }
.index-solution li .text-inner h3 { font-size: 24px; font-weight: 300; overflow: hidden; color: #398AFF; }
.index-solution li .text-inner h3 a { }
.index-solution li .text-inner label { font-size: 18px; text-transform: capitalize; overflow: hidden; color: #868686; }
.index-solution li:hover .text-inner h3, .index-solution li:hover .text-inner label { color: #fff; }

@media (max-width:1449px) {
.index-solution { padding: 10px 0; }
.index-solution li { margin-top: 10px; margin-bottom: 10px; }
.index-solution li .text-inner .title { font-size: 20px; }
.index-solution li .text-inner .text { font-size: 14px; }
.index-solution li .text-inner .time { font-size: 16px; }
}

@media (max-width:1199px) {
.index-solution li .text-inner .title { font-size: 18px; margin: 0 0; }
.index-solution li .text-inner .time { font-size: 14px; }
}

@media (max-width:991px) {
.index-solution li .text-inner .title { height: 70px; -webkit-line-clamp: 2; line-clamp: 2; }
}

@media (max-width:767px) {
.index-solution li { width: 49%; }
.index-solution li:nth-child(3n) { margin-right: 2%; }
.index-solution li:nth-child(2n) { margin-right: 0; }
.index-solution li .text-inner .text { display: none; }
}

@media (max-width:479px) {
}
/**/
.index-solutions { padding: 25px 0; overflow: hidden; }
#index-solutions { padding-bottom: 75px; position: relative; }
#index-solutions .swiper-wrapper { width: 100%; height: 100%; }
#index-solutions .swiper-slide { position: relative; overflow: hidden; background: #fff; }
#index-solutions .swiper-slide:hover { background: #398AFF; }
#index-solutions .swiper-slide .image-inner, #index-solutions .swiper-slide .text-inner { line-height: 30px; font-size: 14px; }
#index-solutions .swiper-slide .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 72.25%; z-index: 1; }
#index-solutions .swiper-slide .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }
#index-solutions .swiper-slide .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s linear; }
#index-solutions .swiper-slide:hover .image-inner .image img { transform: scale(1.03); }
#index-solutions .swiper-slide .image-inner:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s ease-out; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
#index-solutions .swiper-slide:hover .image-inner:before { opacity: 1; }
#index-solutions .swiper-slide .image-inner:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 9; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s ease-out; }
#index-solutions .swiper-slide:hover .image-inner:after { opacity: 1; top: 50%; margin-top: -17px; }
#index-solutions .swiper-slide .text-inner { padding: 20px 20px; line-height: 35px; }
#index-solutions .swiper-slide .text-inner h3 { font-size: 24px; font-weight: 300; overflow: hidden; color: #398AFF; }
#index-solutions .swiper-slide .text-inner h3 a { }
#index-solutions .swiper-slide .text-inner label { font-size: 18px; text-transform: capitalize; overflow: hidden; color: #868686; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
#index-solutions .swiper-slide:hover .text-inner h3, #index-solutions .swiper-slide:hover .text-inner label { color: #fff; }
#index-solutions .swiper-pagination { text-align: center; bottom: 0 !important; }
#index-solutions .swiper-pagination-bullet { width: 16px !important; height: 16px !important; border: 1px solid #F7F8F8 !important; background: none; opacity: 1; border-radius: 50%; position: relative; }
#index-solutions .swiper-pagination-bullet:after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; margin-top: -4px; height: 8px; margin-left: -4px; border-radius: 50%; background: #ccc; }
#index-solutions .swiper-pagination-bullet-active { border: 1px solid #398AFF !important; }
#index-solutions .swiper-pagination-bullet-active:after { background: #398AFF; }

@media (max-width:1449px) {
.index-solutions { padding: 10px 0; margin-bottom: 20px; }
#index-solutions { padding-bottom: 55px; }
#index-solutions .swiper-slide .text-inner { padding: 15px 15px; }
#index-solutions .swiper-slide .text-inner h3 { font-size: 20px; }
#index-solutions .swiper-slide .text-inner label { font-size: 15px; }
}

@media (max-width:1199px) {
#index-solutions .swiper-slide .text-inner { padding: 15px 10px; }
#index-solutions .swiper-slide .text-inner h3 { font-size: 18px; }
#index-solutions .swiper-slide .text-inner label { font-size: 14px; }
}

@media (max-width:991px) {
#index-solutions .swiper-slide .text-inner { }
#index-solutions .swiper-slide .text-inner h3 { font-size: 16px; }
#index-solutions .swiper-slide .text-inner label { font-size: 14px; }
}

@media (max-width:767px) {
#index-solutions .swiper-slide .text-inner { padding: 10px 10px; }
}

@media (max-width:479px) {
}
/**/
.shuzhi-wrap { overflow: hidden; position: relative; padding-bottom: 12px; }
.shuzhi-wrap:after { content: ''; position: absolute; left: 0; bottom: 10px; width: 100%; height: 6px; background: url(../images/shuzhi-wrap.png) no-repeat center bottom; }
.shuzhi-wrap .container { overflow: visible; }
.index-shuzhi { padding: 20px 0; }
.index-shuzhi li { float: left; width: 15%; margin: 20px 2%; padding-bottom: 50px; margin-left: 0; position: relative; }
.index-shuzhi li:after { content: ''; position: absolute; left: 50%; width: 164px; height: 39px; bottom: -30px; margin-left: -82px; background: url(../images/shuzhi-item-hover.png) no-repeat center bottom; display: none; }
.index-shuzhi li:nth-child(6n) { margin-right: 0; }
.index-shuzhi li .image, .index-shuzhi li .text { line-height: 30px; font-size: 14px; text-align: center; }
.index-shuzhi li .image { overflow: hidden; position: relative; width: 130px; height: 130px; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-color: #C8C8C8; border-radius: 50%; z-index: 1; transition: all .6s ease-out; }
.index-shuzhi li .text { padding: 20px 0; font-size: 16px; color: #A1A1A1; font-weight: 300; }
.index-shuzhi li:hover .image { background-color: #398AFF; }
.index-shuzhi li:hover .text { color: #398AFF; }
.index-shuzhi li:hover:after { display: block; }

@media (max-width:1449px) {
.shuzhi-wrap:after { bottom: 0px; }
.index-shuzhi { padding: 10px 0; }
.index-shuzhi li { margin-top: 10px; margin-bottom: 10px; padding-bottom: 30px; }
.index-shuzhi li .text-inner .title { font-size: 20px; }
.index-shuzhi li .text-inner .text { font-size: 14px; }
.index-shuzhi li .text-inner .time { font-size: 16px; }
}

@media (max-width:1199px) {
}

@media (max-width:991px) {
.index-shuzhi li { width: 32%; }
.index-shuzhi li:nth-child(6n) { margin-right: 2%; }
.index-shuzhi li:nth-child(3n) { margin-right: 0; }
.index-shuzhi li:after { bottom: 0; }
.shuzhi-wrap:after { bottom: 30px; }
}

@media (max-width:767px) {
.index-shuzhi li { width: 49%; }
.index-shuzhi li:nth-child(3n) { margin-right: 2%; }
.index-shuzhi li:nth-child(2n) { margin-right: 0; }
}

@media (max-width:479px) {
}
/**/
.index-core { padding: 25px 0; overflow: hidden; }
#index-core { position: relative; }
#index-core .swiper-wrapper { width: 100%; height: 100%; }
#index-core .swiper-slide { padding: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
#index-core .swiper-slide .image-inner, #index-core .swiper-slide .text-inner { overflow: hidden; line-height: 30px; font-size: 16px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#index-core .swiper-slide .image-inner { -webkit-flex: 1; flex: 1; }
#index-core .swiper-slide .image-inner img { width: 100%; align-items: center; }
#index-core .swiper-slide .text-inner { float: left; width: 50%; padding: 50px 50px; background: url(../images/core-icon.png) no-repeat right center; }
#index-core .swiper-slide .text-inner .title, #index-core .swiper-slide .text-inner .text, #index-core .swiper-slide .text-inner .more { width: 100%; }
#index-core .swiper-slide .text-inner .title { font-size: 26px; font-weight: 800; }
#index-core .swiper-slide .text-inner .text { padding: 30px 0; color: #A1A1A1; }
#index-core .swiper-slide .text-inner .more { }
#index-core .swiper-slide .text-inner .more a { float: left; height: 45px; line-height: 45px; padding: 0 45px; background: #398AFF; position: relative; overflow: hidden; font-size: 18px; color: #fff; z-index: 1; border-radius: 2.0833vw; }
#index-core .swiper-slide .text-inner .more a span { display: block; position: relative; z-index: 1; }
#index-core .swiper-slide .text-inner .more a:before { content: ''; bottom: 0px; position: absolute; z-index: 0; left: 0; width: 0; height: 100%; background: #438BC6; transition: all .6s ease-in-out; }
#index-core .swiper-slide .text-inner .more a:hover { }
#index-core .swiper-slide:hover .text-inner .more a:before { width: 100%; }
.index-tab { margin: 20px 0; padding: 0 0; overflow: hidden; display: flex; text-align: center; box-sizing: border-box; /* 防止padding影响布局 */ background: none; border-radius: 0; background: none; }
.index-tab li { flex: 1; /* 等分父容器的空间 */ }
.index-tab li .text-inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 30px 0; line-height: 35px; border: 1px solid #EBECED; border-left: 0; border-right: 0; overflow: hidden; }
.index-tab li .text-inner .image { width: 100px; height: 70px; background-repeat: no-repeat; background-position: center; }
.index-tab li:nth-child(1) .text-inner .image { background-image: url(../images/hexin-icon-1.png); }
.index-tab li:nth-child(1):hover .text-inner .image, .index-tab li:nth-child(1).select .text-inner .image { background-image: url(../images/hexin-icon-1-hover.png); }
.index-tab li:nth-child(2) .text-inner .image { background-image: url(../images/hexin-icon-2.png); }
.index-tab li:nth-child(2):hover .text-inner .image, .index-tab li:nth-child(2).select .text-inner .image { background-image: url(../images/hexin-icon-2-hover.png); }
.index-tab li:nth-child(3) .text-inner .image { background-image: url(../images/hexin-icon-3.png); }
.index-tab li:nth-child(3):hover .text-inner .image, .index-tab li:nth-child(3).select .text-inner .image { background-image: url(../images/hexin-icon-3-hover.png); }
.index-tab li .text-inner .text { text-align: left; }
.index-tab li .text-inner .text h3, .index-tab li .text-inner .text label { display: block; color: #A1A1A1; }
.index-tab li .text-inner .text h3 { font-size: 20px; font-weight: 300; }
.index-tab li .text-inner .text label { font-size: 14px; text-transform: capitalize; }
.index-tab li:hover .text-inner .text h3, .index-tab li.select .text-inner .text h3 { color: #272727; }
.index-tab li:hover .text-inner, .index-tab li.select .text-inner { border-bottom: 1px solid #398AFF; background: #EDF2F8; }

@media (max-width:1449px) {
#index-core .swiper-slide .text-inner .more a { font-size: 14px; width: 100px; height: 40px; line-height: 40px; padding: 0 0; text-align: center; border-radius: 2.0833vw; }
.index-core { padding: 10px 0; margin-bottom: 20px; }
#index-core { }
#index-core .swiper-slide { padding: 10px 0; }
#index-core .swiper-slide .text-inner { padding: 15px 15px; }
#index-core .swiper-slide .text-inner .title { font-size: 20px; }
#index-core .swiper-slide .text-inner .text { padding: 10px 0; font-size: 15px; }
.index-tab { margin: 10px 0; }
.index-tab li .text-inner { display: block; height: 130px; }
.index-tab li .text-inner .image, .index-tab li .text-inner .text { float: left; }
.index-tab li .text-inner .image { width: 80px; margin-right: 20px; }
.index-tab li .text-inner .text h3 { font-size: 18px; }
.index-tab li .text-inner .text label { font-size: 14px; }
}

@media (max-width:1199px) {
#index-core .swiper-slide .text-inner { padding: 15px 10px; }
#index-core .swiper-slide .text-inner .title { font-size: 18px; }
#index-core .swiper-slide .text-inner .text { font-size: 14px; }
}

@media (max-width:991px) {
#index-core .swiper-slide .text-inner { }
#index-core .swiper-slide .text-inner .title { font-size: 16px; }
#index-core .swiper-slide .text-inner .text { font-size: 14px; }
.index-tab li .text-inner { height: auto; }
.index-tab li .text-inner .image, .index-tab li .text-inner .text { width: 100%; margin-right: 0; }
.index-tab li .text-inner .text { text-align: center; }
}

@media (max-width:767px) {
#index-core .swiper-slide .text-inner { padding: 10px 0px; }
#index-core .swiper-slide { display: block; }
#index-core .swiper-slide .image-inner, #index-core .swiper-slide .text-inner { width: 100%; }
}

@media (max-width:479px) {
}
/**/
.vis { overflow: visible; }
.tl { text-align: left !important; }
/**/