@import url("font-awesome.min.css");
@import url("swiper.min.css");
@charset "UTF-8";
@font-face { font-family: 'Harmony'; src: url('../fonts/HarmonyOS_Sans_SC_Light.woff'); font-weight: normal; 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: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; line-height: 1.85; font-size: 13px; background: #fff; color: #333; margin:0 auto; max-width: 1921px!important;}
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: #333; }
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: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
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: #333; text-decoration: none; }
a:hover { color: #1C84D0; }
ul, li, ol { margin: 0; list-style: none; padding: 0; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #6f6f6f;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #6f6f6f;
}
.container { width: 92%; min-width: 359px !important; max-width: 1921px !important; margin: 0 auto; padding: 20px 0; overflow: hidden; position: relative; z-index: 1; }

@media (max-width:1449px) {
.container { width: 96%; }
}

@media (max-width:1199px) {
.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 { }
.container-color { background: #F9FAFC; }

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

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

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

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

@media (max-width:479px) {
}
/**/
header { width: 100%; position: sticky; background: #fff; left: 0; z-index: 0; top: 0; z-index: 999; transition: all .6s ease-in-out; -webkit-box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); box-shadow: 0 12px 14px 0 rgba(0,0,0,.05); }
header .container { padding: 0 0; overflow: visible; }
.head-inner { height: 85px; }
.head-inner .logo-inner { float: left; width: 152px; height: 100%; display: flex; align-items: center; overflow: hidden; }
.head-inner .logo-inner img { max-width: 100%; align-items: center; }
.head-inner .logo-inner a { display: block; width: 100%; height: 100%; }
.head-inner aside { float: right; height: 100%; }
.head-inner .nav { float: left; height: 100%; }
.head-inner .nav .nav-list { float: left; z-index: 999; margin-left: 55px; height: 100%; position: relative; }
.head-inner .nav h3 { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 16px; text-transform: capitalize; }
.head-inner .nav h3:after { content: ''; left: 0; bottom: 0px; position: absolute; display: block; width: 0; height: 2px; background: #1C84D0; transition: all .6s ease-in-out; }
.head-inner .cur h3:after, .head-inner .nav-list:hover h3:after { width: 100%; }
.head-inner .nav h3 a { display: block; }
.head-inner .nav .nav-list:hover h3 a, .head-inner .nav .cur h3 a { color: #1C84D0; }
.head-inner .nav .sub-nav { position: absolute; width: 180px; left: 50%; margin-left: -90px; top: 100%; z-index: 98; background: #fff; display: none; text-align: center; overflow: hidden; }
.head-inner .nav .sub-nav li { overflow: hidden; text-transform: capitalize; height: 40px; display: block; line-height: 40px; text-align: center; font-size: 14px; }
.head-inner .nav .sub-nav li a { display: block; transition: all .6s ease-out; }
.head-inner .nav .sub-nav li a:hover { background: #1C84D0; color: #fff; }
.head-inner .search { float: left; margin-left: 50px; height: 45px; margin-top: 20px; width: 30px; position: relative; z-index: 2000; }
.head-inner .search .search-keyword, .head-inner .search .search-submit { height: 45px; line-height: 45px; overflow: hidden; border: none; outline: none; transition: all .3s ease-out; }
.head-inner .search .search-keyword { position: absolute; font-size: 15px; background: #F6F6F8; right: 30px; top: 0; width: 180px; padding: 0 5px; text-transform: capitalize; display: none; }
.head-inner .search:hover .search-keyword { display: block; color: #999; }
.head-inner .search .search-submit { float: right; width: 30px; font-size: 18px; background: none; border: none; cursor: pointer; text-align: center; color: #F6F6F8; text-indent: -9999px; background: url(../images/search.png) no-repeat center; }
.head-inner .search:hover .search-submit { background: #1C84D0 url(../images/search-hover.png) no-repeat center; }
.head-inner .lang-button { float: left; margin-left: 50px; height: 100%; position: relative; z-index: 999; cursor: pointer; }
.head-inner .lang-button dt { overflow: hidden; height: 100%; display: flex; align-items: center; justify-content: center; padding-left: 25px; background: url(../images/world.png) no-repeat left center; font-size: 16px; text-transform: uppercase; }
.head-inner .lang-button dt i { margin-left: 8px; font-size: 18px; }
.head-inner .lang-button dt:hover { background: url(../images/world-hover.png) no-repeat left center; color: #1C84D0; }
.head-inner .lang-button dd { position: absolute; left: 0; top: 100%; width: 100%; background: #fff; transition: all .6s ease-out; font-size: 16px; text-transform: uppercase; height: 40px; line-height: 40px; text-align: center; display: none; }
.head-inner .lang-button dd a { display: block; color: #333; }
.head-inner .lang-button dd:hover { background: #1C84D0; }
.head-inner .lang-button dd:hover a { color: #fff; }
.head-inner .lang-button:hover dd { display: block; }
.head-inner .menu-button { float: right; font-size: 26px; height: 100%; display: flex; align-items: center; justify-content: center; color: #1C84D0; cursor: pointer; display: none; margin-left: 15px; }

@media (max-width:1449px) {
.head-inner .nav .nav-list, .head-inner .search, .head-inner .lang-button { margin-left: 35px; }
}

@media (max-width:1199px) {
.head-inner .nav .nav-list, .head-inner .search, .head-inner .lang-button { margin-left: 25px; }
}

@media (max-width:991px) {
.head-inner { height: 70px; }
.head-inner .logo-inner { background: url(../images/logo.svg) no-repeat left center; background-size: 120px auto; }
.head-inner .logo-inner img { display: none; }
.head-inner .nav .nav-list, .head-inner .search, .head-inner .lang-button { margin-left: 15px; }
.head-inner .search { margin-top: 12.5px; }
.head-inner .nav .nav-list, .head-inner .search { display: none; }
.head-inner .menu-button { display: flex; }
}

@media (max-width:767px) {
.head-inner .nav .nav-list, .head-inner .search { display: none; }
.head-inner .menu-button { display: flex; }
}

@media (max-width:479px) {
}
/**/
footer { background: #333; color: #ADABAB; }
footer a { color: #ADABAB; }
footer .container { }
.foot-inner { padding: 20px 0; overflow: hidden; display: flex; justify-content: space-between; }
.foot-inner dl { float: left; position: relative; overflow: hidden; margin-right: 2%; }
.foot-inner dl:last-child { margin-right: 0; width: auto; }
.foot-inner dl:nth-child(1) { margin-right: 5%; }
.foot-inner dl:nth-child(2) { margin-right: 0; }
.foot-inner dl:nth-child(3) { width: 32%; }
.foot-inner h3, .foot-inner label, .foot-inner span, .foot-inner strong, .foot-inner dt, .foot-inner dd, .foot-inner li { display: block; line-height: 35px; overflow: hidden; font-size: 15px; text-transform: capitalize; }
.foot-inner a:hover { text-decoration: underline; }
.foot-inner h3 { }
.foot-inner h3 img { max-width: 100%; vertical-align: middle; }
.foot-inner label { padding: 20px 0; }
.foot-inner strong { font-size: 28px; font-weight: 800; color: #fff; }
.foot-inner dt { font-size: 18px; font-weight: 800; position: relative; padding-bottom: 20px; color: #fff; }
.foot-inner dt:after { content: ''; position: absolute; left: 0; bottom: 0; width: 22px; height: 2px; background: #fff; }
.foot-inner dd { padding: 20px 0; padding-bottom: 0; }
.foot-inner dd img { max-width: 100%; vertical-align: middle; padding: 10px 10px; background: #fff; border-radius: 5px; }
.foot-inner li { }
.foot-inner dl:nth-child(2) li { float: left; width: 49%; overflow: hidden; margin-right: 2%; }
.foot-inner dl:nth-child(2) li:nth-child(2n) { margin-right: 0; }
.foot-power { background: #232323; overflow: hidden; width: 100%; text-align: center; font-size: 15px; text-transform: capitalize; }
.foot-power a { }

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

@media screen and (max-width:1199px) {
.foot-inner { padding: 10px 0; }
.foot-inner h3, .foot-inner label, .foot-inner span, .foot-inner strong, .foot-inner dt, .foot-inner dd, .foot-inner li, .foot-power { line-height: 30px; font-size: 14px; }
.foot-inner label { padding: 10px 0; }
.foot-inner strong { font-size: 20px; }
.foot-inner dt { font-size: 16px; }
.foot-inner dd { padding: 10px 0; padding-bottom: 0; }
}

@media screen and (max-width:991px) {
.foot-inner dl:nth-child(2) { display: none; }
.foot-power .fl, .foot-power .fr { padding: 0 30px; width: 100%; text-align: center; }
}

@media screen and (max-width:767px) {
.foot-inner dl:nth-child(3) { display: none; }
}

@media screen and (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%; text-align: center; overflow: hidden; line-height: 1.5; color: #fff; }
.banner-wrap .banner-inner h3 { font-size: 38px; font-weight: 800; text-transform: uppercase; }
.banner-wrap .banner-inner label { font-size: 38px; 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: 32px; }
.banner-wrap .banner-inner label { font-size: 32px; }
}

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

@media (max-width:991px) {
.banner-wrap .banner-inner h3 { font-size: 24px; }
.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) {
}
/**/
.column-inner { padding: 0 0; height: auto; display: block; border-bottom: 1px solid #E7EBEA; align-items: center; overflow: hidden; }
.column-inner li { float: left; font-size: 16px; height: 40px; margin-right: 20px; overflow: hidden; display: flex; align-items: center; position: relative; }
.column-inner li:after { content: ''; left: 0; bottom: 0px; position: absolute; display: block; width: 0; height: 2px; background: #1C84D0; transition: all .6s ease-in-out; }
.column-inner li.cur:after, .column-inner li:hover:after { width: 100%; }
.column-inner li a { display: block; }
.column-inner li:hover, .column-inner .cur { }
.column-inner li:hover a, .column-inner .cur a { color: #1C84D0; }

@media (max-width:1449px) {
.column-inner { padding: 0 0; height: auto; display: block; }
.column-inner li { float: left; font-size: 16px; height: 35px; margin-left: 0; }
}

@media (max-width:1199px) {
.column-inner li { font-size: 15px; }
}

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

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

@media (max-width:479px) {
}
/**/
.inside-caption, .index-caption, .index-more { padding: 20px 0; overflow: hidden; }
.inside-caption { }
.inside-caption .title { font-size: 36px; font-weight: 800; text-align: center; overflow: hidden; text-transform: capitalize; }
.inside-caption .text { font-size: 18px; text-align: center; overflow: hidden; color: #898788; padding-top: 20px; line-height: 35px; }
.index-caption { }
.index-caption .title { font-size: 46px; line-height: 50px; font-weight: 800; text-align: center; overflow: hidden; position: relative; z-index: 1; color: #1D84D1; text-transform: capitalize; }
.index-caption .other { margin-top: -30px; font-size: 42px; line-height: 50px; font-weight: 800; text-align: center; overflow: hidden; position: relative; z-index: 0; color: #E6E3E3; text-transform: uppercase; display: none; }
.index-caption .text { font-size: 18px; text-align: center; overflow: hidden; padding-top: 10px; line-height: 35px; }
.index-more { display: flex; align-items: center; justify-content: center; }
.index-more a { height: 55px; line-height: 55px; padding: 0 35px; padding-right: 80px; background-color: #434343; position: relative; overflow: hidden; font-size: 16px; color: #fff; z-index: 1; }
.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:after { content: ''; bottom: 0px; right: 35px; position: absolute; z-index: 1; width: 25px; height: 100%; background-repeat: no-repeat; background-position: right center; background-image: url(../images/index-more-icon.png); }
.index-more a:hover { }
.index-more a:hover:before { width: 100%; }

@media (max-width:1449px) {
.inside-caption, .index-caption, .index-more { padding: 10px 0; }
.inside-caption .title { font-size: 32px; }
.inside-caption .text { font-size: 16px; padding-top: 10px; line-height: 30px; }
.index-caption { }
.index-caption .title { font-size: 40px; line-height: 50px; }
.index-caption .other { margin-top: -30px; font-size: 36px; line-height: 50px; }
.index-caption .text { font-size: 16px; padding-top: 10px; line-height: 35px; }
.index-more a { height: 45px; line-height: 45px; padding: 0 35px; padding-right: 80px; background-color: #434343; position: relative; overflow: hidden; font-size: 16px; color: #fff; z-index: 1; }
}

@media (max-width:1199px) {
.inside-caption .title { font-size: 28px; }
.inside-caption .text { font-size: 16px; padding-top: 10px; line-height: 30px; }
.index-caption { }
.index-caption .title { font-size: 34px; line-height: 50px; }
.index-caption .other { margin-top: -30px; font-size: 30px; line-height: 50px; }
.index-caption .text { font-size: 15px; padding-top: 10px; line-height: 35px; }
.index-more a { height: 45px; line-height: 45px; padding: 0 35px; padding-right: 80px; background-color: #434343; position: relative; overflow: hidden; font-size: 16px; color: #fff; z-index: 1; }
}

@media (max-width:991px) {
.inside-caption .title { font-size: 24px; }
.inside-caption .text { font-size: 14px; }
.index-caption .title { font-size: 28px; line-height: 50px; }
.index-caption .other { margin-top: -30px; font-size: 24px; line-height: 50px; }
}

@media (max-width:767px) {
.index-caption .text { padding: 10px 20px; }
}

@media (max-width:479px) {
}
/**/
.about-inner { padding: 0 5px; overflow: hidden; }
.about-inner .item { float: left; width: 100%; margin: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; justify-content: space-between; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); flex-direction: row; background: #fff; }
.about-inner .item:nth-child(2n) { flex-direction: row-reverse; }
.about-inner .text-inner, .about-inner .image-inner { width: 50%; overflow: hidden; }
.about-inner .image-inner { }
.about-inner .image-inner img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
.about-inner .image-inner:hover img { transform: scale(1.025); }
.about-inner .text-inner { -webkit-flex: 1; flex: 1; padding: 50px 80px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
.about-inner .text-inner .title, .about-inner .text-inner .text, .about-inner .text-inner .more { width: 100%; overflow: hidden; line-height: 2; }
.about-inner .text-inner .other { }
.about-inner .text-inner .title { font-size: 30px; font-weight: 800; line-height: 1.75; }
.about-inner .text-inner .title strong { color: #0072BB; }
.about-inner .text-inner .text { padding: 30px 0; font-size: 16px; color: #666; }
.about-inner .text-inner .text ul { display: block; }
.about-inner .text-inner .text ul li { float: left; width: 49%; margin-right: 2%; overflow: hidden; position: relative; padding-left: 20px; }
.about-inner .text-inner .text ul li:nth-child(2n) { margin-right: 0; }
.about-inner .text-inner .text ul li:after { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #666; left: 0; top: 50%; margin-top: -4px; }

@media (max-width:1449px) {
.about-inner .item { margin: 10px 0; }
.about-inner .text-inner { padding: 30px 50px; }
.about-inner .text-inner .title { font-size: 26px; }
.about-inner .text-inner .text { padding: 20px 0; font-size: 15px; }
}

@media (max-width:1199px) {
.about-inner .text-inner { padding: 20px 30px; }
.about-inner .text-inner .title { font-size: 22px; }
.about-inner .text-inner .text { padding: 20px 0; font-size: 14px; }
}

@media (max-width:991px) {
.about-inner .text-inner .title { font-size: 18px; }
.about-inner .image-inner { width: 40%; }
}

@media (max-width:767px) {
.about-inner .item { flex-direction: row; }
.about-inner .text-inner, .about-inner .image-inner { width: 100%; }
}

@media (max-width:479px) {
}
/**/
.culture-wrap { padding: 30px 0; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
.culture-wrap .inside-caption { color: #fff; }
.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: 18.4%; margin: 0 2%; margin-left: 0; padding: 20px 20px; overflow: hidden; border-radius: 10px; background: #fff; transition: all .6s; display: flex; flex-direction: column; align-items: center; border-bottom: 10px solid #F6F6F6; }
.culture-list li:nth-child(5n) { margin-right: 0; }
.culture-list li:hover { border-bottom-color: #1C84D0; }
.culture-list li .image, .culture-list li .title, .culture-list li .text { overflow: hidden; line-height: 30px; font-size: 16px; }
.culture-list li .image { margin: 20px 0; height: 160px; width: 160px; background-color: #918F8F; background-repeat: no-repeat; background-position: center; border-radius: 50%; border: 10px solid #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); }
.culture-list li:hover .image { background-color: #1C84D0; }
.culture-list li .title { margin: 20px 0; width: 100%; font-size: 24px; 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; text-align: center; }
.culture-list li .text { width: 100%; overflow: hidden; color: #666; text-align: center; }
.culture-list li:hover .title { color: #1C84D0; }

@media (max-width:1449px) {
.culture-wrap { padding: 20px 0; }
.culture-list { padding: 10px 0; }
.culture-list li { width: 18.4%; margin: 0 2%; margin-left: 0; padding: 20px 20px; }
.culture-list li:nth-child(5n) { margin-right: 0; }
.culture-list li .image, .culture-list li .title, .culture-list li .text { font-size: 15px; }
.culture-list li .image { margin: 10px 0; height: 120px; width: 120px; background-size: 80px auto; }
.culture-list li .title { margin: 10px 0; font-size: 20px; }
.culture-list li .text { }
}

@media (max-width:1199px) {
.culture-list li .image, .culture-list li .title, .culture-list li .text { font-size: 14px; }
.culture-list li .image { margin: 10px 0; height: 120px; width: 120px; background-size: 80px auto; }
.culture-list li .title { font-size: 18px; }
}

@media (max-width:991px) {
.culture-list li { margin-top: 10px; margin-bottom: 10px; }
}

@media (max-width:767px) {
.culture-list li { width: 49%; }
.culture-list li:nth-child(2n) { margin-right: 0; }
}
/**/
.part-list { padding: 0 5px; padding-bottom: 40px; overflow: hidden; }
.part-list li { float: left; width: 23.5%; margin: 20px 2%; margin-left: 0; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); border-radius: 15px; display: flex; align-items: center; justify-content: center; height: 0; padding-bottom: 9.25%; position: relative; cursor: pointer; background: #fff; }
.part-list li:nth-child(4n) { margin-right: 0; }
.part-list li .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; }
.part-list li .image img { max-height: 100%; transition: all .6s ease-in-out; }
.part-list li:hover .image img { transform: scale(1.025); }

@media screen and (max-width:1449px) {
.part-list li { margin-top: 10px; margin-bottom: 10px; padding-bottom: 9.25%; }
}

@media screen and (max-width:1199px) {
.part-list li .image img { max-height: auto; max-width: 90%; }
}

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

@media screen and (max-width:767px) {
.part-list li { width: 32%; margin: 10px 2%; margin-left: 0; padding-bottom: 15.25%; }
.part-list li:nth-child(4n) { margin-right: 2%; }
.part-list li:nth-child(3n) { margin-right: 0; }
}

@media screen and (max-width:479px) {
.part-list li { width: 49%; margin: 10px 2%; margin-left: 0; padding-bottom: 22.25%; }
.part-list li:nth-child(4n) { margin-right: 2%; }
.part-list li:nth-child(3n) { margin-right: 2%; }
.part-list li:nth-child(2n) { margin-right: 0; }
}
/**/
.history-wrap { padding-bottom: 260px; background-repeat: no-repeat; background-position: center bottom; overflow: hidden; position: relative; z-index: 2; }
.history-wrap:after { content: ''; position: absolute; bottom: 0; width: 100%; background-repeat: no-repeat; height: 450px; background-position: center bottom; background-size: cover; background-image: url(../images/history-bg.png); z-index: 2; }
.history-wrap:before { content: ''; position: absolute; left: 0; bottom: 486px; width: 100%; height: 2px; background: #E8E6E6; z-index: 0; }
.about-year { padding: 20px 0px; overflow: hidden; position: relative; }
#about-year { position: relative; z-index: 1; }
#about-year .swiper-wrapper { width: 100%; height: 100%; }
#about-year .swiper-slide { height: 295px; }
#about-year .swiper-slide .title { line-height: 50px; position: relative; padding-bottom: 65px; font-size: 38px; color: #B0B0B0; text-align: center; }
#about-year .swiper-slide .title:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: 0; width: 12px; height: 12px; border-radius: 50%; background: #E8E6E6; z-index: 1; }
#about-year .swiper-slide .title:before { content: ''; position: absolute; left: 50%; margin-left: -1px; bottom: -225px; width: 2px; height: 225px; background: #E8E6E6; z-index: 0; }
#about-year .swiper-slide-active .title, #about-year .select .title { color: #1C84D0; }
#about-year .swiper-slide-active .title:after, #about-year .select .title:after { border: 5px solid #1C84D0; background: #fff; width: 12px; height: 12px; margin-left: -11px; bottom: -6px; }
#about-year .swiper-slide-active .title:before, #about-year .select .title:before { background: #1C84D0; }
.about-history { padding: 20px 0px; overflow: hidden; position: relative; }
#about-history { position: relative; }
#about-history .swiper-wrapper { width: 100%; height: 100%; }
#about-history .swiper-slide { padding: 0 0; overflow: hidden; background: #F9FAFB; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
#about-history .swiper-slide .text-inner, #about-history .swiper-slide .image-inner { width: 50%; overflow: hidden; }
#about-history .swiper-slide .image-inner { position: relative; height: 0; padding-bottom: 30.25%; z-index: 1; }
#about-history .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; }
#about-history .swiper-slide .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
#about-history .swiper-slide:hover .image-inner .image img { transform: scale(1.025); }
#about-history .swiper-slide .text-inner { -webkit-flex: 1; flex: 1; padding: 50px 50px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
#about-history .swiper-slide .text-inner .title, #about-history .swiper-slide .text-inner .text { width: 100%; overflow: hidden; line-height: 30px; font-size: 16px; }
#about-history .swiper-slide .text-inner .title { font-size: 28px; line-height: 45px; font-weight: 800; }
#about-history .swiper-slide .text-inner .text { margin: 30px 0; color: #666; height: 120px; 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; }
#about-history .swiper-button-prev, #about-history .swiper-button-next { position: absolute; top: auto; bottom: 70px; width: 22px; height: 30px; text-align: center; color: #fff; background-color: none; border: 0; background-position: center; background-repeat: no-repeat; outline: none; background-size: 22px 14px; }
#about-history .swiper-button-prev { left: auto; right: 120px; background-image: url(../images/prev-icon-hover.png); }
#about-history .swiper-button-next { left: auto; right: 50px; background-image: url(../images/next-icon-hover.png); }
#about-history .swiper-button-prev:hover { background-image: url(../images/prev-icon.png); }
#about-history .swiper-button-next:hover { background-image: url(../images/next-icon.png); }

@media (max-width:1449px) {
.about-year { padding: 10px 0px; }
#about-year .swiper-slide { height: 295px; }
#about-year .swiper-slide .title { line-height: 50px; padding-bottom: 65px; font-size: 34px; }
#about-year .swiper-slide .title:after { bottom: 10px; }
#about-year .swiper-slide .title:before { bottom: -205px; }
#about-year .swiper-slide-active .title:after, #about-year .select .title:after { bottom: 6px; }
.about-history { padding: 10px 0px; }
#about-history .swiper-slide .image-inner { padding-bottom: 36.25%; }
#about-history .swiper-slide .text-inner { padding: 30px 30px }
#about-history .swiper-slide .text-inner .title, #about-history .swiper-slide .text-inner .text { font-size: 15px; }
#about-history .swiper-slide .text-inner .title { font-size: 24px; }
#about-history .swiper-slide .text-inner .text { margin: 20px 0; height: 150px; -webkit-line-clamp: 5; line-clamp: 5; }
}

@media (max-width:1199px) {
#about-year .swiper-slide { height: 295px; }
#about-year .swiper-slide .title { font-size: 30px; }
#about-year .swiper-slide .title:after { bottom: 20px; }
#about-year .swiper-slide .title:before { bottom: -195px; }
#about-year .swiper-slide-active .title:after, #about-year .select .title:after { bottom: 16px; }
.about-history { padding: 10px 0px; }
#about-history .swiper-slide .image-inner { padding-bottom: 36.25%; }
#about-history .swiper-slide .text-inner { padding: 20px 20px }
#about-history .swiper-slide .text-inner .title, #about-history .swiper-slide .text-inner .text { font-size: 14px; }
#about-history .swiper-slide .text-inner .title { font-size: 20px; }
#about-history .swiper-slide .text-inner .text { margin: 10px 0; height: 120px; -webkit-line-clamp: 4; line-clamp: 4; }
#about-history .swiper-button-prev { right: 80px; }
#about-history .swiper-button-next { right: 40px; }
}

@media (max-width:991px) {
#about-year .swiper-slide .title { font-size: 26px; }
#about-history { }
#about-history .swiper-slide .text-inner .title { font-size: 18px; }
#about-history .swiper-slide .text-inner .text { margin: 10px 0; height: 120px; -webkit-line-clamp: 4; line-clamp: 4; }
#about-history .swiper-button-prev { right: 70px; }
#about-history .swiper-button-next { right: 30px; }
}

@media (max-width:767px) {
#about-year .swiper-slide .title { font-size: 22px; }
#about-history .swiper-slide .text-inner, #about-history .swiper-slide .image-inner { width: 100%; }
#about-history .swiper-slide .image-inner { padding-bottom: 78.25%; }
}

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

.news-silde { padding: 20px 0px; overflow: hidden; position: relative; }
#news-silde { position: relative; }
#news-silde .swiper-wrapper { width: 100%; height: 100%; }
#news-silde .swiper-slide { overflow: hidden; background: #fff; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
#news-silde .swiper-slide .text-inner, #news-silde .swiper-slide .image-inner { width: 50%; overflow: hidden; }
#news-silde .swiper-slide .image-inner { -webkit-flex: 1; flex: 1; position: relative; height: 0; padding-bottom: 30.25%; z-index: 1; }
#news-silde .swiper-slide .image-inner a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }
#news-silde .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; }
#news-silde .swiper-slide .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
#news-silde .swiper-slide:hover .image-inner .image img { transform: scale(1.025); }
#news-silde .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; }
#news-silde .swiper-slide:hover .image-inner:before { opacity: 1; }
#news-silde .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; }
#news-silde .swiper-slide:hover .image-inner:after { opacity: 1; top: 50%; margin-top: -17px; }
#news-silde .swiper-slide .text-inner { padding: 50px 50px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
#news-silde .swiper-slide .text-inner .title, #news-silde .swiper-slide .text-inner .text, #news-silde .swiper-slide .text-inner .date { width: 100%; overflow: hidden; line-height: 30px; font-size: 16px; }
#news-silde .swiper-slide .text-inner .other { }
#news-silde .swiper-slide .text-inner .title { font-size: 34px; line-height: 45px; height: 90px; font-weight: 300; 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; }
#news-silde .swiper-slide .text-inner .text { margin: 30px 0; color: #666; height: 120px; 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; }
#news-silde .swiper-slide .text-inner .date { padding-left: 30px; background: url(../images/date-icon.png) no-repeat left center; }
#news-silde .swiper-button-prev, #news-silde .swiper-button-next { position: absolute; top: auto; bottom: 70px; width: 22px; height: 30px; text-align: center; color: #fff; background-color: none; border: 0; background-position: center; background-repeat: no-repeat; outline: none; background-size: 22px 14px; }
#news-silde .swiper-button-prev { left: calc(50% - 122px); background-image: url(../images/prev-icon-hover.png); }
#news-silde .swiper-button-next { left: calc(50% - 80px); background-image: url(../images/next-icon-hover.png); }
#news-silde .swiper-button-prev:hover { background-image: url(../images/prev-icon.png); }
#news-silde .swiper-button-next:hover { background-image: url(../images/next-icon.png); }

@media (max-width:1449px) {
.news-silde { padding: 10px 0px; }
#news-silde .swiper-slide .text-inner { padding: 30px 30px; }
#news-silde .swiper-slide .text-inner .title, #news-silde .swiper-slide .text-inner .text, #news-silde .swiper-slide .text-inner .date { font-size: 15px; }
#news-silde .swiper-slide .text-inner .other { }
#news-silde .swiper-slide .text-inner .title { font-size: 30px; line-height: 45px; height: 90px; }
#news-silde .swiper-slide .text-inner .text { margin: 20px 0; color: #666; height: 120px; 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; }
#news-silde .swiper-button-prev, #news-silde .swiper-button-next { bottom: 30px; }
#news-silde .swiper-button-prev { left: calc(50% - 92px); }
#news-silde .swiper-button-next { left: calc(50% - 50px); }
}

@media (max-width:1199px) {
#news-silde .swiper-slide .text-inner { padding: 20px 20px; }
#news-silde .swiper-slide .text-inner .title, #news-silde .swiper-slide .text-inner .text, #news-silde .swiper-slide .text-inner .date { font-size: 14px; }
#news-silde .swiper-slide .text-inner .other { }
#news-silde .swiper-slide .text-inner .title { font-size: 26px; line-height: 40px; height: 80px; }
#news-silde .swiper-slide .text-inner .text { margin: 10px 0; }
#news-silde .swiper-button-prev, #news-silde .swiper-button-next { bottom: 20px; }
#news-silde .swiper-button-prev { left: calc(50% - 92px); }
#news-silde .swiper-button-next { left: calc(50% - 50px); }
}

@media (max-width:991px) {
#news-silde .swiper-slide .image-inner { padding-bottom: 37.25%; }
#news-silde .swiper-slide .text-inner .title { font-size: 22px; line-height: 35px; height: 70px; }
#news-silde .swiper-slide .text-inner .text { margin: 10px 0; }
}

@media (max-width:767px) {
#news-silde .swiper-slide { flex-direction: column-reverse; }
#news-silde .swiper-slide .text-inner, #news-silde .swiper-slide .image-inner { width: 100%; }
#news-silde .swiper-slide .image-inner { padding-bottom: 72.25%; }
#news-silde .swiper-button-prev { left: auto; right: 60px; }
#news-silde .swiper-button-next { left: auto; right: 20px; }
}

@media (max-width:479px) {
}
/**/
.news-list { padding: 0 0; padding-bottom: 20px; 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:nth-child(3n) { margin-right: 0; }
.news-list li:hover { background: #1C84D0; }
.news-list li .image-inner, .news-list li .text-inner { line-height: 30px; font-size: 16px; }
.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; }
.news-list li .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
.news-list li:hover .image-inner .image img { transform: scale(1.025); }
.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 { position: relative; z-index: 2; padding: 30px 30px; text-transform: capitalize; transition: all .6s ease-in-out; }
.news-list li .text-inner .title { margin-bottom: 30px; width: 100%; height: 80px; line-height: 40px; font-size: 24px; 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: #fff; }
.news-list li .text-inner .time { padding-left: 30px; background: url(../images/date-icon.png) no-repeat left center; }
.news-list li:hover .text-inner .time { background-image: url(../images/date-icon-hover.png); color: #fff; }
.news-list li .text-inner .more { position: absolute; width: 50px; height: 30px; right: 30px; bottom: 30px; background: url(../images/more-icon.png) no-repeat right center; overflow: hidden; }
.news-list li .text-inner .more a { display: block; }
.news-list li:hover .text-inner .more { background-image: url(../images/more-icon-hover.png); }

@media (max-width:1449px) {
.news-list { padding-bottom: 10px; }
.news-list li { margin-top: 10px; margin-bottom: 10px; }
.news-list li .image-inner, .news-list li .text-inner { font-size: 15px; }
.news-list li .text-inner { padding: 20px 20px; }
.news-list li .text-inner .title { margin-bottom: 10px; height: 70px; line-height: 35px; font-size: 20px; }
.news-list li .text-inner .more { right: 20px; bottom: 20px; }
}

@media (max-width:1199px) {
.news-list li .image-inner, .news-list li .text-inner { font-size: 14px; }
.news-list li .text-inner { padding: 10px 10px; }
.news-list li .text-inner .title { height: 70px; line-height: 35px; font-size: 18px; }
.news-list li .text-inner .more { right: 10px; bottom: 10px; }
}

@media (max-width:991px) {
.news-list li .text-inner .title { height: 90px; line-height: 30px; -webkit-line-clamp: 3; line-clamp: 3; 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) {
}
/**/
.contact-inner { margin: 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; }
.contact-inner .map-inner, .contact-inner .text-inner { width: 50%; overflow: hidden; }
.contact-inner .map-inner { display: flex; align-items: center; justify-content: center; -webkit-flex: 1; flex: 1; }
.contact-inner .text-inner { padding: 30px 50px; background: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.contact-inner .text-inner dt, .contact-inner .text-inner dd, .contact-inner .text-inner li { width: 100%; position: relative; line-height: 40px; }
.contact-inner .text-inner dt { font-size: 28px; padding-bottom: 20px; font-weight: 800; position: relative; }
.contact-inner .text-inner dt:before { content: ''; position: absolute; left: 0; width: 68px; height: 2px; bottom: 0; background: #1C84D0; z-index: 1; }
.contact-inner .text-inner dt:after { content: ''; position: absolute; left: 0; width: 100%; height: 2px; bottom: 0; background: #EEE; z-index: 0; }
.contact-inner .text-inner dd { padding: 20px 0; }
.contact-inner .text-inner li { padding: 15px 0; font-size: 16px; line-height: 30px; overflow: hidden; padding-left: 60px; background-repeat: no-repeat; background-position: left center; }
.contact-inner .text-inner li:nth-child(1) { background-image: url(../images/contact-icon-1.png); }
.contact-inner .text-inner li:nth-child(2) { background-image: url(../images/contact-icon-2.png); }
.contact-inner .text-inner li:nth-child(3) { background-image: url(../images/contact-icon-3.png); }
.contact-inner .text-inner li span, .contact-inner .text-inner li label { display: block; overflow: hidden; }
.contact-inner .text-inner li span { color: #606060; }
.contact-inner .text-inner li label { }
#map-inner { overflow: hidden; height: 500px; }
#map-inner label { max-width: none; }
#map-inner div { box-sizing: initial; }

@media screen and (max-width:1449px) {
.contact-inner { margin: 10px 0; }
.contact-inner .text-inner { padding: 30px 30px; }
.contact-inner .text-inner dt { font-size: 24px; }
.contact-inner .text-inner li { font-size: 15px; }
#map-inner { height: 450px; }
}

@media screen and (max-width:1199px) {
.contact-inner .text-inner { padding: 20px 20px; }
.contact-inner .text-inner dt { font-size: 24px; }
.contact-inner .text-inner li { font-size: 15px; }
#map-inner { height: 400px; }
}

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

@media screen and (max-width:767px) {
.contact-inner { display: block; }
.contact-inner .map-inner, .contact-inner .text-inner { width: 100%; }
.contact-inner .text-inner { }
.contact-inner .text-inner dt { font-size: 20px; }
.contact-inner .text-inner dd { padding: 10px 0; }
.contact-inner .text-inner li { padding: 10px 0; padding-left: 60px; }
}

@media screen and (max-width:479px) {
}
/**/
.form-inner { padding: 10px 0; overflow: hidden; }
.form-inner li { float: left; width: 49%; margin: 10px 2%; height: 65px; margin-left: 0; overflow: hidden; cursor: pointer; color: #8E8C8C; background: #F3F4F5; border-radius: 10px; border: 1px solid #EEE; padding: 0 20px; }
.form-inner li:nth-child(2), .form-inner li:nth-child(4), .form-inner li:nth-child(5), .form-inner li:nth-child(6) { margin-right: 0; }
.form-inner li:nth-child(5), .form-inner li:nth-child(6) { width: 100%; }
.form-inner li:nth-child(5) { height: 175px; }
.form-inner dt, .form-inner dd { display: block; overflow: hidden; line-height: 65px; }
.form-inner dt { float: left; margin-right: 10px; font-size: 16px; color: #898788; }
.form-inner .form-input, .form-inner .form-textarea, .form-inner .form-button { height: 65px; line-height: 65px; outline: none; font-size: 16px; width: 100%; color: #8E8C8C; border: 0; background: none; }
.form-inner .form-textarea { height: 175px; resize: none; }
.form-inner li:nth-child(6) { border: 0; background: none; display: flex; align-items: center; }
.form-inner .form-button { margin: 0 auto; width: 230px; overflow: hidden; text-align: center; border-radius: 10px; background: #1C84D0; border-color: #1C84D0; font-size: 18px; color: #fff; cursor: pointer; }

@media screen and (max-width:1449px) {
.form-inner { padding: 0 0; }
.form-inner li { height: 50px; }
.form-inner .form-input, .form-inner .form-textarea, .form-inner .form-button { height: 50px; line-height: 50px; }
.form-inner li:nth-child(5), .form-inner .form-textarea { height: 150px; }
.form-inner dt, .form-inner dd { line-height: 50px; }
.form-inner .form-button { width: 200px; font-size: 16px; }
}

@media screen and (max-width:1199px) {
.form-inner dt { font-size: 15px; }
.form-inner .form-input, .form-inner .form-textarea, .form-inner .form-button { font-size: 15px; }
}

@media screen and (max-width:991px) {
.form-inner li { height: 45px; }
.form-inner .form-input, .form-inner .form-textarea, .form-inner .form-button { height: 45px; line-height: 45px; }
.form-inner li:nth-child(5), .form-inner .form-textarea { height: 135px; }
.form-inner dt, .form-inner dd { line-height: 45px; }
}

@media screen and (max-width:767px) {
.form-inner li { width: 100%; margin-right: 0; margin-top: 5px; margin-bottom: 5px; }
}

@media screen and (max-width:479px) {
}
/**/
.join-inner { margin-top: 20px; padding-bottom: 40px; overflow: hidden; border-top: 1px solid #E9E9E9; }
.join-inner .item { overflow: hidden; position: relative; background: #F1F3F6; border-bottom: 1px solid #E9E9E9; cursor: pointer; }
.join-inner .item .title-inner, .join-inner .item .text-inner { font-size: 16px; overflow: hidden; }
.join-inner .item .title-inner { position: relative; padding: 0 50px; }
.join-inner .item .title-inner .d1, .join-inner .item .title-inner .d2, .join-inner .item .title-inner .d3, .join-inner .item .title-inner .d4 { float: left; width: 25%; height: 100px; display: flex; font-size: 20px; font-weight: 300; align-items: center; overflow: hidden; }
.join-inner .item .title-inner:after { content: ''; position: absolute; right: 50px; top: 0; height: 100%; width: 30px; background: url(../images/down-icon.png) no-repeat right center; }
.join-inner .item .text-inner { background: #fff; line-height: 35px; padding: 30px 50px; display: none; }
.join-inner .item .text-inner strong { display: block; overflow: hidden; font-size: 26px; font-weight: 300; padding: 20px 0; }
.join-inner .cur .text-inner { display: block; }
.join-inner .cur .title-inner { border-bottom: 1px solid #E9E9E9; }
.join-inner .cur .title-inner:after { background-image: url(../images/up-icon.png); }

@media (max-width:1449px) {
.join-inner { margin-top: 10px; padding-bottom: 30px; }
.join-inner .item .title-inner, .join-inner .item .text-inner { font-size: 15px; }
.join-inner .item .title-inner { padding: 0 30px; }
.join-inner .item .title-inner .d1, .join-inner .item .title-inner .d2, .join-inner .item .title-inner .d3, .join-inner .item .title-inner .d4 { height: 80px; font-size: 18px; }
.join-inner .item .text-inner { line-height: 35px; padding: 30px 30px; }
.join-inner .item .text-inner strong { font-size: 22px; padding: 10px 0; font-weight: 800; }
.join-inner .item .title-inner:after { right: 30px; background-size: 20px auto; }
}

@media (max-width:1199px) {
.join-inner .item .title-inner .d1, .join-inner .item .title-inner .d2, .join-inner .item .title-inner .d3, .join-inner .item .title-inner .d4 { height: 60px; font-size: 16px; }
.join-inner .item .title-inner { padding: 0 20px; }
.join-inner .item .text-inner { padding: 30px 20px; }
.join-inner .item .title-inner:after { right: 20px; background-size: 20px auto; }
}

@media (max-width:991px) {
.join-inner .item .title-inner .d1 { width: 35%; }
.join-inner .item .title-inner .d2 { width: 10%; }
.join-inner .item .title-inner .d3 { width: 40%; }
.join-inner .item .title-inner .d4 { width: 15%; }
}

@media (max-width:767px) {
.join-inner .item .title-inner .d1 { width: 70%; height: 45px; }
.join-inner .item .title-inner .d2 { width: 30%; height: 45px; }
.join-inner .item .title-inner .d3 { width: 70%; height: 45px; }
.join-inner .item .title-inner .d4 { width: 30%; height: 45px; }
.join-inner .item .text-inner { padding: 20px 20px; }
}

@media (max-width:479px) {
}
/**/
.shop-list { padding: 0 0; padding-bottom: 20px; overflow: hidden; }
.shop-list li { float: left; width: 32%; margin: 20px 2%; padding: 50px 50px; overflow: hidden; margin-left: 0; transition: all .6s ease-out; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/product-show-icon.jpg); }
.shop-list li:nth-child(3n) { margin-right: 0; }
.shop-list li:hover { background-image: url(../images/product-show-icon-hover.jpg); }
.shop-list li .image-inner, .shop-list li .text-inner { line-height: 30px; font-size: 16px; }
.shop-list li .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 112.25%; z-index: 1; }
.shop-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; }
.shop-list li .image-inner .image img { max-width: 100%; transition: all .6s ease-in-out; }
.shop-list li:hover .image-inner .image img { transform: scale(1.025); }
.shop-list li .text-inner { position: relative; z-index: 2; text-transform: capitalize; transition: all .6s ease-in-out; }
.shop-list li .text-inner .title { width: 100%; text-align: center; line-height: 40px; font-size: 28px; font-weight: 800; overflow: hidden; }
.shop-list li:hover .text-inner .title a { color: #1C84D0; }
.shop-list li .text-inner .more { margin: 30px 0; width: 100%; display: flex; align-items: center; justify-content: center; }
.shop-list li .text-inner .more span { font-size: 16px; padding-right: 30px; background: url(../images/product-more.png) no-repeat right center; text-transform: capitalize; }
.shop-list li .text-inner .more span a { color: #868786; }
.shop-list li .text-inner .more:hover span { background-image: url(../images/product-more-hover.png); }
.shop-list li .text-inner .more:hover span a { color: #1C84D0; }

@media (max-width:1449px) {
.shop-list { padding-bottom: 10px; }
.shop-list li { margin-top: 10px; margin-bottom: 10px; padding: 30px 30px; }
.shop-list li .image-inner, .shop-list li .text-inner { font-size: 15px; }
.shop-list li .image-inner { padding-bottom: 100.25%; }
.shop-list li .text-inner .title { line-height: 40px; font-size: 24px; }
.shop-list li .text-inner .more { margin: 20px 0; }
.shop-list li .text-inner .more span { font-size: 15px; }
}

@media (max-width:1199px) {
.shop-list li .image-inner, .shop-list li .text-inner { font-size: 14px; }
.shop-list li .image-inner { padding-bottom: 100.25%; }
.shop-list li .text-inner .title { line-height: 40px; font-size: 20px; }
.shop-list li .text-inner .more { margin: 10px 0; }
.shop-list li .text-inner .more span { font-size: 14px; }
}

@media (max-width:991px) {
.shop-list li .image-inner { padding-bottom: 92.25%; }
.shop-list li .text-inner .title { line-height: 35px; font-size: 18px; }
}

@media (max-width:767px) {
.shop-list li { width: 49%; padding: 10px 10px; }
.shop-list li:nth-child(3n) { margin-right: 2%; }
.shop-list li:nth-child(2n) { margin-right: 0; }
.shop-list li .text-inner .title { font-weight: 800; font-size: 16px; }
}

@media (max-width:479px) {
}
/**/
.advan-list { padding: 20px 0; overflow: hidden; }
.advan-list li { float: left; width: 32%; margin: 20px 2%; overflow: hidden; margin-left: 0; transition: all .6s ease-out; height: 0; padding-bottom: 32.25%; position: relative; }
.advan-list li:nth-child(3n) { margin-right: 0; }
.advan-list li .image-inner, .advan-list li .text-inner { line-height: 30px; font-size: 16px; }
.advan-list li .image-inner { overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; }
.advan-list li .image-inner img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
.advan-list li:hover .image-inner img { transform: scale(1.025); }
.advan-list li .text-inner { position: absolute; width: 80%; left: 10%; bottom: 10%; background: rgba(255,255,255,0.75); padding: 30px 30px; z-index: 2; text-transform: capitalize; transition: all .6s ease-in-out; }
.advan-list li .text-inner .title { width: 100%; text-align: center; line-height: 40px; font-size: 26px; font-weight: 800; overflow: hidden; }
.advan-list li .text-inner .text { margin: 20px 0; width: 100%; text-align: center; overflow: hidden; }

@media (max-width:1449px) {
.advan-list { padding: 10px 0; }
.advan-list li { margin: 10px 2%; margin-left: 0; padding-bottom: 32.25%; }
.advan-list li .image-inner, .advan-list li .text-inner { font-size: 15px; }
.advan-list li .text-inner { position: absolute; width: 80%; left: 10%; bottom: 10%; padding: 20px 20px; }
.advan-list li .text-inner .title { line-height: 40px; font-size: 22px; }
.advan-list li .text-inner .text { margin: 10px 0; }
}

@media (max-width:1199px) {
.advan-list li .image-inner, .advan-list li .text-inner { font-size: 14px; }
.advan-list li .text-inner { position: absolute; width: 80%; left: 10%; bottom: 10%; padding: 20px 20px; }
.advan-list li .text-inner .title { line-height: 35px; font-size: 18px; }
.advan-list li .text-inner .text { margin: 10px 0; }
}

@media (max-width:991px) {
.advan-list li .text-inner { width: 94%; left: 3%; bottom: 3%; padding: 10px 10px; }
.advan-list li .text-inner .title { line-height: 30px; font-size: 16px; }
}

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

@media (max-width:479px) {
.advan-list li { width: 100%; padding-bottom: 62.25%; margin-right: 0; padding-bottom: 92.25%; }
}
/**/
.call-inner { padding: 30px 0; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column; line-height: 35px; font-size: 16px; }
.call-inner .title, .call-inner .text, .call-inner .more { width: 100%; overflow: hidden; text-align: center; }
.call-inner .title { font-size: 32px; line-height: 45px; }
.call-inner .text { padding: 30px 0; }
.call-inner .more { }
.call-inner .more a { margin: 0 auto; display: block; overflow: hidden; width: 165px; height: 60px; line-height: 60px; border-radius: 30px; background: #1C84D0; color: #fff; font-size: 18px; font-weight: 800; text-align: center; }

@media (max-width:1449px) {
.call-inner { padding: 20px 0; line-height: 30px; font-size: 15px; }
.call-inner .title { font-size: 28px; line-height: 45px; }
.call-inner .text { padding: 20px 0; }
.call-inner .more a { width: 165px; height: 50px; line-height: 50px; border-radius: 25px; font-size: 16px; }
}

@media (max-width:1199px) {
.call-inner { font-size: 14px; }
.call-inner .title { font-size: 24px; line-height: 35px; }
.call-inner .text { padding: 10px 0; }
.call-inner .more a { width: 125px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 15px; }
}

@media (max-width:991px) {
.call-inner .title { font-size: 20px; }
}

@media (max-width:767px) {
.call-inner .title { font-weight: 800; }
}

@media (max-width:479px) {
}
/**/
.service-inner { padding: 0 5px; overflow: hidden; }
.service-inner .item { float: left; width: 100%; margin: 20px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; justify-content: space-between; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); flex-direction: row-reverse; background: #fff; }
.service-inner .item:nth-child(2n) { flex-direction: row; }
.service-inner .text-inner, .service-inner .image-inner { width: 50%; overflow: hidden; }
.service-inner .image-inner { }
.service-inner .image-inner img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
.service-inner .image-inner:hover img { transform: scale(1.025); }
.service-inner .text-inner { -webkit-flex: 1; flex: 1; padding: 50px 80px; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
.service-inner .text-inner .title, .service-inner .text-inner .text, .service-inner .text-inner .more { width: 100%; overflow: hidden; line-height: 2; }
.service-inner .text-inner .other { }
.service-inner .text-inner .title { font-size: 30px; font-weight: 800; line-height: 1.75; }
.service-inner .text-inner .title strong { color: #0072BB; }
.service-inner .text-inner .text { padding: 30px 0; font-size: 16px; color: #666; }
.service-inner .text-inner .text ul { display: block; }
.service-inner .text-inner .text ul li { float: left; width: 49%; margin-right: 2%; overflow: hidden; position: relative; padding-left: 20px; }
.service-inner .text-inner .text ul li:nth-child(2n) { margin-right: 0; }
.service-inner .text-inner .text ul li:after { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #666; left: 0; top: 50%; margin-top: -4px; }

@media (max-width:1449px) {
.service-inner .item { margin: 10px 0; }
.service-inner .text-inner { padding: 30px 50px; }
.service-inner .text-inner .title { font-size: 26px; }
.service-inner .text-inner .text { padding: 20px 0; font-size: 15px; }
}

@media (max-width:1199px) {
.service-inner .text-inner { padding: 20px 30px; }
.service-inner .text-inner .title { font-size: 22px; }
.service-inner .text-inner .text { padding: 20px 0; font-size: 14px; }
}

@media (max-width:991px) {
.service-inner .text-inner .title { font-size: 18px; }
.service-inner .image-inner { width: 40%; }
}

@media (max-width:767px) {
.service-inner .item { flex-direction: row; }
.service-inner .text-inner, .service-inner .image-inner { width: 100%; }
}

@media (max-width:479px) {
}
/**/
.show-list { padding: 0 5px; padding-bottom: 20px; overflow: hidden; }
.show-list li { float: left; width: 32%; margin: 20px 2%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); overflow: hidden; margin-left: 0; transition: all .6s ease-out; background: #fff; }
.show-list li:nth-child(3n) { margin-right: 0; }
.show-list li:hover { background: #1C84D0; }
.show-list li .image-inner, .show-list li .text-inner { line-height: 30px; font-size: 16px; }
.show-list li .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 60.25%; z-index: 1; }
.show-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; }
.show-list li .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
.show-list li:hover .image-inner .image img { transform: scale(1.025); }
.show-list li .text-inner { position: relative; z-index: 2; padding: 20px 0; font-size: 20px; font-weight: 300; text-align: center; overflow: hidden; }
.show-list li:hover .text-inner { color: #fff; }

@media (max-width:1449px) {
.show-list li { margin-top: 10px; margin-bottom: 10px; }
.show-list li .image-inner { padding-bottom: 60.25%; }
.show-list li .text-inner { padding: 15px 0; font-size: 18px; font-weight: 800; }
}

@media (max-width:1199px) {
.show-list li .image-inner { padding-bottom: 60.25%; }
.show-list li .text-inner { padding: 10px 0; font-size: 16px; }
}

@media (max-width:991px) {
.show-list li .image-inner { padding-bottom: 86.25%; }
}

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

@media (max-width:479px) {
}
/**/
.process-list { padding: 20px 0; overflow: hidden; position: relative; }
.process-list:after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; height: 2px; background: #DADADA; z-index: 0; }
.process-list li { float: left; width: 10%; margin: 0 0; padding: 5px 5px; overflow: hidden; margin-left: 0; transition: all .6s ease-out; position: relative; z-index: 1; display: flex; flex-direction: column; padding-bottom: 250px; }
.process-list li:nth-child(10n) { margin-right: 0; }
.process-list li:nth-child(2n) { flex-direction: column-reverse; padding-bottom: 5px; padding-top: 250px; }
.process-list li .image-inner, .process-list li .text-inner { width: 100%; line-height: 30px; font-size: 14px; }
.process-list li .image-inner { overflow: hidden; position: absolute; left: 0; top: 50%; margin-top: -24.5px; }
.process-list li:nth-child(2n) .image-inner { }
.process-list li .image-inner .image { margin: 0 auto; width: 49px; height: 49px; background-color: #DADADA; background-repeat: no-repeat; background-position: center; border-radius: 50%; }
.process-list li:hover .image-inner .image { background-color: #1C84D0; }
.process-list li .text-inner { margin: 10px auto; width: 100%; position: relative; z-index: 2; text-align: center; }
.process-list li .text-inner:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; /*我们一般根据方向来写三角形，这样容易记忆；箭头指向的反方向的颜色设置为你想要的，然后箭头方向不要写，另外两个方向的颜色设置为transperent透明*/ position: absolute; bottom: -10px; left: 50%; content: ''; margin-left: -10px; display: none; }
.process-list li .text-inner:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F3F3F3; position: absolute; bottom: -15px; left: 50%; margin-left: -10px; z-index: -1; content: ''; filter: blur(2px); display: none; }
.process-list li:nth-child(2n) .text-inner:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0px solid #fff; border-bottom: 10px solid #fff; /*我们一般根据方向来写三角形，这样容易记忆；箭头指向的反方向的颜色设置为你想要的，然后箭头方向不要写，另外两个方向的颜色设置为transperent透明*/ position: absolute; bottom: auto; top: -10px; left: 50%; content: ''; margin-left: -10px; }
.process-list li:nth-child(2n) .text-inner:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0px solid #F3F3F3; border-bottom: 10px solid #F3F3F3; position: absolute; bottom: auto; top: -15px; left: 50%; margin-left: -10px; z-index: -1; content: ''; filter: blur(2px); }
.process-list li .text-inner .title { font-size: 32px; font-weight: 800; overflow: hidden; color: #9C9C9C; }
.process-list li:hover .text-inner .title { color: #1C84D0; }
.process-list li .text-inner .text { margin-top: 20px; height: 60px; }

@media (max-width:1449px) {
.process-list { padding: 10px 0; }
.process-list li { width: 10%; margin: 0 0; padding: 5px 5px; padding-bottom: 250px; }
.process-list li:nth-child(10n) { margin-right: 0; }
.process-list li:nth-child(2n) { flex-direction: column-reverse; padding-bottom: 5px; padding-top: 250px; }
.process-list li .image-inner, .process-list li .text-inner { font-size: 14px; }
.process-list li .image-inner { overflow: hidden; position: absolute; left: 0; top: 50%; margin-top: -24.5px; }
.process-list li .text-inner { width: 98%; padding: 10px 10px; }
.process-list li .text-inner .title { font-size: 28px; }
.process-list li:hover .text-inner .title { }
.process-list li .text-inner .text { }
}

@media (max-width:1199px) {
.process-list li .text-inner { width: 100%; padding: 10px 5px; }
.process-list li .text-inner .title { font-size: 24px; }
.process-list li:hover .text-inner .title { }
.process-list li .text-inner .text { }
}

@media (max-width:991px) {
.process-list:after { display: none; }
.process-list li { width: 18%; margin: 0 1%; padding-bottom: 60px; padding-top: 5px; margin-bottom: 10px; }
.process-list li:nth-child(2n) { flex-direction: column; padding-bottom: 60px; padding-top: 5px; }
.process-list li .image-inner { top: auto; margin-top: 0; bottom: 0; }
.process-list li:nth-child(2n) .text-inner:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; /*我们一般根据方向来写三角形，这样容易记忆；箭头指向的反方向的颜色设置为你想要的，然后箭头方向不要写，另外两个方向的颜色设置为transperent透明*/ position: absolute; bottom: -10px; left: 50%; content: ''; margin-left: -10px; top: auto; border-bottom: 0; }
.process-list li:nth-child(2n) .text-inner:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F3F3F3; position: absolute; bottom: -15px; left: 50%; margin-left: -10px; z-index: -1; content: ''; filter: blur(2px); top: auto; border-bottom: 0; }
}

@media (max-width:767px) {
.process-list:after { display: none; }
.process-list li { width: 31%; margin: 0 1%; }
.process-list li:nth-child(2n) { }
}

@media (max-width:479px) {
}
/**/
.page-turn { padding: 20px 0; overflow: hidden; display: flex; width: 100%; justify-content: center; }
.page-turn li { display: block; overflow: hidden; background: #fff; width: 52px; height: 52px; line-height: 52px; font-size: 16px; margin: 0px 5px; text-align: center; transition: all .6s ease-in-out; border-radius: 50%; }
.page-turn li.active, .page-turn li .current, .page-turn li:hover { background: #1C84D0; color: #fff; }
.page-turn li a, .page-turn li span { display: block; }
.page-turn li.active a, .page-turn li:hover a { color: #fff; }

@media (max-width:1449px) {
.page-turn { padding: 10px 0; }
.page-turn li { width: 42px; height: 42px; line-height: 42px; font-size: 15px; }
}

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

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

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

@media (max-width:479px) {
}
/**/
.view-page { }
.view-inner { padding: 20px 0; overflow: hidden; }
.view-title { font-size: 36px; font-weight: 800; overflow: hidden; text-align: center; margin-bottom: 20px; }
.view-info { font-size: 15px; color: #69696A; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.view-info li { margin: 0 20px; color: #A9A9A9; overflow: hidden; }
.view-body, .single-inner { padding: 20px 0; font-size: 16px; line-height: 2.25; overflow: hidden; }
.view-body strong, .single-inner strong { color: #1C84D0; font-weight: 800; }
.view-body img { max-width: 100%; vertical-align: middle; margin: 10px auto; display: block; }
.view-body a { color: #1C84D0; text-decoration: underline; }
.view-prev { margin-bottom: 30px; padding: 30px 0; font-size: 15px; border-top: 1px solid #E7EBEA; border-bottom: 1px solid #E7EBEA; overflow: hidden; position: relative; }
.view-prev li { display: block; overflow: hidden; line-height: 40px; }
.view-prev li a { display: block; color: #666; }
.view-prev li:hover { }
.view-prev li:hover a { }
.view-prev li:nth-child(3) { position: absolute; right: 0; border: 1px solid #E7EBEA; height: 60px; display: flex; align-items: center; justify-content: center; margin-top: -30px; top: 50%; border-radius: 30px; }
.view-prev li:nth-child(3) a { padding: 0 30px; display: block; color: #666; }
.view-prev li:nth-child(3):hover { border-color: #1C84D0; background: #1C84D0; }
.view-prev li:nth-child(3):hover a { color: #fff; }

@media (max-width:1449px) {
.view-inner { padding: 10px 0; }
.view-title { font-size: 32px; margin-bottom: 10px; }
.view-info { font-size: 14px; }
.view-info li { margin: 0 10px; }
.view-body, .single-inner { font-size: 15px; }
.view-body strong { }
.view-prev { margin-bottom: 20px; padding: 10px 0; }
.view-prev li { line-height: 30px; font-size: 15px; }
.view-prev li:nth-child(3) { height: 40px; padding: 0 20px; margin-top: -20px; }
}

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

@media (max-width:991px) {
.view-title { font-size: 24px; }
.view-prev li:nth-child(3) { position: static; margin-top: 10px; }
.view-prev { border-bottom: 0; padding-bottom: 0; }
}

@media (max-width:767px) {
.view-info { display: block; }
.view-info li { float: left; width: 48%; margin: 0 1%; text-align: center; }
.view-title { font-size: 22px; }
}

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

.recom-show { padding: 20px 0; overflow: hidden; position: relative; width: calc(100% + 100px); margin: 0 auto; margin-left: -50px; }
#recom-show { position: relative; overflow: hidden; width: calc(100% - 100px); }
#recom-show .swiper-wrapper { width: 100%; height: 100%; }
#recom-show .swiper-slide { overflow: hidden; background: #fff; }
#recom-show .swiper-slide:hover { background: #1C84D0; }
#recom-show .swiper-slide .image-inner, #recom-show .swiper-slide .text-inner { line-height: 30px; font-size: 16px; }
#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; }
#recom-show .swiper-slide .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
#recom-show .swiper-slide:hover .image-inner .image img { transform: scale(1.025); }
#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 { position: relative; z-index: 2; padding: 30px 30px; text-transform: capitalize; transition: all .6s ease-in-out; }
#recom-show .swiper-slide .text-inner .title { margin-bottom: 30px; width: 100%; height: 80px; line-height: 40px; font-size: 24px; 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; }
#recom-show .swiper-slide:hover .text-inner .title a { color: #fff; }
#recom-show .swiper-slide .text-inner .time { padding-left: 30px; background: url(../images/date-icon.png) no-repeat left center; }
#recom-show .swiper-slide:hover .text-inner .time { background-image: url(../images/date-icon-hover.png); color: #fff; }
#recom-show .swiper-slide .text-inner .more { position: absolute; width: 50px; height: 30px; right: 30px; bottom: 30px; background: url(../images/more-icon.png) no-repeat right center; overflow: hidden; }
#recom-show .swiper-slide .text-inner .more a { display: block; }
#recom-show .swiper-slide:hover .text-inner .more { background-image: url(../images/more-icon-hover.png); }
.recom-show .swiper-button-prev, .recom-show .swiper-button-next { position: absolute; top: 50%; width: 45px; height: 45px; line-height: 45px; font-size: 20px; color: #666; text-align: center; border-radius: 50%; background-color: #F2F2F2; border: 0; background-position: center; background-repeat: no-repeat; outline: none; overflow: hidden; text-indent: -9999px; background-size: 18px 11px; }
.recom-show .swiper-button-prev { left: 0px; background-image: url(../images/prev.png); }
.recom-show .swiper-button-next { right: 0px; background-image: url(../images/next.png); }
.recom-show .swiper-button-prev:hover { background-color: #1C84D0; background-image: url(../images/prev-hover.png); }
.recom-show .swiper-button-next:hover { background-color: #1C84D0; background-image: url(../images/next-hover.png); }

@media (max-width:1449px) {
.recom-show { padding: 10px 0; overflow: hidden; position: relative; width: calc(100% + 100px); margin: 0 auto; margin-left: -50px; }
#recom-show { position: relative; overflow: hidden; width: calc(100% - 100px); }
#recom-show .swiper-slide .image-inner, #recom-show .swiper-slide .text-inner { font-size: 15px; }
#recom-show .swiper-slide .text-inner { padding: 20px 20px; }
#recom-show .swiper-slide .text-inner .title { margin-bottom: 10px; height: 70px; line-height: 35px; font-size: 20px; }
#recom-show .swiper-slide .text-inner .more { right: 20px; bottom: 20px; }
.recom-show .swiper-button-prev { left: 50px; }
.recom-show .swiper-button-next { right: 50px; }
}

@media (max-width:1199px) {
.recom-show { padding: 10px 0; overflow: hidden; position: relative; width: calc(100% + 100px); margin: 0 auto; margin-left: -50px; }
#recom-show { position: relative; overflow: hidden; width: calc(100% - 100px); }
#recom-show .swiper-slide .image-inner, #recom-show .swiper-slide .text-inner { font-size: 14px; }
#recom-show .swiper-slide .text-inner { padding: 10px 10px; }
#recom-show .swiper-slide .text-inner .title { height: 70px; line-height: 35px; font-size: 18px; }
#recom-show .swiper-slide .text-inner .more { right: 10px; bottom: 10px; }
}

@media (max-width:991px) {
#recom-show .swiper-slide .text-inner .title { height: 60px; line-height: 30px; -webkit-line-clamp: 2; line-clamp: 2; font-size: 16px; }
}

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

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

.recom-shop { padding: 20px 0; overflow: hidden; position: relative; width: calc(100% + 100px); margin: 0 auto; margin-left: -50px; }
#recom-shop { position: relative; overflow: hidden; width: calc(100% - 100px); }
#recom-shop .swiper-wrapper { width: 100%; height: 100%; }
#recom-shop .swiper-slide { padding: 50px 50px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/product-show-icon.jpg); }
#recom-shop .swiper-slide:hover { background-image: url(../images/product-show-icon-hover.jpg); }
#recom-shop .swiper-slide .image-inner, #recom-shop .swiper-slide .text-inner { line-height: 30px; font-size: 16px; }
#recom-shop .swiper-slide .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 112.25%; z-index: 1; }
#recom-shop .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; }
#recom-shop .swiper-slide .image-inner .image img { max-width: 100%; transition: all .6s ease-in-out; }
#recom-shop .swiper-slide:hover .image-inner .image img { transform: scale(1.025); }
#recom-shop .swiper-slide .text-inner { position: relative; z-index: 2; text-transform: capitalize; transition: all .6s ease-in-out; }
#recom-shop .swiper-slide .text-inner .title { width: 100%; text-align: center; line-height: 40px; font-size: 28px; font-weight: 800; overflow: hidden; }
#recom-shop .swiper-slide:hover .text-inner .title a { color: #1C84D0; }
#recom-shop .swiper-slide .text-inner .more { margin: 30px 0; width: 100%; display: flex; align-items: center; justify-content: center; }
#recom-shop .swiper-slide .text-inner .more span { font-size: 16px; padding-right: 30px; background: url(../images/product-more.png) no-repeat right center; text-transform: capitalize; }
#recom-shop .swiper-slide .text-inner .more span a { color: #868786; }
#recom-shop .swiper-slide .text-inner .more:hover span { background-image: url(../images/product-more-hover.png); }
#recom-shop .swiper-slide .text-inner .more:hover span a { color: #1C84D0; }
.recom-shop .swiper-button-prev, .recom-shop .swiper-button-next { position: absolute; top: 50%; width: 45px; height: 45px; line-height: 45px; font-size: 20px; color: #666; text-align: center; border-radius: 50%; background-color: #F2F2F2; border: 0; background-position: center; background-repeat: no-repeat; outline: none; overflow: hidden; text-indent: -9999px; background-size: 18px 11px; }
.recom-shop .swiper-button-prev { left: 0px; background-image: url(../images/prev.png); }
.recom-shop .swiper-button-next { right: 0px; background-image: url(../images/next.png); }
.recom-shop .swiper-button-prev:hover { background-color: #1C84D0; background-image: url(../images/prev-hover.png); }
.recom-shop .swiper-button-next:hover { background-color: #1C84D0; background-image: url(../images/next-hover.png); }

@media (max-width:1449px) {
.recom-shop { padding: 10px 0; overflow: hidden; position: relative; width: calc(100% + 100px); margin: 0 auto; margin-left: -50px; }
#recom-shop .swiper-slide { margin-top: 10px; margin-bottom: 10px; padding: 30px 30px; }
#recom-shop .swiper-slide .image-inner, #recom-shop .swiper-slide .text-inner { font-size: 15px; }
#recom-shop .swiper-slide .image-inner { padding-bottom: 100.25%; }
#recom-shop .swiper-slide .text-inner .title { line-height: 40px; font-size: 24px; }
#recom-shop .swiper-slide .text-inner .more { margin: 20px 0; }
#recom-shop .swiper-slide .text-inner .more span { font-size: 15px; }
.recom-shop .swiper-button-prev { left: 50px; }
.recom-shop .swiper-button-next { right: 50px; }
}

@media (max-width:1199px) {
.recom-shop { padding: 10px 0; overflow: hidden; position: relative; width: calc(100% + 100px); margin: 0 auto; margin-left: -50px; }
#recom-shop .swiper-slide { margin-top: 10px; margin-bottom: 10px; padding: 30px 30px; }
#recom-shop .swiper-slide .image-inner, #recom-shop .swiper-slide .text-inner { font-size: 145px; }
#recom-shop .swiper-slide .image-inner { padding-bottom: 100.25%; }
#recom-shop .swiper-slide .text-inner .title { line-height: 40px; font-size: 20px; }
#recom-shop .swiper-slide .text-inner .more { margin: 10px 0; }
#recom-shop .swiper-slide .text-inner .more span { font-size: 14px; }
}

@media (max-width:991px) {
#recom-shop .swiper-slide .image-inner { padding-bottom: 92.25%; }
#recom-shop .swiper-slide .text-inner .title { line-height: 35px; font-size: 18px; }
}

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

@media (max-width:479px) {
}
/**/
.index-page { overflow: hidden; }

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

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

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

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

@media (max-width:479px) {
}
/**/
#index-full { margin: 0 auto; width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
#index-full .swiper-wrapper { width: 100%; height: 100%; margin-left: auto; margin-right: auto; z-index: 1; }
#index-full .swiper-slide { height: auto; overflow: hidden; }
#index-full .swiper-slide img { width: 100%; height: auto; vertical-align: middle; }
#index-full .swiper-slide a { display: block; height: 100% !important; }
#index-full .swiper-pagination { text-align: center; bottom: 10px !important; }
#index-full .swiper-pagination-bullet { width: 16px !important; height: 16px !important; border: 1px solid #fff !important; background: none; opacity: 1; border-radius: 50%; position: relative; }
#index-full .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: #fff; }
#index-full .swiper-pagination-bullet-active { border: 1px solid #1C84D0 !important; }
#index-full .swiper-pagination-bullet-active:after { background: #1C84D0; }
#index-full .swiper-button-prev, #index-full .swiper-button-next { position: absolute; top: 50%; margin-top: -64px; width: 68px; height: 128px; text-align: center; line-height: 128px; color: #fff; background: rgba(130,118,168,0.65); border-radius: 34px; font-size: 46px; }
#index-full .swiper-button-prev { left: 10px; }
#index-full .swiper-button-next { right: 10px; }
#index-full .swiper-button-prev:hover, #index-full .swiper-button-next:hover { opacity: .75; background: #1C84D0; color: #fff; }

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

@media (max-width:1199px) {
#index-full .swiper-pagination { bottom: 10px!important; }
#index-full .swiper-pagination-bullet { width: 46px; }
#index-full .swiper-button-prev, #index-full .swiper-button-next { margin-top: -34px; width: 38px; height: 68px; line-height: 68px; border-radius: 14px; font-size: 23px; }
}

@media (max-width:991px) {
#index-full .swiper-pagination { bottom: 0px!important; }
#index-full .swiper-pagination { }
#index-full .swiper-pagination-bullet { width: 36px; }
}

@media (max-width:767px) {
#index-full .swiper-pagination { }
#index-full .swiper-pagination-bullet { width: 26px; }
#index-full .swiper-button-prev, #index-full .swiper-button-next, #index-full .swiper-mouse { display: none; }
}

@media (max-width:479px) {
}
/**/
.cooper-wrap { padding: 30px 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.cooper-wrap .index-caption .title, .cooper-wrap .index-caption .text { color: #fff; }
.cooper-wrap .index-caption .text { padding-top: 20px; }
.cooper-wrap .index-more a { background-color: #1C84D0; }

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

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

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

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

@media (max-width:479px) {
}
/**/
.part-wrap { background-repeat: no-repeat; background-position: center; background-size: cover; }
.index-part { padding: 0 5px; padding-bottom: 40px; overflow: hidden; }
.index-part li { float: left; width: 32%; margin: 20px 2%; margin-left: 0; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); display: flex; align-items: center; justify-content: center; height: 0; padding-bottom: 9.25%; position: relative; cursor: pointer; background: #fff; }
.index-part li:nth-child(3n) { margin-right: 0; }
.index-part li .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center; }
.index-part li .image img { max-height: 100%; transition: all .6s ease-in-out; }
.index-part li:hover .image img { transform: scale(1.025); }

@media screen and (max-width:1449px) {
.index-part { padding: 0 5px; padding-bottom: 30px; overflow: hidden; }
.index-part li { width: 32%; margin: 10px 2%; margin-left: 0; padding-bottom: 9.25%; }
.index-part li:nth-child(3n) { margin-right: 0; }
}

@media screen and (max-width:1199px) {
.index-part li .image img { max-height: auto; max-height: auto; max-width: 90%; }
}

@media screen and (max-width:991px) {
.index-part li { }
}

@media screen and (max-width:767px) {
.index-part li { width: 32%; margin: 10px 2%; margin-left: 0; padding-bottom: 15.25%; }
.index-part li:nth-child(4n) { margin-right: 2%; }
.index-part li:nth-child(3n) { margin-right: 0; }
}

@media screen and (max-width:479px) {
.index-part li { width: 49%; margin: 10px 2%; margin-left: 0; padding-bottom: 22.25%; }
.index-part li:nth-child(4n) { margin-right: 2%; }
.index-part li:nth-child(3n) { margin-right: 2%; }
.index-part li:nth-child(2n) { margin-right: 0; }
}
/**/
.index-news { padding: 20px 5px; overflow: hidden; }
.index-news li { float: left; width: 32%; margin: 0 2%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); overflow: hidden; margin-left: 0; transition: all .6s ease-out; background: #fff; }
.index-news li:nth-child(3n) { margin-right: 0; }
.index-news li:hover { background: #1C84D0; }
.index-news li .image-inner, .index-news li .text-inner { line-height: 30px; font-size: 16px; }
.index-news li .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 72.25%; z-index: 1; }
.index-news 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; }
.index-news li .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s ease-in-out; }
.index-news li:hover .image-inner .image img { transform: scale(1.025); }
.index-news 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-news li:hover .image-inner:before { opacity: 1; }
.index-news 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-news li:hover .image-inner:after { opacity: 1; top: 50%; margin-top: -17px; }
.index-news li .text-inner { position: relative; z-index: 2; padding: 20px 20px; text-transform: capitalize; transition: all .6s ease-in-out; }
.index-news 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; }
.index-news li:hover .text-inner .title, .index-news li:hover .text-inner .title a { color: #fff; }
.index-news li .text-inner .text { width: 100%; height: 60px; line-height: 30px; font-size: 14px; 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; }
.index-news li:hover .text-inner .text { color: #fff; }

@media (max-width:1449px) {
.index-news { padding: 10px 5px; }
.index-news li { }
.index-news li .image-inner, .index-news li .text-inner { font-size: 15px; }
.index-news li .text-inner { padding: 20px 20px; }
.index-news li .text-inner .title { height: 70px; line-height: 35px; font-size: 18px; }
.index-news li .text-inner .text { font-size: 14px; }
}

@media (max-width:1199px) {
.index-news li .text-inner { padding: 10px 10px; }
.index-news li .text-inner .title { height: 60px; line-height: 30px; font-size: 16px; }
}

@media (max-width:991px) {
.index-news li .text-inner .title { font-size: 16px; height: 90px; -webkit-line-clamp: 3; line-clamp: 3; }
}

@media (max-width:767px) {
.index-news li { width: 49%; margin-bottom: 10px; }
.index-news li:nth-child(3n) { margin-right: 2%; }
.index-news li:nth-child(2n) { margin-right: 0; }
.index-news li:last-child { width: 100%; margin-right: 0; }
.index-news li:last-child .text-inner .title { height: auto; }
}

@media (max-width:479px) {
}
/**/
.index-core { padding: 0 0; position: relative; overflow: hidden; padding-bottom: 60px; }
#index-core { position: relative; z-index: 1; padding: 10px 0; }
#index-core:after, #index-core:before { content: ''; position: absolute; left: 0; width: 100%; height: 120px; background-repeat: no-repeat; background-position: center bottom; background-size: cover; z-index: 3; }
#index-core:after { background-image: url(../images/index-bottom-icon.png); top: 0; }
#index-core:before { background-image: url(../images/index-top-icon.png); bottom: 0; background-position: center top; }
#index-core .swiper-wrapper { width: 100%; height: 100%; position: relative; z-index: 2; }
#index-core .swiper-slide { position: relative; }
#index-core .swiper-slide .image-inner, #index-core .swiper-slide .text-inner { line-height: 2; overflow: hidden; }
#index-core .swiper-slide .image-inner { position: relative; z-index: 1; width: 100%; height: 0; padding-bottom: 160.75%; }
#index-core .swiper-slide .image-inner .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
#index-core .swiper-slide .image-inner .image img { width: 100%; height: 100%; object-fit: cover; transition: all .6s; }
#index-core .swiper-slide:hover .image-inner .image img { transform: scale(1.025); }
#index-core .swiper-slide .text-inner { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 100%; padding: 30px 30px; display: flex; align-items: center; justify-content: center; color: #fff; flex-direction: column; background: rgba(0,0,0,0.15); text-align: center; }
#index-core .swiper-slide .text-inner .title { width: 100%; overflow: hidden; font-size: 28px; line-height: 35px; font-weight: 800; }
#index-core .swiper-slide .text-inner .text { width: 100%; font-size: 16px; margin: 25px 0; overflow: hidden; }
#index-core .swiper-button-prev, #index-core .swiper-button-next { position: absolute; top: auto; bottom: 0; width: 50px; height: 50px; line-height: 50px; font-size: 20px; color: #666; text-align: center; border-radius: 0; background-color: none; border: 0; background-position: center; background-repeat: no-repeat; outline: none; overflow: hidden; text-indent: -9999px; background-size: 50px 49px; }
#index-core .swiper-button-prev { left: calc(50% - 80px); background-image: url(../images/index-prev.png); }
#index-core .swiper-button-next { left: calc(50% + 30px); background-image: url(../images/index-next.png); }
#index-core .swiper-button-prev:hover { background-image: url(../images/index-prev-hover.png); }
#index-core .swiper-button-next:hover { background-image: url(../images/index-next-hover.png); }

@media (max-width:1449px) {
#index-core .swiper-slide .text-inner { padding: 20px 20px; }
#index-core .swiper-slide .text-inner .title { font-size: 26px; }
#index-core .swiper-slide .text-inner .text { font-size: 15px; margin: 15px 0; }
#index-core:after, #index-core:before { height: 100px; }
}

@media (max-width:1199px) {
#index-core .swiper-slide .text-inner .title { font-size: 22px; }
#index-core .swiper-slide .text-inner .text { font-size: 14px; margin: 10px 0; }
#index-core:after, #index-core:before { height: 80px; }
}

@media (max-width:991px) {
#index-core .swiper-slide .text-inner .title { font-size: 18px; }
#index-core:after, #index-core:before { height: 60px; }
}

@media (max-width:767px) {
}
/**/
.shop-wrap { padding: 80px 0; padding-bottom: 60px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: -80px; position: relative; z-index: 2; border-bottom: 5px solid #CCCACF; }
.shop-wrap .index-caption .title { color: #fff; }
.shop-wrap .index-caption .other { color: #737479; }
.shop-wrap .index-caption .text { color: #fff; }
.shop-wrap .index-more a { line-height: 53px; background-color: none; border: 1px solid #fff; }
.index-shop { padding: 20px 0; overflow: hidden; position: relative; width: calc(100% + 100px); margin: 0 auto; margin-left: -50px; }
#index-shop { position: relative; overflow: hidden; width: calc(100% - 100px); }
#index-shop .swiper-wrapper { width: 100%; height: 100%; }
#index-shop .swiper-slide { padding: 50px 50px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/product-show-icon.jpg); }
#index-shop .swiper-slide:hover { background-image: url(../images/product-show-icon-hover.jpg); }
#index-shop .swiper-slide .image-inner, #index-shop .swiper-slide .text-inner { line-height: 30px; font-size: 16px; }
#index-shop .swiper-slide .image-inner { overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 112.25%; z-index: 1; }
#index-shop .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; }
#index-shop .swiper-slide .image-inner .image img { max-width: 100%; transition: all .6s ease-in-out; }
#index-shop .swiper-slide:hover .image-inner .image img { transform: scale(1.025); }
#index-shop .swiper-slide .text-inner { position: relative; z-index: 2; text-transform: capitalize; transition: all .6s ease-in-out; }
#index-shop .swiper-slide .text-inner .title { width: 100%; text-align: center; line-height: 40px; font-size: 28px; font-weight: 800; overflow: hidden; }
#index-shop .swiper-slide:hover .text-inner .title a { color: #1C84D0; }
#index-shop .swiper-slide .text-inner .more { margin: 30px 0; width: 100%; display: flex; align-items: center; justify-content: center; }
#index-shop .swiper-slide .text-inner .more span { font-size: 16px; padding-right: 30px; background: url(../images/product-more.png) no-repeat right center; text-transform: capitalize; }
#index-shop .swiper-slide .text-inner .more span a { color: #868786; }
#index-shop .swiper-slide .text-inner .more:hover span { background-image: url(../images/product-more-hover.png); }
#index-shop .swiper-slide .text-inner .more:hover span a { color: #1C84D0; }
.index-shop .swiper-button-prev, .index-shop .swiper-button-next { position: absolute; top: 50%; width: 45px; height: 45px; line-height: 45px; font-size: 20px; color: #666; text-align: center; border-radius: 50%; background-color: #F2F2F2; border: 0; background-position: center; background-repeat: no-repeat; outline: none; overflow: hidden; }
.index-shop .swiper-button-prev { left: 0px; background-image: none; }
.index-shop .swiper-button-next { right: 0px; background-image: none; }
.index-shop .swiper-button-prev:hover { background-color: #1C84D0; background-image: none; color: #fff; }
.index-shop .swiper-button-next:hover { background-color: #1C84D0; background-image: none; color: #fff; }

@media (max-width:1449px) {
.index-shop { padding: 10px 0; overflow: hidden; position: relative; width: calc(100% + 100px); margin: 0 auto; margin-left: -50px; }
#index-shop .swiper-slide { margin-top: 10px; margin-bottom: 10px; padding: 30px 30px; }
#index-shop .swiper-slide .image-inner, #index-shop .swiper-slide .text-inner { font-size: 15px; }
#index-shop .swiper-slide .image-inner { padding-bottom: 100.25%; }
#index-shop .swiper-slide .text-inner .title { line-height: 40px; font-size: 24px; }
#index-shop .swiper-slide .text-inner .more { margin: 20px 0; }
#index-shop .swiper-slide .text-inner .more span { font-size: 15px; }
.index-shop .swiper-button-prev { left: 50px; }
.index-shop .swiper-button-next { right: 50px; }
}

@media (max-width:1199px) {
.index-shop { padding: 10px 0; overflow: hidden; position: relative; width: calc(100% + 100px); margin: 0 auto; margin-left: -50px; }
#index-shop .swiper-slide { margin-top: 10px; margin-bottom: 10px; padding: 30px 30px; }
#index-shop .swiper-slide .image-inner, #index-shop .swiper-slide .text-inner { font-size: 145px; }
#index-shop .swiper-slide .image-inner { padding-bottom: 100.25%; }
#index-shop .swiper-slide .text-inner .title { line-height: 40px; font-size: 20px; }
#index-shop .swiper-slide .text-inner .more { margin: 10px 0; }
#index-shop .swiper-slide .text-inner .more span { font-size: 14px; }
}

@media (max-width:991px) {
#index-shop .swiper-slide .image-inner { padding-bottom: 92.25%; }
#index-shop .swiper-slide .text-inner .title { line-height: 35px; font-size: 18px; }
}

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

@media (max-width:479px) {
}
/**/
.about-wrap { padding: 20px 0; padding-bottom: 50px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; }
.index-about { padding: 20px 20%; overflow: hidden; text-align: center; font-size: 18px; line-height: 35px; color: #7D7C7C; }
.index-four { padding: 20px 5%; overflow: hidden; }
.index-four li { float: left; width: 23%; margin: 10px 1%; overflow: hidden; line-height: 30px; font-size: 16px; text-transform: capitalize; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.index-four li .title { padding: 30px 0; display: flex; align-items: center; justify-content: center; position: relative; }
.index-four li .title strong { font-size: 40px; color: #1C84D0; font-weight: 800; margin-right: 10px; }
.index-four li .title em { font-style: normal; color: #1C84D0; font-size: 40px; font-weight: 800; }
.index-four li .text { }

@media (max-width:1449px) {
.about-wrap { padding: 10px 0; padding-bottom: 50px; }
.index-about { padding: 10px 10px; line-height: 35px; font-size: 16px; }
.index-four { padding: 10px 10px; overflow: hidden; }
.index-four li { width: 23%; margin: 10px 1%; font-size: 15px; }
.index-four li .title { padding: 20px 0; }
.index-four li .title strong { font-size: 36px; }
.index-four li .title em { font-size: 36px; }
.index-four li .text { }
}

@media (max-width:1199px) {
.index-about { font-size: 15px; line-height: 30px; }
.index-four { padding: 10px 10px; overflow: hidden; }
.index-four li { width: 23%; margin: 10px 1%; font-size: 15px; }
.index-four li .title { padding: 20px 0; }
.index-four li .title strong { font-size: 32px; }
.index-four li .title em { font-size: 32px; }
.index-four li .text { }
}

@media (max-width:991px) {
.index-four li .title strong { font-size: 28px; }
.index-four li .title em { font-size: 28px; }
}

@media (max-width:767px) {
.index-four li { width: 48%; }
}

@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) {
}
/**/

.ovs { overflow: visible !important; }

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

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

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

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

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