@import url("font-awesome.min.css");
@import url("swiper.min.css");
@charset "UTF-8";
* { 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: #44443c; }
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: #44443c; }
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; }
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: #44443c; text-decoration: none; }
a:hover { color: #5DA83F; }
ul, li, ol { margin: 0; list-style: none; padding: 0; }
.container { width: 1200px; margin: 0 auto; padding: 20px 0; overflow: hidden; }
.container-l, .container-r { float: left; display: inline; width: 300px; overflow: hidden; }
.container-r { float: right; width: 880px; }
.min-inner { overflow: hidden; border-radius: 20px; margin-bottom: 20px; padding: 10px 20px; background: #fff; }
.container-r .min-inner:last-child { margin-bottom: 0; }

@media screen and (max-width: 767px) {
.container { width: 96%; padding: 10px 0; }
.container-l, .container-r { width: 100%; }
.container-l { display: none; }
.min-inner { padding: 10px 10px; margin-bottom: 10px; border-radius: 10px; }
}
/**/
.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 { background: #F4F9FD; }
.container-color { background: #fff; }
/**/
header { width: 100%; position: sticky; background: #fff; height: 100px; 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 { }
.head-inner .logo { float: left; width: 268px; height: 100px; text-align: left; display: inline-flex; align-items: center; }
.head-inner .logo img { max-width: 100%; align-items: center; }
.head-inner aside { float: right; position: relative; }
.head-inner .nav { float: left; height: 100px; position: relative; margin-right: 30px; }
.head-inner .nav .nav-list { float: left; position: relative; z-index: 999; margin-left: 35px; }
.head-inner .nav h3 { font-size: 16px; height: 100px; line-height: 100px; position: relative; }
.head-inner .nav h3:after { content: ''; position: absolute; left: 0; top: 0; height: 3px; width: 0; border-radius: 0 0 1.5px 1.5px; background: #5DA83F; transition: all .3s ease-out; }
.head-inner .nav h3 a { display: block; }
.head-inner .nav .on { }
.head-inner .nav .on h3:after, .head-inner .nav .cur h3:after, .head-inner .nav h3:hover:after { width: 100%; }
.head-inner .nav .on h3 a, .head-inner .nav .cur h3 a { color: #5DA83F; }
.head-inner .nav .sub-nav { display: none; position: absolute; width: 120px; left: 50%; margin-left: -60px; top: 100px; z-index: 98; background: #fff; filter: alpha(opacity=98); -moz-opacity: 0.98; -khtml-opacity: 0.98; opacity: 0.98; box-shadow: 0 0 2px #EFEFEF; }
.head-inner .nav .sub-nav li { display: block; overflow: hidden; height: 45px; line-height: 45px; text-align: center; font-size: 14px; }
.head-inner .nav .sub-nav li a { display: block; }
.head-inner .nav .sub-nav li a:hover { background: #5DA83F; color: #fff; transition: all .3s ease-out; }
.head-inner .nav .sub-nav .dl { width: 98%; float: left; margin: 0 1%; padding: 10px 0; border-bottom: 1px solid #e9e9e9; }
.head-inner .nav .sub-nav .dl:last-child { border-bottom: 0; }
.head-inner .nav .sub-nav .dl a { padding: 3px 3px; }
.head-inner .nav .sub-nav .dl a:hover { background: #5DA83F; color: #fff; transition: all .4s; }
.head-inner .nav .sub-nav .dt, .head-inner .nav .sub-nav .dd { font-size: 14px; }
.head-inner .nav .sub-nav .dt { float: left; width: 135px; text-align: center; margin-right: 20px; text-align: center; position: relative; border-right: 1px solid #e9e9e9; background: #5DA83F; }
.head-inner .nav .sub-nav .dt a { color: #fff; }
.head-inner .nav .sub-nav .dd { }
.head-inner .nav .sub-nav .dd p { float: left; }
.head-inner .nav .sub-nav .dd p { float: left; position: relative; margin-right: 15px; padding-right: 15px; }
.head-inner .nav .sub-nav .dd p a { }
.head-inner .nav .sub-nav .dd p a:after { content: ''; right: 0; top: 50%; margin-top: -5px; position: absolute; display: block; width: 2px; height: 10px; background: #e9e9e9; transition: all .6s; }
.head-inner .nav .sub-nav .dd p:last-child { padding-right: 0; margin-right: 0; }
.head-inner .nav .sub-nav .dd p:last-child a:after { display: none; }
.head-inner .nav #sub-nav-1 { width: 1200px; margin-left: -542px; }
.head-inner .search { float: right; margin-left: 15px; margin-top: 31px; height: 36px; width: 186px; border: 1px solid #e9e9e9; padding: 0 10px; border-radius: 17px; background: #fff; overflow: hidden; }
.head-inner .search .search-keyword, .head-inner .search .search-submit { float: left; width: 134px; height: 34px; line-height: 34px; color: #6D6D6D; overflow: hidden; border: none; background: #fff; outline: none; }
.head-inner .search .search-keyword { padding: 0 5px; text-transform: capitalize; }
.head-inner .search .search-submit { float: right; width: 30px; border: none; font-size: 20px; cursor: pointer; text-align: center; }
.head-inner .search .search-submit:hover { color: #31B77A; }
.head-inner .menu-button { float: right; font-size: 26px; line-height: 60px; display: none; color: #5DA83F; cursor: pointer; }

@media screen and (max-width: 767px) {
header { height: 60px; left: 0; top: 0; }
.head-inner { padding: 0 5px; }
.head-inner .logo { height: 60px; background: url(../images/logom.png) no-repeat left center; background-size: 225px auto; }
.head-inner .logo img { max-width: 100%; display: none; }
.head-inner .nav, .head-inner .search { display: none; }
.head-inner .menu-button { display: block; }
}
/**/
footer { background: #F4F9FD; overflow: hidden; position: relative; }
footer .container { }
.foot-four, .foot-link, .foot-inner, .foot-power { display: block; overflow: hidden; line-height: 30px; }
.foot-four { padding: 20px 0; }
.foot-four li { float: left; width: 24%; margin: 0 .5%; padding: 0 20px; }
.foot-four li .image, .foot-four li .title, .foot-four li .text { width: auto; display: block; overflow: hidden; }
.foot-four li .image { float: left; width: 80px; margin-right: 15px; border-radius: 50%; border: 2px solid #e7e7e7; justify-content: center; height: 80px; text-align: center; display: flex; align-items: center; }
.foot-four li .image img { max-width: 60%; align-items: center; }
.foot-four li .title { padding-top: 10px; font-size: 26px; font-weight: bold; }
.foot-four li .title a { }
.foot-four li .text { font-size: 14px; }
.foot-inner { padding: 10px 0; }
.foot-nav, .foot-code { float: left; overflow: hidden; line-height: 14px; line-height: 30px; }
.foot-nav dl { float: left; margin-right: 1%; width: 13.42857%; }
.foot-nav dl:last-child { margin-right: 0; }
.foot-nav dl:nth-child(1) { width: 42.28571%; }
.foot-nav dl dt, .foot-nav dl dd, .foot-nav dl li { display: block; }
.foot-nav dl dt { font-size: 16px; font-weight: bold; position: relative; padding-bottom: 10px; }
.foot-nav dl dt:before { content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #5DA83F; }
.foot-nav dl dt a { }
.foot-nav dl dd { padding-top: 15px; }
.foot-nav dl li { font-size: 13px; }
.foot-nav dl li a { }
.foot-nav dl:nth-child(1) li { float: left; width: 33.33333%; }
.foot-nav dl dd img { max-width: 80%; vertical-align: middle; }
.foot-link { margin-top: 10px; padding-top: 20px; overflow: hidden; border-top: 1px solid #E7E7E7; text-align: center; }
.foot-link li { float: left; position: relative; margin-right: 15px; padding-right: 15px; }
.foot-link li a { }
.foot-link li a:after { content: ''; right: 0; top: 10px; position: absolute; display: block; width: 2px; height: 10px; background: #E7E7E7; transition: all .6s; }
.foot-link li:last-child { padding-right: 0; margin-right: 0; }
.foot-link li:last-child a:after { display: none; }
.foot-power { background: #5DA83F; padding: 10px 0; overflow: hidden; width: 100%; color: #fff; text-align: center; }
.foot-power2 { padding: 10px 0; overflow: hidden; width: 100%; text-align: center; }
.foot-power a { color: #fff; }
.go-back { position: absolute; right: 6%; top: 0; width: 45px; height: 64px; line-height: 64px; overflow: hidden; background: url(../images/back.png) no-repeat center; background-size: 45px 64px; }
.go-back a { display: block; }

@media screen and (max-width: 767px) {
footer .container { padding: 0 0; }
.foot-four { padding: 0 0; }
.foot-four li { width: 46%; margin: 10px 2%; padding: 10px 10px; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.foot-four li .image, .foot-four li .title, .foot-four li .text { width: 100%; text-align: center; border: 0; }
.foot-four li .image { height: 80px; }
.foot-four li .title { font-size: 20px; font-weight: bold; }
.foot-four li .title a { }
.foot-four li .text { }
.foot-link, .foot-inner, .go-back { display: none; }
}
/**/
/*
.fixed-online { position: fixed; right: 10px; bottom: 160px; z-index: 99999; }
.fixed-online li { position: relative; width: 60px; height: 60px; text-align: center; background: #fff; margin-bottom: 5px; border-radius: 5px; }
.fixed-online li:hover { border-radius: 0; }
.fixed-online li dt { width: 60px; height: 60px; }
.fixed-online li dt i { display: block; line-height: 60px; font-size: 28px; }
.fixed-online li dt a { display: block; }
.fixed-online li dd { position: absolute; right: 60px; top: 0; width: 180px; overflow: hidden; line-height: 30px; font-size: 16px; padding: 0 10px; background: #5DA83F; color: #fff; display: none; }
.fixed-online li dd a { color: #fff; display: block; }
.fixed-online li dd img { max-width: 100%; vertical-align: middle; margin: 10px 0; }
.fixed-online li dd strong { float: left; }
.fixed-online li:hover dd { display: block; }
.fixed-online li:hover { background: #5DA83F; }
.fixed-online li:hover i { color: #fff; }
*/
.fixed-online { position: fixed; right: 10px; bottom: 280px; z-index: 99999; }
.fixed-online li { position: relative; width: 40px; height: 40px; text-align: center; background: #fff; margin-bottom: 5px; border-radius: 5px; }
.fixed-online li:hover { border-radius: 0; }
.fixed-online li dt { width: 40px; height: 40px; }
.fixed-online li dt i { display: block; line-height: 40px; font-size: 28px; }
.fixed-online li dt a { display: block; }
.fixed-online li dd { position: absolute; right: 40px; top: 0; width: 180px; overflow: hidden; line-height: 30px; font-size: 16px; padding: 0 10px; background: #5DA83F; color: #fff; display: none; }
.fixed-online li dd a { color: #fff; display: block; }
.fixed-online li dd img { max-width: 100%; vertical-align: middle; margin: 10px 0; }
.fixed-online li dd strong { float: left; }
.fixed-online li:hover dd { display: block; }
.fixed-online li:hover { background: #5DA83F; }
.fixed-online li:hover i { color: #fff; }

@media screen and (max-width: 767px) {
.fixed-online { bottom: 150px; }
}
/**/
.banner-wrap { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; overflow: hidden; height: 325px; }
.banner-wrap:after { content: ''; position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background: rgba(0,0,0,.2); opacity: 0; }
.banner-wrap .banner-inner { position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; width: 100%; z-index: 2; }
.banner-wrap .banner-inner h3, .banner-wrap .banner-inner p { font-weight: normal; display: block; overflow: hidden; color: #fff; position: relative; line-height: 1.6; text-align: center; }
.banner-wrap .banner-inner h3 { font-size: 36px; }
.banner-wrap .banner-inner p { font-size: 24px; text-transform: uppercase; }
.banner-wrap .image-inner { position: relative; overflow: hidden; z-index: 1; display: none; }
.banner-wrap .image-inner img { position: relative; left: 50%; transform: translate3d(-50%, 0, 0); width: calc(1.5*100%);
}

@media screen and (max-width: 767px) {
.banner-wrap { height: auto; background-image: none !important; }
.banner-wrap:after { display: none; }
.banner-wrap .banner-inner h3 { font-size: 18px; }
.banner-wrap .banner-inner p { font-size: 14px; }
.banner-wrap .banner-inner { }
.banner-wrap .image-inner { display: block; }
}
/**/
.crumbs-wrap { height: 60px; background: #fff; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.crumbs-wrap .container { padding: 0 0; }
.crumbs-inner { overflow: hidden; }
.crumbs-inner .text { float: right; height: 60px; line-height: 60px; }
.crumbs-inner .text a:last-child { }
.crumbs-inner .list { float: left; }
.crumbs-inner .list li { float: left; line-height: 56px; font-size: 15px; border-bottom: 3px solid #fff; padding: 0 5px; margin-right: 20px; position: relative; }
.crumbs-inner .list li:before { content: ''; position: absolute; right: -10px; top: 50%; width: 1px; height: 12px; margin-top: -6px; background: #E7E7E7; }
.crumbs-inner .list li:last-child:before { display: none; }
.crumbs-inner .list li a { display: block; }
.crumbs-inner .list li:hover, .crumbs-inner .list .cur { border-bottom: 3px solid #5DA83F; }
.crumbs-inner .list li:hover a, .crumbs-inner .list .cur a { }

@media screen and (max-width: 767px) {
.crumbs-wrap { display: none; }
}
/**/
.sider-inner { padding: 0 0; overflow: hidden; margin-bottom: 20px; background: #fff; border-radius: 20px; }
.sider-type { height: 80px; background: #5DA83F; overflow: hidden; }
.sider-type span, .sider-type h3, .sider-type p { width: auto; display: block; overflow: hidden; }
.sider-type span { float: left; margin-top: 8px; font-size: 52px; line-height: 60px; font-weight: bold; text-transform: uppercase; color: #fff; height: 60px; margin-left: 10px; font-family: "Times New Roman", Times, serif; visibility: hidden; position: relative; width: 50px; }
.sider-type span:first-letter { visibility: visible; }
.sider-type h3 { font-size: 20px; line-height: 25px; font-weight: bold; color: #fff; height: 25px; margin-top: 15px; }
.sider-type p { line-height: 25px; color: #F0F5F8; height: 25px; text-transform: uppercase; }

@media screen and (max-width: 767px) {
.sider-inner { margin-bottom: 5px; }
.sider-type { display: none; }
}
/**/
.sider-caption { padding: 10px 15px; overflow: hidden; }
.sider-caption .title, .sider-caption .text { float: left; line-height: 40px; position: relative; }
.sider-caption .title { font-size: 20px; font-weight: bold; color: #DB3B3B; }
.sider-caption .title span { float: left; margin-top: 9px; width: 22px; height: 22px; border: 1px solid #DB3B3B; border-radius: 50%; margin-right: 30px; position: relative; }
.sider-caption .title span:before { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #DB3B3B; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; }
.sider-caption .title span:after { content: ''; position: absolute; width: 30px; height: 4px; background: #DB3B3B; top: 50%; margin-top: -2px; left: 10px; }
.sider-caption .text { margin-left: 20px; font-size: 16px; color: #666; }
.sider-caption .title a { color: #DB3B3B; }

@media screen and (max-width: 767px) {
.sider-caption { display: none; }
}
/**/
.sider-nav { padding: 10px 10px; overflow: hidden; background: #fff; }
.sider-nav li { margin: 20px auto; border-radius: 20px; line-height: 40px; height: 40px; text-align: center; width: 80%; font-size: 16px; background: #F0F5F8; position: relative; overflow: hidden; }
.sider-nav li a { display: block; }
.sider-nav li:hover, .sider-nav li.cur { background: #5DA83F; }
.sider-nav li:hover a, .sider-nav li.cur a { color: #fff; }
.sider-nav dl { overflow: hidden; }
.sider-nav dt { margin: 5px auto; width: 100%; float: left; line-height: 40px; padding: 0 15px; padding-left: 45px; font-size: 16px; position: relative; overflow: hidden; }
.sider-nav dt:last-child { border-bottom: 0; }
.sider-nav dt:after { content: "\f067"; position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 20px; height: 20px; border-radius: 50%; line-height: 20px; text-align: center; background: #fff; color: #5DA83F; font-size: 12px; font-family: 'FontAwesome'; }
.sider-nav dt a { display: block; }
.sider-nav dt:hover:after, .sider-nav dt.cur:after, .sider-nav .on dt:after { content: "\f078"; background: #5DA83F; color: #fff; }
.sider-nav dt:hover, .sider-nav dt.cur, .sider-nav dt.on { }
.sider-nav dt:hover a, .sider-nav dt.cur a, .sider-nav dt.on a { color: #5DA83F; }
.sider-nav dd { padding: 0 15px; overflow: hidden; display: none; }
.sider-nav dl.on dd { display: block; }
.sider-nav dd p { border-radius: 20px; line-height: 40px; height: 40px; text-align: center; width: 100%; font-size: 15px; margin-bottom: 10px; background: #F0F5F8; position: relative; }
.sider-nav dd p a { display: block; }
.sider-nav dd p.ddcur, .sider-nav dd p:hover { background: #5DA83F; }
.sider-nav dd p.ddcur a, .sider-nav dd p:hover a { color: #fff; }

@media screen and (max-width: 767px) {
.sider-type { display: none; }
.sider-nav li, .sider-nav dd p { float: left; width: 48%; margin: 5px 1%; }
}
/**/
.sider-list { padding: 0 15px; padding-bottom: 20px; overflow: hidden; }
.sider-list li { float: left; width: 100%; line-height: 50px; border-bottom: 1px dashed #E7E7E7; position: relative; font-size: 15px; padding-left: 15px; transition: all .5s ease; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.sider-list li:before { content: ''; position: absolute; z-index: 0; width: 4px; height: 4px; background: #fff; border: 2px solid #287FC3; border-radius: 50%; left: 0; top: 50%; margin-top: -4px; }
.sider-list li:last-child { border-bottom: 0; }
.sider-list li:hover:before { border-color: #5DA83F; }

@media screen and (max-width: 767px) {
.sider-type { display: none; }
}
/**/

.sider-form { position: relative; z-index: 99; overflow: hidden; padding: 0 15px; padding-bottom: 20px; }
.sider-fixed { width: 300px !important; left: 0; }
.sider-form .sider-input, .sider-form .sider-button, .sider-form .sider-area { margin: 5px 0; border: 0; background: #fff; color: #666; overflow: hidden; height: 40px; line-height: 40px; font-size: 15px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif; border-radius: 5px; outline: none; width: 100%; padding: 0 5px; border: 1px solid #E7E7E7; }
.sider-form .sider-area { height: 80px; resize: none; line-height: normal; padding: 5px 5px; }
.sider-form .sider-button { background: #5DA83F; border-color: #5DA83F; color: #fff; text-align: center; font-size: 16px; }
.sider-form .sider-button:hover { opacity: 1; }

@media screen and (max-width: 767px) {
.sider-form, .sider-fixed { display: none; }
}
/**/
.caption-type { position: relative; border-bottom: 1px solid #E7E7E7; height: 45px; overflow: visible; line-height: 44px; }
.caption-type li { float: left; font-size: 18px; font-weight: bold; position: relative; margin-right: 30px; cursor: pointer; }
.caption-type li:before { content: ''; position: absolute; right: -15px; top: 50%; width: 1px; height: 12px; margin-top: -6px; background: #E7E7E7; }
.caption-type li:after { position: absolute; content: ""; width: 100%; height: 3px; left: 0; bottom: -1px; background: #5DA83F; display: none; }
.caption-type li.on:after, .caption-type li:hover:after { display: block; }
.caption-type li:last-child:before { display: none; }
.caption-type li.on a, .caption-type li:hover a { color: #CE0E05; }
.caption-type h3 { float: left; margin-right: 15px; line-height: 45px; font-weight: bold; font-size: 18px; position: relative; }
.caption-type h3:before { position: absolute; content: ""; width: 100%; height: 3px; left: 0; bottom: -1px; background: #5DA83F; }
.caption-type p { float: right; text-transform: uppercase; color: #666; }
.caption-type .shop-button { float: left; font-size: 32px; line-height: 45px; display: none; color: #5DA83F; cursor: pointer; }
.caption-title, .caption-more { position: relative; width: 100%; overflow: hidden; }
.caption-title { text-align: center; line-height: 30px; }
.caption-title .title { font-size: 24px; position: relative; padding: 15px 0; font-weight: bold; }
.caption-title .title:before, .caption-title .title:after { content: ''; bottom: 0; left: 50%; margin-left: -40px; position: absolute; display: block; width: 80px; height: 2px; background: #5DA83F; z-index: 2; }
.caption-title .title:after { margin-left: -100px; width: 200px; height: 1px; background: #ACB9C3; z-index: 1; }
.caption-title .text { padding-top: 10px; font-size: 16px; color: #666; text-transform: uppercase; }
.caption-title .list { text-align: center; overflow: hidden; padding-top: 5px; }
.caption-title .list li { display: inline-block; height: 30px; line-height: 30px; margin-right: 25px; position: relative; overflow: hidden; font-size: 16px; padding-left: 25px; color: #666; }
.caption-title .list li:before { content: "\f046"; font-family: 'FontAwesome'; position: absolute; left: 0; }
.caption-more { padding: 20px 0; }
.caption-more a { margin: 0 auto; height: 40px; line-height: 40px; border: 1px solid #E7E7E7; font-size: 16px; text-align: center; border-radius: 20px; width: 180px; overflow: hidden; transition: all .6s; display: block; background: #fff; }
.caption-more a:hover { background: #5DA83F; color: #fff; }

@media screen and (max-width: 767px) {
.caption-title .title { font-size: 22px; }
.caption-title .text { font-size: 14px; }
.caption-type p { display: none; }
.shop-page .min-inner:nth-child(1) .caption-type h3 { float: right; margin-right: 0; }
.caption-type .shop-button { display: block; }
}
/**/
.single-inner { padding: 20px 0; font-size: 15px; line-height: 2; overflow: hidden; }
.single-inner strong { color: #5DA83F; }
.single-inner img { max-width: 100%; vertical-align: middle; margin: 5px auto; display: block; }

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

.about-inner { padding: 20px 0; overflow: hidden; }
.about-inner .image, .about-inner .pic, .about-inner .text { width: auto; display: block; overflow: hidden; }
.about-inner .image { float: left; width: 550px; margin-right: 50px; }
.about-inner .image img { max-width: 100%; vertical-align: middle; }
.about-inner .pic { float: left; width: 400px; margin-right: 50px; }
.about-inner .pic img { max-width: 100%; vertical-align: middle; }
.about-inner .text { overflow: visible; }
.about-inner .title { font-size: 30px; line-height: 35px; color: #5DA83F; font-style: italic; }
.about-inner .intro { padding: 5px 0; line-height: 2; font-size: 15px; }

@media screen and (max-width: 767px) {
.about-inner { padding: 10px 0; }
.about-inner .image, .about-inner .pic { width: 100%; margin-right: 0; margin-bottom: 10px; }
.about-inner .title { font-size: 28px; }
}
/**/
.honor-wrap { background: url(../images/abanner2.png) no-repeat center bottom; background-size: cover; }
.honor-list { margin: 20px 50px; position: relative; }
#honor-list { position: relative; padding-bottom: 50px; }
.honor-list .swiper-container { width: 100%; height: 100%; }
#honor-list .swiper-slide { float: left !important; width: 30.33333% !important; margin: 0 1.5% !important; padding: 0 0 !important; background: #fff !important; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#honor-list .swiper-slide .image { width: 100%; display: flex; align-items: center; height: 225px; border: 2px solid #e9e9e9; position: relative; overflow: hidden; justify-content: center; }
#honor-list .swiper-slide .image img { max-height: 100%; align-items: center; }
#honor-list .swiper-slide:hover .image { border-color: #5DA83F; }
#honor-list .swiper-slide .title { padding: 10px 10px; display: block; overflow: hidden; font-size: 16px; line-height: 40px; text-align: center; }
#honor-list .swiper-slide:hover .title { color: #5DA83F; }
#honor-list .swiper-slide .text { overflow: hidden; z-index: 1; font-size: 15px; line-height: 35px; height: 35px; text-align: center; }
.honor-list .swiper-button-prev, .honor-list .swiper-button-next { position: absolute; top: 50%; margin-top: -28px; width: 56px; height: 56px; text-align: center; line-height: 56px; color: #E6E6E6; font-size: 22px; font-weight: lighter; transition: all .6s; background: #fff; outline: none; box-shadow: 0 0 10px rgba(230,232,234,.8); border-radius: 50%; }
.honor-list .swiper-button-prev { left: -50px; }
.honor-list .swiper-button-next { right: -50px; }
#honor-list .swiper-button-prev:hover, .honor-list .swiper-button-next:hover { color: #5DA83F; }
#honor-list .swiper-pagination { text-align: center; bottom: 0px !important; }
#honor-list .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#honor-list .swiper-pagination-bullet-active { background-color: #5DA83F !important; border: 5px solid #fff !important; }
.honor-lists { margin: 20px 50px; position: relative; display: none; }
#honor-lists { position: relative; padding-bottom: 50px; }
.honor-lists .swiper-container { width: 100%; height: 100%; }
#honor-lists .swiper-slide { float: left !important; width: 97% !important; margin: 0 1.5% !important; padding: 0 0 !important; background: #fff !important; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#honor-lists .swiper-slide .image { width: 100%; display: flex; align-items: center; height: 155px; border: 2px solid #e9e9e9; position: relative; overflow: hidden; justify-content: center; }
#honor-lists .swiper-slide .image img { max-height: 100%; align-items: center; }
#honor-lists .swiper-slide:hover .image { border-color: #5A0B0D; }
#honor-lists .swiper-slide .title { padding: 10px 10px; display: block; overflow: hidden; font-size: 15px; line-height: 40px; text-align: center; }
#honor-lists .swiper-slide:hover .title { color: #5A0B0D; }
#honor-lists .swiper-slide .text { overflow: hidden; z-index: 1; font-size: 15px; line-height: 35px; height: 35px; text-align: center; }
.honor-lists .swiper-button-prev, .honor-lists .swiper-button-next { position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; text-align: center; line-height: 36px; color: #E6E6E6; font-size: 22px; font-weight: lighter; transition: all .6s; background: #fff; outline: none; box-shadow: 0 0 10px rgba(230,232,234,.8); border-radius: 50%; }
.honor-lists .swiper-button-prev { left: -50px; }
.honor-lists .swiper-button-next { right: -50px; }
#honor-lists .swiper-button-prev:hover, .honor-lists .swiper-button-next:hover { color: #5DA83F; }
#honor-lists .swiper-pagination { text-align: center; bottom: -10px !important; }
#honor-lists .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; margin: 0 2px !important; }
#honor-lists .swiper-pagination-bullet-active { background-color: #5DA83F !important; border: 5px solid #fff !important; }

@media screen and (max-width: 767px) {
.honor-list { display: none; }
.honor-lists { display: block; }
}
/**/
.history-wrap { background: url(../images/abanner3.png) no-repeat center bottom; background-size: cover; }
.history-inner { padding: 20px 0; position: relative; }
.history-inner .smallScroll { height: 156px; }
.history-inner .smallImg { width: 1190px; overflow: hidden; margin: 0 auto; position: relative; }
.history-inner .smallImg:before { content: ''; position: absolute; z-index: 0; left: 0; top: 50%; margin-top: -1.5px; display: block; width: 100%; height: 3px; background: #C4C4C4; }
.history-inner .smallImg ul { height: 156x; width: 9999px; overflow: hidden; }
.history-inner .smallImg ul li { float: left; width: 156px; margin: 0 41px; text-align: center; font-size: 18px; height: 156px; border-radius: 50%; line-height: 156px; color: #898989; font-size: 36px; font-weight: bold; background: #EEEEEE; }
.history-inner .smallImg ul li.on { background: #5DA83F; color: #fff; }
.history-inner .bigImg { margin: 0 auto; width: 100%; overflow: hidden; position: relative; }
.history-inner .bigImg .item { padding: 100px 0; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content : center; justify-content : center; position: relative; }
.history-inner .bigImg .title, .history-inner .bigImg .text { float: left; width: 30%; padding: 0 15px; display: flex; align-items: center; position: relative; }
.history-inner .bigImg .title { font-size: 36px; font-weight: bold; color: #5DA83F; }
.history-inner .bigImg .text { float: right; width: 60%; font-size: 16px; line-height: 40px; color: #505049; }
.history-inner .bigImg .text:before { content: ''; position: absolute; left: -120px; top: 5%; display: block; width: 3px; height: 90%; background: #C4C4C4; }
.history-inner .bigImg .text li { display: block; position: relative; padding-left: 15px; }
.history-inner .bigImg .text li:before { content: ''; position: absolute; left: 0; top: 17px; display: block; width: 6px; height: 6px; background: #000; border-radius: 50%; }
.history-inner .next, .history-inner .prev { position: absolute; width: 36px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; border-radius: 50%; color: #fff; background: #5DA83F; z-index: 1; }
.history-inner .next { right: 0; top: 80px; }
.history-inner .prev { left: 0; top: 80px; }
.history-inner .next:hover, .history-inner .prev:hover { opacity: 1; }
.history-inners { padding: 20px 0; position: relative; display: none; }
.history-inners .smallScroll { height: 120px; }
.history-inners .smallImg { width: 640px; overflow: hidden; margin: 0 auto; position: relative; }
.history-inners .smallImg:before { content: ''; position: absolute; z-index: 0; left: 0; top: 50%; margin-top: -1.5px; display: block; width: 100%; height: 3px; background: #C4C4C4; display: none; }
.history-inners .smallImg ul { height: 156x; width: 9999px; overflow: hidden; }
.history-inners .smallImg ul li { float: left; width: 120px; margin: 0 30px; text-align: center; font-size: 18px; height: 120px; border-radius: 50%; line-height: 120px; color: #898989; font-size: 36px; font-weight: bold; background: #EEEEEE; }
.history-inners .smallImg ul li.on { background: #5DA83F; color: #fff; }
.history-inners .bigImg { margin: 0 auto; width: 100%; overflow: hidden; position: relative; }
.history-inners .bigImg .item { padding: 50px 0; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content : center; justify-content : center; position: relative; }
.history-inners .bigImg .title, .history-inners .bigImg .text { float: left; width: 100%; padding: 0 15px; display: flex; align-items: center; position: relative; }
.history-inners .bigImg .title { font-size: 36px; text-align: center; justify-content: center; font-weight: bold; color: #5DA83F; }
.history-inners .bigImg .text { float: right; font-size: 16px; line-height: 40px; color: #505049; }
.history-inners .bigImg .text:before { content: ''; position: absolute; left: -120px; top: 5%; display: block; width: 3px; height: 90%; background: #e7e7e7; }
.history-inners .bigImg .text li { display: block; position: relative; padding-left: 15px; }
.history-inners .bigImg .text li:before { content: ''; position: absolute; left: 0; top: 17px; display: block; width: 6px; height: 6px; background: #5DA83F; border-radius: 50%; }
.history-inners .next, .history-inners .prev { position: absolute; width: 36px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; border-radius: 50%; color: #fff; background: #5DA83F; z-index: 1; }
.history-inners .next { right: 0; top: 150px; }
.history-inners .prev { left: 0; top: 150px; }
.history-inners .next:hover, .history-inners .prev:hover { opacity: 1; }

@media screen and (max-width: 767px) {
.history-inner { display: none; }
.history-inners { display: block; }
}
/**/
.flow-list { padding: 20px 0; overflow: hidden; }
.flow-list li { float: left; width: 18%; margin: 10px 1%; overflow: hidden; transition: all .6s; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 20px 20px; border-radius: 10px; }
.flow-list li .image, .flow-list li .number, .flow-list li .title, .flow-list li .text { width: 100%; display: block; overflow: hidden; line-height: 30px; text-align: center; position: relative; }
.flow-list li .image { width: 90px; margin: 0 auto; border-radius: 50%; border: 1px solid #fff; background-color: #fff; height: 90px; }
.flow-list li .image img { width: 100%; align-items: center; transition: all .6s; }
.flow-list li .title { padding: 10px 0; }
.flow-list li .number { overflow: visible; }
.flow-list li .number strong { width: 42px; height: 42px; line-height: 46px; font-size: 22px; text-align: center; border: 2px solid #F4F9FD; margin: 0 auto; border-radius: 50%; font-family: "CHARLEMAGNE STD"; background: #F4F9FD; display: block; transition: all .6s; }
.flow-list li:hover .number strong { background: #5DA83F; color: #fff; }

@media screen and (max-width: 767px) {
.flow-list li { width: 48%; margin: 10px 1%; padding: 10px 10px; }
}
.part-list { padding: 20px 0; padding-top: 0; position: relative; overflow: hidden; }
#part-list { padding-bottom: 50px; }
#part-list .swiper-wrapper { width: 100%; height: 100%; }
#part-list .swiper-slide { float: left !important; width: 19%!important; background: #fff !important; margin: 0 .5% !important; overflow: hidden !important; }
#part-list .swiper-slide .image { width: 100%; height: 150px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
#part-list .swiper-slide .image img { max-width: 100%; max-height: 100%; align-items: center; transition: all .6s; }
#part-list .swiper-slide:hover .image img { transform: scale(1.025); }
#part-list .swiper-slide .text { padding: 10px 10px; position: relative; line-height: 30px; font-size: 15px; }
#part-list .swiper-slide .text h3 { font-size: 18px; font-weight: bold; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
#part-list .swiper-slide:hover .text h3 a { color: #5DA83F; }
#part-list .swiper-slide .text-inner .more { position: relative; text-align: right; font-size: 18px; }
.part-list .swiper-button-prev, .part-list .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #999; font-size: 24px !important; outline: none; background: #fff !important; border-radius: 50%; opacity: 1 !important; }
.part-list .swiper-button-prev { left: -50px; }
.part-list .swiper-button-next { right: -50px; }
.part-list .swiper-button-prev:hover, .part-list .swiper-button-next:hover { background: #5DA83F!important; color: #fff; }
#part-list .swiper-slide:after { position: absolute; width: 0; height: 2px; background: #5DA83F; content: ""; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.5s linear; }
#part-list .swiper-slide:hover:after { width: 100%; }
#part-list .swiper-pagination { text-align: center; bottom: 0px !important; }
#part-list .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#part-list .swiper-pagination-bullet-active { background-color: #5DA83F !important; border: 5px solid #fff !important; }

@media screen and (max-width: 767px) {
.part-list { display: none; }
}
/**/
.part-lists { padding: 20px 0; position: relative; display: none; }
#part-lists { padding-bottom: 50px; }
#part-lists .swiper-wrapper { width: 100%; height: 100%; }
#part-lists .swiper-slide { float: left !important; width: 49%!important; background: #fff !important; margin: 0 .5% !important; margin-top: 10px; overflow: hidden !important; }
#part-lists .swiper-slide .image { width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
#part-lists .swiper-slide .image img { max-width: 100%; max-height: 100%; align-items: center; transition: all .6s; }
#part-lists .swiper-slide .text { padding: 10px 10px; position: relative; line-height: 30px; font-size: 15px; }
#part-lists .swiper-slide .text h3 { font-size: 18px; font-weight: bold; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
#part-lists .swiper-slide:hover .text h3 a { color: #5DA83F; }
#part-lists .swiper-slide .text-inner .more { position: relative; text-align: right; font-size: 18px; }
.part-lists .swiper-button-prev, .part-lists .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #999; font-size: 24px !important; outline: none; background: #fff !important; border-radius: 50%; opacity: 1 !important; }
.part-lists .swiper-button-prev { left: -50px; }
.part-lists .swiper-button-next { right: -50px; }
.part-lists .swiper-button-prev:hover, .part-lists .swiper-button-next:hover { background: #5DA83F!important; color: #fff; }
#part-lists .swiper-slide:after { position: absolute; width: 0; height: 2px; background: #5DA83F; content: ""; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.5s linear; }
#part-lists .swiper-slide:hover:after { width: 100%; }
#part-lists .swiper-pagination { text-align: center; bottom: 0px !important; }
#part-lists .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#part-lists .swiper-pagination-bullet-active { background-color: #5DA83F !important; border: 5px solid #fff !important; }

@media screen and (max-width: 767px) {
.part-lists { display: block; }
}
/**/
.contact-page { }
.contact-inner { margin: 20px 0; overflow: hidden; border: 1px solid #E7E7E7; border-radius: 10px; }
.contact-inner .list, .contact-inner .map { float: left; width: 45%; overflow: hidden; height: 500px; }
.contact-inner .list { background: #5DA83F; padding: 30px 50px; display: flex; align-items: center; flex-wrap: wrap; }
.contact-inner .list dt, .contact-inner .list dd { display: block; width: 100%; color: #fff; line-height: 30px; position: relative; font-size: 15px; margin: 10px 0; }
.contact-inner .list dt { font-size: 22px; font-weight: bold; }
.contact-inner .list .dd:before { content: ''; position: absolute; left: 0; bottom: 0; width: 70px; height: 1px; background: #fff; }
.contact-inner .list .dd { padding-bottom: 10px; margin-bottom: 10px; }
.contact-inner .list strong { font-size: 28px; }
.contact-inner .list li { display: block; }
.contact-inner .map { float: right; width: 55%; background: rgba(195,15,18,1.00) }
#map label { max-width: none; }
#map div { box-sizing: initial; }

@media screen and (max-width: 767px) {
.contact-inner { margin: 10px 0; }
.contact-inner .list, .contact-inner .map { width: 100%; height: auto; }
.contact-inner .list { padding: 10px 10px; }
.contact-inner .list strong { font-size: 26px; }
.contact-inner .map { height: 350px; }
}
/**/
.form-inner { padding: 20px 0; overflow: hidden; }
.form-inner .item { float: left; width: 49%; margin: 10px 0; position: relative; }
.form-inner .item:nth-child(2n) { float: right; }
.form-inner .item:nth-child(5), .form-inner .item:nth-child(6) { width: 100%; }
.form-inner .form-input, .form-inner .form-textarea, .form-inner .form-button { padding: 0 10px; height: 42px; line-height: 42px; outline: none; width: 100%; color: #7C7C7C; border: none; background: #F0F3F8; font-size: 15px; border-radius: 5px; }
.form-inner .form-textarea { height: 125px; resize: none; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
.form-inner .form-button { margin: 0 auto; display: block; padding: 0 10px; width: 120px; line-height: 40px; background: #5DA83F; border-color: #5DA83F; color: #fff; cursor: pointer; }

@media screen and (max-width: 767px) {
.form-inner { padding: 10px 0; }
.form-inner .item { width: 100%; margin: 5px 0; }
.form-inner .item:last-child { margin-top: 0; }
.form-inner .form-button { width: 100%; }
}
/**/
.news-list { padding: 20px 0; overflow: hidden; }
.news-list .item { overflow: hidden; position: relative; padding: 20px 20px; border: 1px solid #E7E7E7; background: #fff; margin: 10px 0; border-radius: 10px; }
.news-list .item:last-child { border-bottom: 0; }
.news-list .item .image-inner, .news-list .item .data-inner, .news-list .item .text-inner { width: auto; display: block; overflow: hidden; font-size: 16px; line-height: 30px; }
.news-list .item .image-inner { float: left; width: 225px; height: 150px; border: 1px solid #E7E7E7; border-radius: 5px; margin-right: 50px; display: flex; align-items: center; text-align: center; }
.news-list .item .image-inner img { max-width: 100%; align-items: center; }
.news-list .item .data-inner { float: right; margin-left: 50px; margin-top: 30px; width: 90px; height: 90px; background: #ddd; color: #fff; border-radius: 5px; transition: all .6s; }
.news-list .item .data-inner strong, .news-list .item .data-inner span { display: block; text-align: center; }
.news-list .item .data-inner strong { font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; font-size: 36px; padding: 15px 0; font-weight: normal; }
.news-list .item .data-inner span { border-top: 1px solid #fff; }
.news-list .item:hover .data-inner { background: #5DA83F; }
.news-list .item .text-inner { position: relative; padding-right: 50px; padding-top: 5px; }
.news-list .item .text-inner:before { content: ''; position: absolute; right: 0; width: 1px; height: 85px; background: #e7e7e7; top: 32px; }
.news-list .item .text-inner .title { font-size: 18px; font-weight: bold; overflow: hidden; }
.news-list .item .text-inner .text { color: #7C7C7C; height: 60px; margin: 10px 0; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.news-list .item .text-inner .more { transition: all .3s ease-out; text-align: right; position: relative; }
.news-list .item .text-inner .more:before { content: "\f061"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 0; display: table-cell; width: 30px; height: 80%; font-size: 16px; font-weight: bold; opacity: 0; color: #5DA83F; }
.news-list .item:hover .text-inner .more { padding-right: 30px; }
.news-list .item:hover .text-inner .more a { color: #5DA83F; }
.news-list .item:hover .text-inner .more:before { opacity: 1; }
.news-list .item .text-inner .time { display: none; text-align: right; color: #999; }
.news-list .item:hover .text-inner .title a { color: #5DA83F; }

@media screen and (max-width: 767px) {
.news-list .item { padding: 20px 0; border: 1px solid #E7E7E7; }
.news-list .item .image-inner, .news-list .item .data-inner, .news-list .item .text-inner { width: 100%; }
.news-list .item .image-inner { height: auto; margin-right: 0; margin-bottom: 10px; border: 0; }
.news-list .item .text-inner { padding: 10px 10px; }
.news-list .item .text-inner .title { font-size: 16px; }
.news-list .item .text-inner .more { display: none; }
.news-list .item .data-inner { display: none; }
.news-list .item .text-inner .time { display: block; }
}
/**/
.fiter-wrap { background: #fff; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.fiter-wrap .container { padding: 20px 0; }
.fiter-inner { background: #fff; overflow: hidden; border-radius: 20px; margin-bottom: 20px; padding: 10px 20px; }
.container-color .fiter-inner { border: 1px solid #f5f5f5; }
.fiter-inner .item { padding: 0 0; border-bottom: 1px solid #f5f5f5; position: relative; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; }
.fiter-inner .item .type, .fiter-inner .item .list { line-height: 35px; padding: 5px 0; }
.fiter-inner .item .type { float: left; width: 145px; margin-right: 10px; position: relative; border-right: 1px solid #e5e5e5; font-size: 15px; color: #5DA83F; }
.fiter-inner .item .type a { color: #5DA83F; padding: 2px 2px; }
.fiter-inner .item .type a:hover { background: #5DA83F; color: #fff; }
.fiter-inner .item .list { flex: 1; }
.fiter-inner .item .list li { float: left; position: relative; font-size: 14px; }
.fiter-inner .item .list li a { display: block; padding: 2px 2px; margin-right: 10px; overflow: hidden; }
.fiter-inner .item .list li:hover a, .fiter-inner .item .list li.cur a, .fiter-inner .item .list li.on a { background: #5DA83F; color: #fff; }
.fiter-inner .item:last-child { border-bottom: 0; }

@media screen and (max-width: 767px) {
.fiter-inner { padding: 5px 5px; }
.fiter-inner .item { padding: 0 5px; }
.fiter-inner .item .type, .fiter-inner .item .list { padding: 5px 0; line-height: 30px; }
.fiter-inner .item .type { width: 95px; margin-right: 10px; font-size: 14px; }
.fiter-inner .item .list li { font-size: 14px; }
.fiter-inner .item .list li a { padding: 0 5px; margin-right: 0; }
}
/**/
.shop-list { padding: 20px 10px; overflow: hidden; min-height: 600px; }
.shop-list li { float: left; width: 32%; margin: 10px 2%; margin-left: 0; box-shadow: 0 0 10px rgba(0,0,0,.05); border-radius: 10px; background-color: #fff; position: relative; transition: all .6s; }
.shop-list li:nth-child(3n) { margin-right: 0; }
.shop-index .shop-list li { width: 23.5%; margin: 10px 2%; margin-left: 0; }
.shop-index .shop-list li:nth-child(3n) { margin-right: 2%; }
.shop-index .shop-list li:nth-child(4n) { margin-right: 0; }
.shop-list li .image { width: 100%; height: 200px; display: flex; align-items: center; position: relative; overflow: hidden; justify-content: center; }
.shop-list li .image img { max-width: 80%; align-items: center; transition: all .6s; }
.shop-list li:hover .image img { transform: scale(1.025); }
.shop-list li .image:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
.shop-list li:hover .image:before { opacity: 1; }
.shop-list li .image:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 9; text-align: center; font-size: 16px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s; }
.shop-list li:hover .image:after { opacity: 1; top: 50%; margin-top: -17px; }
.shop-list li .text { padding: 10px 10px; padding-bottom: 0; font-size: 18px; font-weight: bold; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
.shop-list li .info { padding: 10px 10px; padding-top: 0; font-size: 14px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
.shop-list li:hover .text a, .shop-list li:hover .info a { color: #5DA83F; }
#shop-nav { display: none; }

@media screen and (max-width: 767px) {
.shop-list { padding: 20px 0; }
.shop-list li { width: 48%; margin: 10px 1%; margin-left: 1%; }
.shop-list li:nth-child(3n) { margin-right: 1%; }
.shop-index .shop-list li { width: 48%; margin: 10px 1%; margin-left: 1%; }
.shop-index .shop-list li:nth-child(3n) { margin-right: 1%; }
.shop-index .shop-list li:nth-child(4n) { margin-right: 1%; }
.shop-list li .image { height: 155px; }
.shop-list li .image img { max-width: 100%; }
.shop-list li .text { font-size: 18px; }
}
/**/
.crumbs-list { border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.crumbs-list .text, .crumbs-list .list, .crumbs-list .type { float: left; line-height: 48px; }
.crumbs-list .text { color: #666; }
.crumbs-list .text a { color: #666; }
.crumbs-list .list { float: right; display: none; }
.crumbs-list .list li { float: left; height: 43px; margin-left: 5px; overflow: hidden; }
.crumbs-list .list li a { height: 43px; display: block; line-height: 41px; position: relative; font-size: 15px; border-bottom: 2px solid #fff; }
.crumbs-list .list li.cur a, .crumbs-list .list li:hover a { border-bottom: 2px solid #F74E1E; color: #F74E1E; }
.crumbs-list .type { float: right; font-size: 16px; position: relative; line-height: 46px; color: #5DA83F; border-bottom: 2px solid #5DA83F; }

@media screen and (max-width: 767px) {
.crumbs-list { display: none; }
}
.page-turn { text-align: center; padding: 20px 0; margin-bottom: 20px; overflow: hidden; }
.page-turn a { display: inline-block; overflow: hidden; height: 30px; border-radius: 50%; background: #FFF; width: 30px; line-height: 30px; font-size: 18px; color: #5DA83F; margin: 0px 5px; text-align: center; }
.page-turn a.page-num-current { background: #5DA83F; color: #fff; }
.page-turn span { display: none; }

@media screen and (max-width: 767px) {
}
/**/
.view-page { }
.view-inner { padding: 20px 0; overflow: hidden; }
.view-title { font-size: 28px; font-weight: 800; padding-bottom: 10px; text-transform: uppercase; overflow: hidden; }
.view-info { padding: 15px 0; padding-top: 0; color: #676767; border-bottom: 1px solid #E7E7E7; overflow: hidden; text-align: right; }
.view-info li { display: inline-block; margin-right: 20px; }
.view-body, .view-shop { padding: 20px 0; font-size: 16px; line-height: 2.25; overflow: hidden; color: #4E4E4E; }
.view-body img { max-width: 100%; vertical-align: middle; margin: 10px auto; display: block; }
.view-body video { width: 100%!important; height: auto !important; }
.view-body a { color: #FFBF37; text-decoration: underline; }
.view-back { text-align: center; display: none; margin-bottom: 30px; }
.view-body ul { }
.view-body ul li { display: block; overflow: hidden; position: relative; padding-left: 15px; word-break: break-all; }
.view-body ul li:before { content: ''; position: absolute; left: 0; top: 14px; display: block; width: 6px; height: 6px; background: #5DA83F; border-radius: 50%; }
.view-back a { margin: 0 auto; display: block; width: 60px; height: 60px; border-radius: 50%; background: #CE0E05; line-height: 60px; font-size: 32px; color: #fff; overflow: hidden; }
.view-prev { margin: 20px auto; overflow: hidden; padding: 20px 20px; background: #F9F9F9; font-size: 14px; }
.view-prev li { color: #7C7C7C; line-height: 35px; display: block; position: relative; overflow: hidden; padding: 10px 0; padding-left: 30px; border-bottom: 1px dashed #e7e7e7; }
.view-prev li:before { content: "\f106"; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background: #aaa; color: #fff; text-align: center; font-family: 'FontAwesome'; }
.view-prev li:last-child:before { content: "\f107"; }
.view-prev li:hover:before { background: #5DA83F; }
.view-prev li a { color: #7C7C7C; }
.view-prev li:last-child { border-bottom: 0; }
.social-share { margin-bottom: 0px; }

@media screen and (max-width: 767px) {
.view-title { font-size: 22px; }
}
/**/
.related-article { padding: 15px 0px; overflow: hidden; }
.related-article li { float: left; width: 49%; margin: 0 2% 0 0; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #E7E7E7; }
.related-article li:nth-child(2n) { margin-right: 0; }
.related-article li:nth-last-child(1), .related-article li:nth-last-child(2) { border-bottom: 0; }
.related-article li h3, .related-article li span { float: left; width: 88%; height: 35px; position: relative; line-height: 35px; overflow: hidden; }
.related-article li h3 { font-size: 15px; padding-left: 20px; 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; }
.related-article li h3:before { content: "\f0da"; font-family: 'FontAwesome'; top: 0px; left: 0; position: absolute; display: block; width: 20px; height: 35px; transition: all .4s; z-index: 0; }
.related-article li span { float: right; width: 12%; color: #999; text-align: right; }
.related-article li:hover h3 { color: #E71C31; }

@media screen and (max-width: 767px) {
.related-article li { width: 100%; margin: 0 0; }
}
/**/
.recom-show { padding: 20px 10px; overflow: hidden; min-height: 600px; }
.recom-show li { float: left; width: 32%; margin: 10px 2%; margin-left: 0; box-shadow: 0 0 10px rgba(0,0,0,.05); border-radius: 10px; background-color: #fff; position: relative; transition: all .6s; }
.recom-show li:nth-child(3n) { margin-right: 0; }
.recom-show li .image { width: 100%; height: 200px; justify-content: center; display: flex; align-items: center; position: relative; overflow: hidden; }
.recom-show li .image img { max-width: 80%; align-items: center; transition: all .6s; }
.recom-show li:hover .image img { transform: scale(1.025); }
.recom-show li .image:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
.recom-show li:hover .image:before { opacity: 1; }
.recom-show li .image:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 9; text-align: center; font-size: 16px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s; }
.recom-show li:hover .image:after { opacity: 1; top: 50%; margin-top: -17px; }
.recom-show li .text { padding: 10px 10px; padding-bottom: 0; font-size: 18px; font-weight: bold; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
.recom-show li .info { padding: 10px 10px; padding-top: 0; font-size: 14px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
.recom-show li:hover .text a, .recom-show li .info a { color: #5DA83F; }

@media screen and (max-width: 767px) {
.recom-show { display: none; }
}
/**/
.recom-shows { margin: 0px 10px; position: relative; padding: 10px 0; display: none; }
#recom-shows .swiper-container { width: 100%; height: 100%; }
#recom-shows .swiper-slide { float: left !important; width: 46% !important; margin: 15px 2% !important; border: 1px solid #E7E7E7; background: #fff; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#recom-shows .swiper-slide .image { width: 100%; height: 155px; display: flex; align-items: center; position: relative; overflow: hidden; justify-content: center; }
#recom-shows .swiper-slide .image img { max-width: 100%; align-items: center; transition: all .6s; z-index: 1; }
#recom-shows .swiper-slide:hover .image img { transform: scale(1.025); }
#recom-shows .swiper-slide .image:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .3s ease-out; opacity: 0; background: rgba(0,0,0,0.1); z-index: 2; }
#recom-shows .swiper-slide :hover .image:before { opacity: 1; }
#recom-shows .swiper-slide .image:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -16px; z-index: 9; text-align: center; font-size: 20px; color: #fff; border-radius: 50%; opacity: 0; transition: all .3s ease-out; }
#recom-shows .swiper-slide:hover .image:after { opacity: 1; top: 50%; margin-top: -22px; }
#recom-shows .swiper-slide .text { padding: 0px 5px; transition: all .6s; overflow: hidden; z-index: 1; font-size: 18px; font-weight: bold; line-height: 35px; height: 35px; text-align: center; 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; }
#recom-shows .swiper-slide .info { padding: 0px 5px; transition: all .6s; overflow: hidden; z-index: 1; font-size: 14px; line-height: 35px; height: 35px; text-align: center; 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; }
.recom-shows .swiper-button-prev, .recom-shows .swiper-button-next { position: absolute; top: 50%; margin-top: -28px; width: 56px; height: 56px; text-align: center; line-height: 56px; color: #999; font-size: 40px; transition: all .6s; background: none; outline: none; }
.recom-shows .swiper-button-prev { left: -35px; }
.recom-shows .swiper-button-next { right: -35px; }
.recom-shows .swiper-button-prev:hover, .recom-shows .swiper-button-next:hover { color: #CE0E05; }

@media screen and (max-width: 767px) {
.recom-shows { display: block; }
}
/**/
.view-shop { padding: 20px 60px; position: relative; overflow: hidden; transition: all .6s; }
.view-shop .image-inner { float: left; width: 40%; overflow: hidden; position: relative; display: flex; align-content: center; align-items: center; height: 400px; }
.view-shop .image-inner img { max-width: 100%; align-items: center; }
.view-shop .text-inner { float: right; width: 55%; position: relative; z-index: 1; }
.view-shop .text-inner .title { font-size: 28px; font-weight: 800; padding-bottom: 10px; text-transform: uppercase; overflow: hidden; }
.view-shop .text-inner .subtitle { font-size: 18px; font-weight: 800; text-transform: uppercase; overflow: hidden; }
.view-shop .text-inner .subtitle strong { color: #5DA83F; }
.view-shop .text-inner .jianjie { font-size: 14px; color: #595959; line-height: 30px; overflow: hidden; }
.view-shop .text-inner .descrition { padding: 10px 0; font-size: 14px; color: #595959; line-height: 40px; overflow: hidden; }
.view-shop .text-inner .descrition li { float: left; margin: 5px 0; height: 40px; border-bottom: 1px dotted #F3F3F3; position: relative; padding-left: 20px; width: 49%; font-size: 16px; }
.view-shop .text-inner .descrition li:nth-child(2n) { float: right; }
.view-shop .text-inner .descrition li:before { content: '▶'; top: 0px; left: 0; position: absolute; display: block; width: 20px; height: 35px; transition: all .4s; z-index: 0; font-size: 12px; }
.view-shop .text-inner .descrition li em, .view-shop .text-inner .descrition li em a { color: #035CAC; font-style: normal; }
.view-shop .text-inner .descrition li b { color: #5DA83F; }
.view-shop .text-inner .descrition li strong { color: #5DA83F; }
.view-shop .text-inner .descrition li:nth-last-child(1), .view-shop .text-inner .descrition li:nth-last-child(2) { border-bottom: 0; }
.view-shop .text-inner .tool { margin-top: 10px; margin-bottom: 20px; overflow: hidden; }
.view-shop .text-inner .tool li { float: left; margin-right: 20px; }
.view-shop .text-inner .tool li a { display: block; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background: #257BDE; transition: all .6s; }
.view-shop .text-inner .tool li:last-child a { background: #5DA83F; }
.view-shop .text-inner .tool li a:hover { background: #5DA83F; }
.view-shop .prev-next { position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; z-index: 0; }
.view-shop .prev-next li { float: left; width: 60px; height: 100%; line-height: 100%; text-align: left; font-size: 30px; }
.view-shop .prev-next li:last-child { float: right; text-align: right; }
.view-shop .prev-next li .prevnone, .view-shop .prev-next li .nextnone { display: none; }

@media screen and (max-width: 767px) {
.view-shop { padding: 20px 30px; }
.view-shop .image-inner, .view-shop .text-inner { width: 100%; }
.view-shop .image-inner { height: auto; }
.view-shop .prev-next li { font-size: 20px; }
.view-shop .text-inner .title { font-size: 22px; text-align: center; }
.view-shop .text-inner .subtitle { font-size: 16px; font-weight: 800; text-transform: uppercase; overflow: hidden; }
.view-shop .text-inner .descrition li { width: 100%; }
}
/**/
.pop-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999999999; background: rgba(0, 0, 0, .3); ransition: all .6s; display: none; }
.pop-inner { margin: 0 auto; width: 640px; height: 100%; position: relative; }
.pop-form { position: absolute; top: 50%; transform: translateY(-50%); width: 580px; background: #F7F5F5; border-radius: 10px; padding: 50px 30px; }
.pop-form .text-inner { position: relative; margin-bottom: 20px; }
.pop-form .text-inner .title { text-align: center; font-size: 26px; line-height: 40px; }
.pop-form .text-inner .title em { font-style: normal; color: #5DA83F; }
.pop-form .text-inner .descrition { position: absolute; background: #fff; width: 30px; line-height: 30px; text-align: center; height: 30px; border-radius: 50%; right: -20px; top: -40px; font-size: 20px; }
.pop-form .form-inner { }
.pop-form dl { border: 1px solid #D4D5D6; border-radius: 5px; margin: 15px auto; display: block; overflow: hidden; width: 510px; background: #fff; }
.pop-form dl:nth-child { display: none; }
.pop-form dt, .pop-form dd { float: left; line-height: 50px; font-size: 16px; }
.pop-form dt { width: 105px; padding-left: 5px; }
.pop-form dd { float: right; width: 390px; }
.pop-form .pop-input, .pop-form .pop-select, .pop-form .pop-button, .pop-form .pop-area { border: 0; background: #fff; color: #A3A3A3; overflow: hidden; height: 50px; line-height: 46px; font-size: 16px !important; outline: none; width: 100%; padding: 0 5px; }
.pop-form .pop-select { padding: 0 0; margin: 0 0; }
.pop-form .pop-area { height: 100px; line-height: 46px; resize: none; }
.pop-form .pop-button { background: #5DA83F; text-align: center; height: 50px; line-height: 50px; font-size: 20px; transition: all .6s; color: #fff; border: none; overflow: visible; }
.pop-form .pop-button:hover { opacity: 1; }

@media screen and (max-width: 767px) {
.pop-inner { width: 100%; }
.pop-form { width: 100%; padding: 20px 20px; }
.pop-form dl, .pop-form dt, .pop-form dd { width: 100%; }
}
/**/
#index-full { margin: 0 auto; width: 100%; height: 100%; position: relative; }
#index-full .swiper-wrapper { position: relative; z-index: 1; }
#index-full .swiper-slide { width: 100%; padding: 0 0 !important; overflow: hidden; position: relative; z-index: 1; }
#index-full .swiper-slide img { width: 100%; }
#index-full .swiper-pagination { bottom: 10px; }
#index-full .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: #fff !important; opacity: 1; border-radius: 6px !important; outline: none; }
#index-full .swiper-pagination-bullet-active { width: 32px !important; }
#index-full .swiper-button-prev, #index-full .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; background-repeat: no-repeat; background-position: center; background-color: #222; background-size: 11px 20px; border-radius: 50%; font-size: 24px; outline: none; }
#index-full .swiper-button-prev { left: 10px; background-image: url(../images/full-prev.png); }
#index-full .swiper-button-next { right: 10px; background-image: url(../images/full-next.png); }
#index-full .swiper-button-prev:hover, #index-full .swiper-button-next:hover { opacity: 1; background-color: #5DA83F; }

@media screen and (max-width: 767px) {
#index-full .swiper-slide img { position: relative; left: 50%; transform: translate3d(-50%, 0, 0); width: calc(1.5*100%);
}
#index-full .swiper-pagination { display: none; }
#index-full .swiper-button-prev, #index-full .swiper-button-next { display: none; }
}
/**/
.part-wrap { background: url(../images/partner.jpg) no-repeat center; background-size: cover; }
.part-wrap .caption-title .title { color: #fff; }
.part-wrap .caption-title .title:before, .part-wrap .caption-title .title:after { background: #fff; }
.part-wrap .caption-title .title:after { background: #fff; }
.part-wrap .caption-title .text { color: #fff; }
.index-part { padding: 20px 0; position: relative; overflow: hidden; }
#index-part { padding-bottom: 50px; }
#index-part .swiper-wrapper { width: 100%; height: 100%; }
#index-part .swiper-slide { float: left !important; width: 19%!important; background: #fff !important; margin: 0 .5% !important; overflow: hidden !important; }
#index-part .swiper-slide .image { width: 100%; height: 150px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
#index-part .swiper-slide .image img { max-width: 100%; max-height: 100%; align-items: center; transition: all .6s; }
#index-part .swiper-slide:hover .image img { transform: scale(1.025); }
#index-part .swiper-slide .text { padding: 10px 10px; position: relative; line-height: 30px; font-size: 15px; }
#index-part .swiper-slide .text h3 { font-size: 18px; font-weight: bold; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
#index-part .swiper-slide:hover .text h3 a { color: #5DA83F; }
#index-part .swiper-slide .text-inner .more { position: relative; text-align: right; font-size: 18px; }
.index-part .swiper-button-prev, .index-part .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #999; font-size: 24px !important; outline: none; background: #fff !important; border-radius: 50%; opacity: 1 !important; }
.index-part .swiper-button-prev { left: -50px; }
.index-part .swiper-button-next { right: -50px; }
.index-part .swiper-button-prev:hover, .index-part .swiper-button-next:hover { background: #5DA83F!important; color: #fff; }
#index-part .swiper-slide:after { position: absolute; width: 0; height: 2px; background: #5DA83F; content: ""; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.5s linear; }
#index-part .swiper-slide:hover:after { width: 100%; }
#index-part .swiper-pagination { text-align: center; bottom: 0px !important; }
#index-part .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#index-part .swiper-pagination-bullet-active { background-color: #5DA83F !important; border: 5px solid #fff !important; }

@media screen and (max-width: 767px) {
.index-part { display: none; }
}
/**/
.index-parts { padding: 20px 0; position: relative; display: none; }
#index-parts { padding-bottom: 50px; }
#index-parts .swiper-wrapper { width: 100%; height: 100%; }
#index-parts .swiper-slide { float: left !important; width: 49%!important; background: #fff !important; margin: 0 .5% !important; margin-top: 10px; overflow: hidden !important; }
#index-parts .swiper-slide .image { width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
#index-parts .swiper-slide .image img { max-width: 100%; max-height: 100%; align-items: center; transition: all .6s; }
#index-parts .swiper-slide .text { padding: 10px 10px; position: relative; line-height: 30px; font-size: 15px; }
#index-parts .swiper-slide .text h3 { font-size: 18px; font-weight: bold; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
#index-parts .swiper-slide:hover .text h3 a { color: #5DA83F; }
#index-parts .swiper-slide .text-inner .more { position: relative; text-align: right; font-size: 18px; }
.index-parts .swiper-button-prev, .index-parts .swiper-button-next { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #999; font-size: 24px !important; outline: none; background: #fff !important; border-radius: 50%; opacity: 1 !important; }
.index-parts .swiper-button-prev { left: -50px; }
.index-parts .swiper-button-next { right: -50px; }
.index-parts .swiper-button-prev:hover, .index-parts .swiper-button-next:hover { background: #5DA83F!important; color: #fff; }
#index-parts .swiper-slide:after { position: absolute; width: 0; height: 2px; background: #5DA83F; content: ""; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.5s linear; }
#index-parts .swiper-slide:hover:after { width: 100%; }
#index-parts .swiper-pagination { text-align: center; bottom: 0px !important; }
#index-parts .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#index-parts .swiper-pagination-bullet-active { background-color: #5DA83F !important; border: 5px solid #fff !important; }

@media screen and (max-width: 767px) {
.index-parts { display: block; }
}
/**/
.index-news { padding: 20px 0; overflow: hidden; }
.index-left, .index-right { float: left; width: 48%; background: #fff; overflow: hidden; }
.index-left { padding: 29px 25px; position: relative; }
#index-left .swiper-container { width: 100%; height: 100%; }
#index-left .swiper-slide { cursor: pointer; position: relative; overflow: hidden; }
#index-left .swiper-slide .image, #index-left .swiper-slide .text { display: block; overflow: hidden; }
#index-left .swiper-slide .image { width: 100%; display: flex; height: 325px; text-align: center; align-items: center; }
#index-left .swiper-slide .image img { width: 100%; }
#index-left .swiper-slide .text { padding: 20px 0; position: relative; line-height: 30px; font-size: 14px; }
#index-left .swiper-slide .text h3, #index-left .swiper-slide .text h3 p, #index-left .swiper-slide .date { width: auto; display: block; overflow: hidden; }
#index-left .swiper-slide .date { float: right; width: 80px; margin-left: 20px; height: 100px; background: #5DA83F; border-radius: 5px; color: #fff; text-align: center; }
#index-left .swiper-slide .date .day { font: 42px/60px 'Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif'; margin-top: 5px; font-weight: bold; }
#index-left .swiper-slide .date .days { font: 16px/30px 'Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif'; }
#index-left .swiper-slide .text h3 { font-size: 18px; height: 30px; font-weight: bold; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
#index-left .swiper-slide .text p { margin: 5px 0; height: 60px; color: #7C7C7C; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
#index-left .swiper-pagination { bottom: -5px !important; text-align: left; }
#index-left .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: #E7E7E7 !important; opacity: 1; border-radius: 6px !important; outline: none; }
#index-left .swiper-pagination-bullet-active { background-color: #5DA83F !important; }

@media screen and (max-width: 767px) {
.index-left, .index-right { width: 100%; padding: 10px 10px; }
#index-left .swiper-slide .image { height: auto; }
#index-left .swiper-slide .date { display: none; }
#index-left .swiper-slide .text h3 { font-size: 16px; }
}
/**/
.index-right { float: right; }
.index-right .item { float: left; width: 100%; position: relative; cursor: pointer; padding: 15px 25px; border-bottom: 1px solid #E7E7E7; }
.index-right .item:last-child { border-bottom: 0; }
.index-right .item .date, .index-right .item .text { width: auto; display: block; overflow: hidden; }
.index-right .item .date { float: left; width: 80px; margin-right: 20px; padding-right: 20px; height: 100px; border-right: 1px solid #E7E7E7; text-align: center; }
.index-right .item .date .day { font: 42px/60px 'Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif'; margin-top: 5px; font-weight: bold; }
.index-right .item .date .days { font: 16px/30px 'Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif'; }
.index-right .item .text { position: relative; line-height: 30px; font-size: 14px; }
.index-right .item .text h3 { font-size: 18px; height: 30px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.index-right .item .text p { margin: 5px 0; height: 60px; color: #7C7C7C; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.index-right .item .text span { color: #999; display: none; text-align: right; }
.index-right .item:before { content: ""; position: absolute; right: 0; top: 0; width: 2px; height: 1px; background: #5DA83F; display: block; transition: all .5s ease; }
.index-right .item:hover:before { height: 100%; }

@media screen and (max-width: 767px) {
.index-right .item { padding: 10px 0; }
.index-right .item .date { display: none; }
.index-right .item .text h3 { font-size: 16px; }
.index-right .item .text span { display: block; }
}
/**/
.about-wrap { background-attachment: fixed; background: url(../images/abanner1.jpg) no-repeat top center; padding-top: 150px; margin-bottom: 30px; }
.about-wrap .container { overflow: visible; background: #fff; box-shadow : 0px 0px 15px rgba(0,0,0,.1); padding: 30px 30px; }
.index-about { }
.index-about .text { padding: 20px 0; line-height: 2.25; font-size: 15px; overflow: hidden; }
.index-about .list { text-align: center; }
.index-about .list strong { height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; padding: 0 20px; background: #5DA83F; color: #fff; overflow: hidden; display: inline-block; }
.index-honor { padding-top: 20px; position: relative; }
#index-honor { padding-bottom: 30px; }
#index-honor .swiper-wrapper { width: 100%; height: 100%; }
#index-honor .swiper-slide { float: left !important; width: 18%!important; background: #fff !important; margin: 0 1% !important; margin-top: 10px; overflow: hidden !important; }
#index-honor .swiper-slide .image { height: 280px; text-align: center; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; }
#index-honor .swiper-slide .image img { max-width: 100%; align-items: center; transition: all .6s; }
#index-honor .swiper-slide:hover .image-inner img { transform: scale(1.025); }
#index-honor .swiper-slide .image:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
#index-honor .swiper-slide:hover .image:before { opacity: 1; }
#index-honor .swiper-slide .title { margin: 10px 0; font-size: 16px; text-align: center; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
#index-honor .swiper-pagination { text-align: center; bottom: 0px !important; }
#index-honor .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#index-honor .swiper-pagination-bullet-active { background-color: #5DA83F !important; border: 5px solid #e7e7e7 !important; }
.index-honors { position: relative; display: none; }
#index-honors { padding-bottom: 30px; }
#index-honors .swiper-wrapper { width: 100%; height: 100%; }
#index-honors .swiper-slide { float: left !important; width: 46%!important; background: #fff !important; margin: 0 2% !important; margin-top: 10px; overflow: hidden !important; }
#index-honors .swiper-slide .image { height: 225px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
#index-honors .swiper-slide .image img { max-width: 100%; align-items: center; transition: all .6s; }
#index-honors .swiper-slide:hover .image-inner img { transform: scale(1.025); }
#index-honors .swiper-slide .image:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
#index-honors .swiper-slide:hover .image:before { opacity: 1; }
#index-honors .swiper-slide .title { margin: 10px 0; font-size: 16px; text-align: center; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
#index-honors .swiper-pagination { text-align: center; bottom: 0px !important; }
#index-honors .swiper-pagination-bullet { width: 20px !important; height: 20px !important; background-color: #fff !important; opacity: 1; border: 5px solid #E0E8EF !important; border-radius: 50% !important; outline: none; }
#index-honors .swiper-pagination-bullet-active { background-color: #5DA83F !important; border: 5px solid #e7e7e7 !important; }

@media screen and (max-width: 767px) {
.about-wrap { padding-top: 20px; margin-bottom: 0; }
.about-wrap .container { padding: 10px 10px; }
.index-honor { display: none; }
.index-honors { display: block; }
}
/**/
.more-caption { position: relative; overflow: hidden; padding: 15px 0; text-align: center; }
.more-caption a { margin: 0 auto; width: 160px; height: 40px; line-height: 40px; background: #5DA83F; border-radius: 20px; display: block; text-align: center; overflow: hidden; color: #fff; font-size: 16px; }

@media screen and (max-width: 767px) {
}
/**/
.index-coloum { padding-top: 15px; text-align: center; overflow: hidden; }
.index-coloum li { display: inline-block; height: 40px; margin: 0 2px; }
.index-coloum li a { font-size: 15px; height: 40px; display: block; line-height: 38px; position: relative; padding: 0px 10px; border-radius: 18px; background: #fff; border: 1px solid #fff; }
.index-coloum li.on a, .index-coloum li:hover a { background: #5DA83F; border-color: #5DA83F; color: #fff; }

@media screen and (max-width: 767px) {
.index-coloum { }
.index-coloum li { float: left; width: 48%; margin: 5px 1%; }
}
/**/
.index-shop { padding: 20px 10px; overflow: hidden; }
.index-shop li { float: left; width: 23.5%; margin: 10px 2%; margin-left: 0; box-shadow: 0 0 10px rgba(0,0,0,.05); border-radius: 10px; background-color: #fff; position: relative; transition: all .6s; }
.index-shop li:nth-child(4n) { margin-right: 0; }
.index-shop li .image { width: 100%; height: 225px; display: flex; align-items: center; position: relative; overflow: hidden; justify-content: center; }
.index-shop li .image img { max-width: 100%; align-items: center; transition: all .6s; }
.index-shop li:hover .image img { transform: scale(1.025); }
.index-shop li .image:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: all .6s; opacity: 0; background: rgba(0,0,0,0.2); z-index: 2; }
.index-shop li:hover .image:before { opacity: 1; }
.index-shop li .image:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 30px; height: 30px; line-height: 30px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -17px; z-index: 9; text-align: center; font-size: 16px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s; }
.index-shop li:hover .image:after { opacity: 1; top: 50%; margin-top: -17px; }
.index-shop li .text { padding: 10px 10px; padding-bottom: 0; font-size: 18px; font-weight: bold; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
.index-shop li:hover .text a { color: #5DA83F; }
.index-shop li .info { padding: 20px 10px; padding-top: 0; font-size: 14px; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; text-align: center; }
.index-shop li:hover .text a, .index-shop li:hover .info a { color: #5DA83F; }

@media screen and (max-width: 767px) {
.index-shop { padding: 20px 0; padding-top: 0; }
.index-shop li { width: 48%; margin: 10px 1%; margin-left: 1%; }
.index-shop li:nth-child(4n) { margin-right: 1%; }
.index-shop li .image { height: 160px; }
}
/**/
.pdn { padding: 0 0 !important; padding-bottom: 10px !important; }
.dis-none { display: none; }
.dis-block { display: block; }
.visible { overflow: visible; }
/**/