@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: 14px; 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: #1266A9; }
ul, li, ol { margin: 0; list-style: none; padding: 0; }
.container { width: 1200px; margin: 0 auto; padding: 30px 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: 20px 0; }
.container-l, .container-r { width: 100%; }
.min-inner { border-radius: 10px; margin-bottom: 10px; padding: 10px 10px; }
.view-shop-page .container-l { display: none; }
}
/*关键容器END*/
.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: #F0F5F8; }
.container-color { background: #fff; }
@media screen and (max-width: 767px) {
.main-container { }
}
/**/
header { z-index: 999; width: 100%; position: relative; -moz-box-shadow: 0 10px 15px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 10px 15px rgba(0,0,0,.3); background: #fff; }
header .container { padding: 0 0; overflow: visible; }
.head-inner { height: 90px; }
.head-inner .logo { float: left; width: 280px; height: 90px; display: flex; align-items: center; }
.head-inner .logo img { max-width: 100%; align-items: center; margin-top: 15px; }
.head-inner aside { float: right; position: relative; }
.head-inner .menu-button { float: right; font-size: 38px; line-height: 62px; display: none; color: #E70012; cursor: pointer; }
.head-inner .nav { float: right; height: 90px; }
.head-inner .nav .nav-list { float: left; position: relative; z-index: 999; }
.head-inner .nav h3 { font-size: 16px; height: 90px; line-height: 90px; position: relative; text-align: center; }
.head-inner .nav h3 a { display: block; padding: 0 25px; }
.head-inner .nav .on, .head-inner .nav .nav-list:hover, .head-inner .nav .cur { background: #E70012; }
.head-inner .nav .on h3 a, .head-inner .nav .cur h3 a { color: #fff; }
.head-inner .nav .sub-nav { display: none; position: absolute; width: 100%; left: 50%; margin-left: -50%; top: 90px; 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: #FF6D28; color: #fff; transition: all .6s; }
@media screen and (max-width: 767px) {
header { position: sticky; left: 0; top: 0; 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); }
.head-inner, .head-inner .logo { height: 60px; }
.head-inner .menu-button { display: block; }
.head-inner .nav { display: none; }
}
/**/
.menu-wrap { height: 50px; background: #0055A6; }
.menu-wrap .container { padding: 0 0; overflow: visible; }
.menu-inner { }
.menu-inner .nav { height: 50px; }
.menu-inner .nav .nav-list { float: left; position: relative; z-index: 999; width: 12.5%; }
.menu-inner .nav .nav-list:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -3px; height: 6px; width: 1px; background: #fff; }
.menu-inner .nav .nav-list:last-child:after { display: none; }
.menu-inner .nav h3 { font-size: 16px; height: 50px; line-height: 50px; position: relative; text-align: center; }
.menu-inner .nav h3 a { display: block; color: #fff; }
.menu-inner .nav .on, .menu-inner .nav .nav-list:hover, .menu-inner .nav .cur { background: #E70012; }
.menu-inner .nav .on h3 a, .menu-inner .nav .cur h3 a { color: #fff; }
.menu-inner .nav .sub-nav { display: none; position: absolute; width: 100%; left: 50%; margin-left: -50%; top: 50px; 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; }
.menu-inner .nav .sub-nav li { display: block; overflow: hidden; height: 45px; line-height: 45px; text-align: center; font-size: 14px; }
.menu-inner .nav .sub-nav li a { display: block; }
.menu-inner .nav .sub-nav li a:hover { background: #FF6D28; color: #fff; transition: all .6s; }
@media screen and (max-width: 767px) {
.menu-wrap { display: none; }
}
/**/
.banner-wrap { position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; overflow: hidden; height: 315px; }
.banner-wrap:after { content: ''; position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 100%; background: rgba(0,0,0,0); 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; }
.banner-wrap .banner-inner h3:after { content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 5px; background: #fff; }
.banner-wrap .banner-inner h3 { font-size: 44px; padding-bottom: 20px; margin-bottom: 20px; }
.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.6*100%);
}
@media screen and (max-width: 767px) {
.banner-wrap { height: auto; }
.banner-wrap:after { display: none; }
.banner-wrap .banner-inner { display: none; }
.banner-wrap .image-inner { display: block; }
}
/**/
footer { overflow: hidden; }
footer .container { padding: 10px 0; }
/**/
.foot-link { padding-top: 10px; overflow: hidden; border-top: 1px solid #e5e5e5; }
.foot-link li { float: left; position: relative; margin-right: 10px; padding-right: 10px; line-height: 35px; }
.foot-link li a { }
.foot-link li a:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; width: 1px; background: #e5e5e5; }
.foot-link li:last-child { padding-right: 0; margin-right: 0; }
.foot-link li:last-child a:after { display: none; }
/**/
.foot-power { overflow: hidden; line-height: 30px; width: 100%; padding: 10px 0; }
.foot-power a { }
.foot-power .container { padding: 0 0; }
@media screen and (max-width: 767px) {
.foot-link { display: none; }
}
/**/
.fixed-online { position: fixed; right: 10px; bottom: 160px; z-index: 99999; }
.fixed-online .item { position: relative; width: 60px; height: 60px; text-align: center; background: #f9f9f9; margin-bottom: 5px; border-radius: 5px; }
.fixed-online .item:hover { border-radius: 0; }
.fixed-online .item dt { width: 60px; height: 60px; }
.fixed-online .item dt i { display: block; line-height: 60px; font-size: 28px; }
.fixed-online .item dt a { display: block; }
.fixed-online .item dd { position: absolute; right: 60px; top: 0; width: 180px; overflow: hidden; line-height: 30px; font-size: 16px; padding: 0 10px; background: #1266A9; color: #fff; display: none; }
.fixed-online .item dd a { color: #fff; display: block; }
.fixed-online .item dd img { max-width: 100%; vertical-align: middle; margin: 10px 0; }
.fixed-online .item dd strong { float: left; }
.fixed-online .item:hover dd { display: block; }
.fixed-online .item:hover { background: #1266A9; }
.fixed-online .item:hover i { color: #fff; }
@media screen and (max-width: 767px) {
.fixed-online { display: none; }
}
/**/
.sider-inner { padding: 0 0; overflow: hidden; position: relative; margin-bottom: 20px; background: #fff; border-radius: 20px; }
.sider-caption { height: 80px; background: #00A3E7; overflow: hidden; }
.sider-caption span, .sider-caption h3, .sider-caption p { width: auto; display: block; overflow: hidden; }
.sider-caption 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-caption span:first-letter { visibility: visible; }
.sider-caption h3 { font-size: 20px; line-height: 25px; font-weight: bold; color: #fff; height: 25px; margin-top: 15px; }
.sider-caption p { line-height: 25px; color: #F0F5F8; height: 25px; text-transform: uppercase; }
@media screen and (max-width: 767px) {
.sider-inner { margin-bottom: 5px; }
.sider-caption { display: none; }
.contact-page .sider-inner { margin-bottom: 10px; }
}
/**/
.caption-sider { padding: 10px 15px; overflow: hidden; }
.caption-sider .title, .caption-sider .text { float: left; line-height: 40px; position: relative; }
.caption-sider .title { font-size: 20px; font-weight: bold; color: #DB3B3B; }
.caption-sider .title span { float: left; margin-top: 9px; width: 22px; height: 22px; border: 1px solid #DB3B3B; border-radius: 50%; margin-right: 30px; position: relative; }
.caption-sider .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; }
.caption-sider .title span:after { content: ''; position: absolute; width: 30px; height: 4px; background: #DB3B3B; top: 50%; margin-top: -2px; left: 10px; }
.caption-sider .text { margin-left: 20px; font-size: 16px; color: #666; }
.caption-sider .title a { color: #DB3B3B; }
@media screen and (max-width: 767px) {
.caption-sider { 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: #FF6D28; }
.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: #0090F5; 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: #0090F5; 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: #FF6D28; }
.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: #FF6D28; }
.sider-nav dd p.ddcur a, .sider-nav dd p:hover a { color: #fff; }
@media screen and (max-width: 767px) {
.sider-caption { display: none; }
.sider-nav li, .sider-nav dd p { float: left; width: 48%; margin: 5px 1%; }
}
/**/
.sider-show { padding: 0 10px; padding-bottom: 20px; overflow: hidden; }
.sider-show li { margin: 15px 5px; line-height: 40px; font-size: 16px; text-align: center; overflow: hidden; background: #fff; border-radius: 10px; transition: all .5s ease; }
.sider-show li p, .sider-show li h3 { display: block; }
.sider-show li p { }
.sider-show li p img { }
.sider-show li h3 { font-size: 16px; }
.sider-show li:hover { box-shadow: 0 5px 5px rgba(35,134,238,.3); }
/**/
.sider-list { padding: 0 15px; padding-bottom: 20px; overflow: hidden; }
.sider-list li { float: left; width: 100%; line-height: 50px; border-bottom: 1px dashed #e5e5e5; 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: #FF6D28; }
@media screen and (max-width: 767px) {
.sider-caption { 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 #e5e5e5; }
.sider-form .sider-area { height: 80px; resize: none; line-height: normal; padding: 5px 5px; }
.sider-form .sider-button { background: #E70012; border-color: #E70012; 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; }
}
/**/
.crumbs-inner { border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.crumbs-inner .text, .crumbs-inner .list, .crumbs-inner .type { float: left; line-height: 48px; }
.crumbs-inner .text { color: #666; }
.crumbs-inner .text a { color: #666; }
.crumbs-inner .list { float: right; display: none; }
.crumbs-inner .list li { float: left; height: 43px; margin-left: 5px; overflow: hidden; }
.crumbs-inner .list li a { height: 43px; display: block; line-height: 41px; position: relative; font-size: 15px; border-bottom: 2px solid #fff; }
.crumbs-inner .list li.cur a, .crumbs-inner .list li:hover a { border-bottom: 2px solid #F74E1E; color: #F74E1E; }
.crumbs-inner .type { float: right; font-size: 16px; position: relative; line-height: 46px; color: #E70012; border-bottom: 2px solid #E70012; }
@media screen and (max-width: 767px) {
.crumbs-inner { display: none; }
}
/**/
.news-list { padding: 20px 10px; overflow: hidden; }
.news-list li { float: left; width: 100%; margin: 10px 0; box-shadow: 0 0 10px rgba(0,0,0,.05); border-radius: 10px; background-color: #fff; padding: 20px 15px; position: relative; transition: all .6s; }
.news-list li .image-inner, .news-list li .text-inner { width: auto; display: block; overflow: hidden; line-height: 30px; }
.news-list li .image-inner { float: left; width: 200px; height: 125px; display: flex; align-items: center; position: relative; margin-right: 20px; background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid #e5e5e5; }
.news-list li .image-inner img { width: 100%; align-items: center; transition: all .6s; z-index: 1; }
.news-list li:hover .image-inner 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 .3s 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 .3s ease-out; }
.news-list li:hover .image-inner:after { opacity: 1; top: 50%; margin-top: -17px; }
.news-list li .text-inner { position: relative; }
.news-list li .text-inner .title { width: 100%; font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.news-list li .text-inner .text { height: 60px; overflow: hidden; color: #777; 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-list li .text-inner .data { text-align: right; color: #666; }
.news-list li .text-inner .data dd { float: left; font-weight: normal; transition: all .4s; position: relative; height: 40px; margin-right: 10px; }
.news-list li:last-child { }
.news-list li:hover .text-inner .title { color: #CE0E05; }
.news-list li:hover { background: #FAFDFF; }
@media screen and (max-width: 767px) {
.news-list li .image-inner { width: 100%; height: auto; margin-bottom: 10px; margin-right: 0px; }
.news-list li .text-inner { width: 100%; }
}
/**/
.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: 185px; display: flex; align-items: center; position: relative; overflow: hidden; }
.shop-index .shop-list li .image { height: 185px; }
.shop-list li .image img { max-width: 100%; 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; position: relative; line-height: 30px; font-size: 15px; }
.shop-list li .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; }
.shop-list li:hover .text h3 a { color: #1266A9; }
.shop-list li .text p { margin: 10px 0; height: 30px; 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; color: #7C7C7C; }
@media screen and (max-width: 767px) {
.shop-list li { width: 99%; margin: 10px .5%; }
.shop-list li:nth-child(3n) { margin-right: .5%; }
.shop-index .shop-list li { width: 99%; margin: 10px .5%; }
.shop-index .shop-list li:nth-child(3n) { margin-right: .5%; }
.shop-index .shop-list li:nth-child(4n) { margin-right: .5%; }
.shop-index .shop-list li .image { }
}
/**/
.fiter-wrap { background: #fff; border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.fiter-wrap .container { padding: 20px 0; }
.fiter-inner { background: #fff; overflow: hidden; }
.container-color .fiter-inner { border: 1px solid #f5f5f5; }
.fiter-inner .item { padding: 0 15px; 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: 40px; font-size: 15px; padding: 10px 0; }
.fiter-inner .item .type { float: left; width: 100px; text-align: center; margin-right: 20px; text-align: center; position: relative; border-right: 1px solid #e5e5e5; font-weight: bold; font-size: 15px; color: #E70012; }
.fiter-inner .item .type a { color: #E70012; }
.fiter-inner .item .list { flex: 1; }
.fiter-inner .item .list li { float: left; position: relative; }
.fiter-inner .item .list li a { display: block; padding: 0 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: #E70012; color: #fff; }
.fiter-inner .item:last-child { border-bottom: 0; }
@media screen and (max-width: 767px) {
.fiter-inner .item { padding: 0 5px; }
.fiter-inner .item .type, .fiter-inner .item .list { padding: 5px 0; }
.fiter-inner .item .type { width: 80px; margin-right: 10px; }
.fiter-inner .item .list li a { padding: 0 5px; }
}
/**/
.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: #fff; font-size: 15px; border-radius: 5px; border: 1px solid #E5E5E5; }
.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: #E70012; border-color: #E70012; color: #fff; cursor: pointer; }
@media screen and (max-width: 767px) {
}
/**/
.map-inner { margin: 20px 0px; height: 500px; border: 1px solid #e5e5e5; }
#map label { max-width: none; }
#map div { box-sizing: initial; }
@media screen and (max-width: 767px) {
}
/**/
.single-inner { padding: 20px 0; font-size: 15px; line-height: 2.25; overflow: hidden; }
.single-inner strong { color: #E70012; }
.single-inner img { max-width: 100%; vertical-align: middle; margin: 0 auto; display: block; }
@media screen and (max-width: 767px) {
.single-inner { }
}
/**/
.contact-inner { padding: 20px 0; font-size: 15px; line-height: 2.25; overflow: hidden; }
.contact-inner .text, .contact-inner .image { width: auto; display: block; overflow: hidden; }
.contact-inner .text { }
.contact-inner strong { color: #E70012; }
.contact-inner .image { float: right; width: 200px; }
.contact-inner .image img { max-width: 100%; vertical-align: middle; }
@media screen and (max-width: 767px) {
.contact-inner .text, .contact-inner .image { width: 100%; }
.contact-inner .image { text-align: center; }
}
/**/
.case-list { padding: 20px 10px; overflow: hidden; min-height: 600px; }
.case-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; }
.case-list li:nth-child(3n) { margin-right: 0; }
.case-list li .image { width: 100%; height: 180px; display: flex; align-items: center; position: relative; overflow: hidden; justify-content: center; }
.case-list li .image img { max-width: 100%; max-height: 100%; align-items: center; transition: all .6s; }
.case-list li:hover .image img { transform: scale(1.025); }
.case-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; }
.case-list li:hover .image:before { opacity: 1; }
.case-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; }
.case-list li:hover .image:after { opacity: 1; top: 50%; margin-top: -17px; }
.case-list li .text { padding: 10px 10px; position: relative; line-height: 30px; font-size: 15px; }
.case-list li .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; }
.case-list li:hover .text h3 a { color: #1266A9; }
.case-list li .text p { margin: 10px 0; height: 30px; 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; color: #7C7C7C; }
@media screen and (max-width: 767px) {
.case-list li { width: 48%; margin: 10px 1%; }
.case-list li:nth-child(3n) { margin-right: 1%; }
.case-list li .image { height: 150px; }
}
/**/
.recom-show { margin: 0px 10px; position: relative; padding: 10px 0; }
#recom-show .swiper-container { width: 100%; height: 100%; }
#recom-show .swiper-slide { float: left !important; width: 32.33333% !important; margin: 15px .5% !important; border: 1px solid #e5e5e5; background: #fff; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#recom-show .swiper-slide .image { width: 100%; height: 225px; display: flex; align-items: center; position: relative; overflow: hidden; justify-content: center; }
#recom-show .swiper-slide .image img { max-width: 100%; align-items: center; transition: all .6s; z-index: 1; }
#recom-show .swiper-slide:hover .image img { transform: scale(1.025); }
#recom-show .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-show .swiper-slide :hover .image:before { opacity: 1; }
#recom-show .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-show .swiper-slide:hover .image:after { opacity: 1; top: 50%; margin-top: -22px; }
#recom-show .swiper-slide .text { padding: 0px 5px; transition: all .6s; overflow: hidden; z-index: 1; font-size: 15px; line-height: 45px; height: 45px; 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-show .swiper-slide:hover .text { background: #FF6D28; }
#recom-show .swiper-slide:hover .text a { color: #fff; }
.recom-show .swiper-button-prev, .recom-show .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-show .swiper-button-prev { left: -35px; }
.recom-show .swiper-button-next { right: -35px; }
.recom-show .swiper-button-prev:hover, .recom-show .swiper-button-next:hover { color: #CE0E05; }
@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: 98% !important; margin: 15px 1% !important; border: 1px solid #e5e5e5; background: #fff; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#recom-shows .swiper-slide .image { width: 100%; height: 225px; 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: 15px; line-height: 45px; height: 45px; 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:hover .text { background: #FF6D28; }
#recom-shows .swiper-slide:hover .text a { color: #fff; }
.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; }
}
/**/
.shop-show { margin: 0px 10px; position: relative; padding: 10px 0; }
#shop-show .swiper-container { width: 100%; height: 100%; }
#shop-show .swiper-slide { float: left !important; width: 19% !important; margin: 15px .5% !important; border: 1px solid #e5e5e5; background: #fff; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#shop-show .swiper-slide .image { width: 100%; height: 165px; display: flex; align-items: center; position: relative; overflow: hidden; justify-content: center; }
#shop-show .swiper-slide .image img { max-width: 100%; align-items: center; transition: all .6s; z-index: 1; }
#shop-show .swiper-slide:hover .image img { transform: scale(1.025); }
#shop-show .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; }
#shop-show .swiper-slide :hover .image:before { opacity: 1; }
#shop-show .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; }
#shop-show .swiper-slide:hover .image:after { opacity: 1; top: 50%; margin-top: -22px; }
#shop-show .swiper-slide .text { padding: 0px 5px; transition: all .6s; overflow: hidden; z-index: 1; font-size: 15px; line-height: 45px; height: 45px; 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; }
#shop-show .swiper-slide:hover .text { background: #FF6D28; }
#shop-show .swiper-slide:hover .text a { color: #fff; }
.shop-show .swiper-button-prev, .shop-show .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; }
.shop-show .swiper-button-prev { left: -35px; }
.shop-show .swiper-button-next { right: -35px; }
.shop-show .swiper-button-prev:hover, .shop-show .swiper-button-next:hover { color: #CE0E05; }
@media screen and (max-width: 767px) {
.shop-show { display: none; }
}
/**/
.shop-shows { margin: 0px 10px; position: relative; padding: 10px 0; display: none; }
#shop-shows .swiper-container { width: 100%; height: 100%; }
#shop-shows .swiper-slide { float: left !important; width: 98% !important; margin: 15px 1% !important; border: 1px solid #e5e5e5; background: #fff; cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#shop-shows .swiper-slide .image { width: 100%; height: 165px; display: flex; align-items: center; position: relative; overflow: hidden; justify-content: center; }
#shop-shows .swiper-slide .image img { max-width: 100%; align-items: center; transition: all .6s; z-index: 1; }
#shop-shows .swiper-slide:hover .image img { transform: scale(1.025); }
#shop-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; }
#shop-shows .swiper-slide :hover .image:before { opacity: 1; }
#shop-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; }
#shop-shows .swiper-slide:hover .image:after { opacity: 1; top: 50%; margin-top: -22px; }
#shop-shows .swiper-slide .text { padding: 0px 5px; transition: all .6s; overflow: hidden; z-index: 1; font-size: 15px; line-height: 45px; height: 45px; 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; }
#shop-shows .swiper-slide:hover .text { background: #FF6D28; }
#shop-shows .swiper-slide:hover .text a { color: #fff; }
.shop-shows .swiper-button-prev, .shop-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; }
.shop-shows .swiper-button-prev { left: -35px; }
.shop-shows .swiper-button-next { right: -35px; }
.shop-shows .swiper-button-prev:hover, .shop-shows .swiper-button-next:hover { color: #CE0E05; }
@media screen and (max-width: 767px) {
.shop-shows { display: block; }
}
/**/
.page-turn { text-align: center; padding: 10px 10px 20px; overflow: hidden; }
.page-turn a { display: inline-block; overflow: hidden; height: 36px; line-height: 36px; font-size: 22px; color: #CE0E05; margin: 0px 10px; text-align: center; }
.page-turn a.page-num-current { text-decoration: underline; }
.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 #e5e5e5; overflow: hidden; text-align: right; }
.view-info li { display: inline-block; margin-right: 20px; }
.view-body { padding: 20px 0; font-size: 16px; line-height: 2.25; overflow: hidden; }
.view-body img { max-width: 80%; vertical-align: middle; margin: 10px auto; display: block; }
.view-body a { color: #FFBF37; text-decoration: underline; }
.view-prev { border-top: 1px dotted #e5e5e5; padding: 20px 0px; overflow: hidden; }
.view-prev li { line-height: 35px; }
.view-prev li a { }
.view-back { text-align: center; display: none; margin-bottom: 30px; }
.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; }
.social-share { margin-bottom: 0px; }
@media screen and (max-width: 767px) {
}
/**/
.view-shop { padding: 20px 60px; position: relative; overflow: hidden; transition: all .6s; }
.view-shop .image-inner { float: left; width: 40%; overflow: hidden; position: relative; height: 300px; text-align: center; z-index: 1; position: relative; }
.view-shop .image-inner img { left: 10%; max-width: 80%; vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%); }
.view-shop .text-inner { float: right; width: 55%; position: relative; z-index: 1; }
.view-shop .text-inner .title { font: 28px/1.4'gotham-medium'; font-weight: bold; padding-bottom: 10px; text-transform: uppercase; color: #0055A6; }
.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: #FF6D28; }
.view-shop .text-inner .descrition li strong { color: #FF6D28; font-size: 20px; }
.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-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: #FF6D28; }
.view-shop .text-inner .tool li a:hover { background: #FF6D28; }
.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 20px; }
.view-shop .image-inner, .view-shop .text-inner { width: 100%; }
.view-shop .prev-next li { font-size: 20px; }
.view-shop .text-inner .title { font: 22px/1.4'gotham-medium'; }
.view-shop .text-inner .descrition { }
.view-shop .text-inner .descrition li { width: 100%; }
.view-shop .text-inner .tool { text-align: center; }
.view-shop .text-inner .tool li { float: none; display: inline-block; margin: 0 5px; }
}
/**/
.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: #F66363; }
.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: #FF6D28; 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%; }
}
/**/
.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 #e5e5e5; }
.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; }
}
/**/
#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: 0; }
#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; }
#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: #1266A9; }
@media screen and (max-width: 767px) {
#index-full .swiper-button-prev, #index-full .swiper-button-next { display: none; }
}
/**/
.index-page { }
.search-wrap { height: 60px; background: #fafafa; }
.search-wrap .container { padding: 0 0; }
.search-inner { overflow: hidden; }
.search-inner .text { float: left; height: 60px; line-height: 60px; }
.search-inner .text li { float: left; position: relative; margin-right: 15px; padding-right: 15px; }
.search-inner .text li a { }
.search-inner .text li a:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; height: 12px; width: 1px; background: #e5e5e5; }
.search-inner .text li:last-child { padding-right: 0; margin-right: 0; }
.search-inner .text li:last-child a:after { display: none; }
.search-inner .search { float: right; margin-top: 9px; height: 42px; width: 300px; padding: 0 10px; border-radius: 21px; background: #fff; overflow: hidden; }
.search-inner .search .search-keyword, .search-inner .search .search-submit { float: left; width: 250px; height: 42px; line-height: 42px; color: #7C7C7C; overflow: hidden; border: none; background: none; outline: none; }
.search-inner .search .search-keyword { padding: 0 5px; text-transform: capitalize; }
.search-inner .search .search-submit { float: right; width: 30px; border: none; font-size: 18px; cursor: pointer; text-align: center; color: #1266A9; }
.search-inner .search .search-submit:hover { }
.search-inner .crumbs { float: right; line-height: 60px; }
.search-inner .crumbs a { color: #666; }
@media screen and (max-width: 767px) {
.search-wrap { display: none; }
}
/**/
.caption-type { position: relative; border-bottom: 1px solid #e5e5e5; 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: #e5e5e5; }
.caption-type li:after { position: absolute; content: ""; width: 100%; height: 3px; left: 0; bottom: -1px; background: #FF6D28; 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: #FF6D28; }
.caption-type p { float: right; text-transform: uppercase; color: #666; }
@media screen and (max-width: 767px) {
.view-shop-page .caption-type p { display: none; }
}
/**/
.news-wrap { background: #fff; overflow: hidden; }
.index-news { padding: 20px 0; overflow: hidden; }
.index-left, .index-right { float: left; width: 800px; overflow: hidden; }
.index-left .bd { padding-top: 15px; }
.index-slide { float: left; width: 49%; margin-right: 20px; overflow: hidden; background: #FAFAFA; height: 410px; }
.index-slide { position: relative; }
#index-slide .swiper-container { width: 100%; height: 100%; }
#index-slide .swiper-slide { cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
#index-slide .swiper-slide .image, #index-slide .swiper-slide .text { display: block; overflow: hidden; }
#index-slide .swiper-slide .image { width: 100%; display: flex; height: 250px; background: #fff; text-align: center; align-items: center; justify-content: center; position: relative; }
#index-slide .swiper-slide .image img { width: 100%; align-items: center; transition: all .6s; }
#index-slide .swiper-slide:hover .image img { transform: scale(1.025); }
#index-slide .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-slide .swiper-slide:hover .image:before { opacity: 1; }
#index-slide .swiper-slide .text { padding: 0 10px; padding-bottom: 20px; position: relative; line-height: 30px; }
#index-slide .swiper-slide .text h3, #index-slide .swiper-slide .text p { width: 100%; display: block; overflow: hidden; }
#index-slide .swiper-slide .text h3 { margin-top: 10px; 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-slide .swiper-slide .text p { margin: 5px 0; height: 90px; color: #7C7C7C; display: -webkit-box; display: -moz-box; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }
#index-slide .swiper-pagination { bottom: 5px !important; text-align: right; left: auto; right: 5px !important; }
#index-slide .swiper-pagination-bullet { width: 12px !important; height: 12px !important; background-color: #EEE !important; opacity: 1; border-radius: 6px !important; outline: none; }
#index-slide .swiper-pagination-bullet-active { background-color: #1266A9 !important; }
@media screen and (max-width: 767px) {
.index-left, .index-right, .index-slide { width: 100%; }
}
/**/
.index-list { padding: 0 0; overflow: hidden; padding-top: 3px; }
.index-list .item { float: left; width: 49%; padding: 5px 0; border-bottom: 1px dotted #E3E3E3; transition: all .6s; }
.index-list .item:nth-child(2n) { float: right; }
.index-list .item .title, .index-list .item .data { float: left; width: 79%; height: 35px; position: relative; line-height: 35px; overflow: hidden; }
.index-list .item .title { font-size: 14px; padding-left: 20px; }
.index-list .item .title:before { content: '▶'; top: 0px; left: 0; position: absolute; display: block; width: 20px; height: 35px; transition: all .4s; z-index: 0; font-size: 12px; }
.index-list .item .data { float: right; width: 20%; color: #999; text-align: right; }
.index-list .item:hover .title { color: #3953AB; }
.index-list .item:nth-last-child(1), .index-list .item:nth-last-child(2) { border-bottom: 0; }
@media screen and (max-width: 767px) {
.index-list { width: 100%; }
}
/**/
.index-list li { width: 100%; margin: 10px 0; line-height: 40px; height: 40px; border-bottom: 1px dashed #e5e5e5; position: relative; padding-left: 15px; transition: all .5s ease; }
.index-list li:last-child { border-bottom: 0; }
.index-list li:before { content: ''; position: absolute; z-index: 0; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; border-radius: 50%; background: #e5e5e5; }
.index-list li:hover:before { background: #E70012; }
.index-list li h3, .index-list li span { float: left; width: 88%; overflow: hidden; }
.index-list li h3 { 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; font-size: 15px; }
.index-list li span { float: right; width: 12%; text-align: right; color: #7C7C7C; }
@media screen and (max-width: 767px) {
.index-left, .index-right { width: 100%; }
}
/**/
.index-right { float: right; width: 380px; padding: 10px 10px; height: 472px; background: #FAFAFA; position: relative; }
.index-roll { width: 100%; height: 370px; position: relative; margin: 10px 0; }
.index-roll .swiper-container { width: 100%; height: 440px; }
.index-roll .swiper-slide { padding: 10px 0; height: 110px!important; line-height: 30px; overflow: hidden!important; border-bottom: 1px dashed #e5e5e5!important; }
.index-roll .swiper-slide h3, .index-roll .swiper-slide p { width: 100%; display: block; overflow: hidden; }
.index-roll .swiper-slide h3 { font-size: 15px; 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-roll .swiper-slide p { 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; }
@media screen and (max-width: 767px) {
.index-right { width: 100%; }
}
/**/
.caption-title, .caption-more { position: relative; width: 100%; overflow: hidden; }
.caption-title { text-align: center; line-height: 30px; }
.caption-title .title { font-size: 32px; position: relative; padding: 10px 0; }
.caption-title .title strong { display: inline-block; position: relative; }
.caption-title .title strong:before, .caption-title .title strong:after { content: ''; left: -50px; top: 50%; margin-top: -8px; position: absolute; display: block; width: 6px; height: 16px; background: #E70012; transform: rotate(30deg); }
.caption-title .title strong:after { left: auto; right: -50px; }
.caption-title .text { padding-top: 5px; 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 #e5e5e5; 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: #1266A9; color: #fff; }
@media screen and (max-width: 767px) {
.caption-title .title { font-size: 26px; }
}
/**/
.index-intro { padding: 20px 0; overflow: hidden; position: relative; }
.intro-left, .intro-right { float: left; position: relative; z-index: 2; width: 700px; }
.intro-left { padding-left: 10px; }
.intro-left h3, .intro-left strong, .intro-left p, .intro-left ul { display: block; overflow: hidden; line-height: 30px; }
.intro-left h3 { font-weight: bold; font-size: 28px; padding: 20px 0; }
.intro-left strong { font-weight: bold; font-size: 32px; line-height: 35px; color: #1266A9; }
.intro-left p { font-size: 16px; padding: 20px 0; }
.intro-left ul { background: #E1E1E1; float: left; }
.intro-left ul li { float: left; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold; }
.intro-left ul li:nth-child(1) { background: url(../images/juxing.png) no-repeat center right; color: #fff; padding-left: 20px; padding-right: 35px; }
.intro-left ul li:nth-child(2) { padding-left: 20px; padding-right: 20px; }
.intro-right { float: right; width: 450px; text-align: right; }
.intro-right img { max-width: 100%; vertical-align: middle; }
@media screen and (max-width: 767px) {
.intro-left, .intro-right { width: 100%; padding: 0 0; }
.intro-left h3 { font-size: 22px; }
.intro-left strong { font-size: 28px; }
.intro-left p { font-size: 14px; }
.intro-right { margin-top: 20px; }
}
/**/
.index-shop { padding: 10px 0; overflow: hidden; padding-bottom: 0; }
.index-shop .item { float: left; width: 23.5%; margin: 10px 2%; margin-left: 0; overflow: hidden; transition: all .6s; border: 1px solid #E3E3E3; }
.index-shop .item:nth-child(4n) { margin-right: 0; }
.index-shop .item .image-wrap { width: 100%; height: 185px; text-align: center; position: relative; overflow: hidden; }
.index-shop .item .image-wrap: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; }
.index-shop .item:hover .image-wrap:before { opacity: 1; }
.index-shop .item .image-wrap:after { content: "\f0c1"; font-family: 'FontAwesome'; width: 50px; height: 50px; line-height: 50px; border: 2px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -27px; z-index: 9; text-align: center; font-size: 25px; color: #fff; border-radius: 50%; opacity: 0; transition: all .3s ease-out; }
.index-shop .item:hover .image-wrap:after { opacity: 1; top: 50%; margin-top: -27px; }
.index-shop .item .image-inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; overflow: hidden; }
.index-shop .item .image-inner img { width: 100%; vertical-align: middle; transition: all .6s; z-index: 1; }
.index-shop .item:hover .image-inner img { transform: scale(1.025); }
.index-shop .item .text-inner { padding: 5px 5px; }
.index-shop .item .text-inner .title { font-size: 15px; line-height: 35px; height: 35px; overflow: hidden; text-align: center; }
.index-shop .item .text-inner .descrition { font-size: 14px; line-height: 2; color: #999; min-height: 105px; }
.index-shop .item:hover .text-inner { background: #0090F5; }
.index-shop .item:hover .text-inner .title { color: #fff; }
.index-shop .item .more-inner { padding: 10px 10px; text-align: center; }
.index-shop .item .more-inner a { margin: 0 auto; width: 100px; height: 35px; line-height: 33px; background: none; border-radius: 5px; text-align: center; overflow: hidden; color: #666; font-size: 14px; display: block; transition: all .6s; border: 1px solid #e5e5e5; }
.index-shop .item:hover .more-inner a { background: #0066B3; color: #fff; border-color: #0066B3; }
.index-shop .item:hover { box-shadow : 0px 0px 15px rgba(0,0,0,.1); }
@media screen and (max-width: 767px) {
.index-shop .item { width: 49%; }
.index-shop .item:nth-child(2n) { margin-right: 0; }
.index-shop .item:nth-child(4n) { margin-right: 0; }
.index-shop .item .image-wrap { height: 125px; }
}
/**/
.index-tip { overflow: hidden; text-align: center; margin-bottom: 20px; }
.index-tip img { width: 100%; vertical-align: middle; }
/**/
.case-wrap { background: #fafafa; overflow: hidden; }
.case-wrap .container { overflow: visible; }
.index-case { padding: 20px 0; position: relative; }
#index-case { }
#index-case .swiper-wrapper { width: 100%; height: 100%; }
#index-case .swiper-slide { float: left !important; width: 24%!important; background: #fff !important; margin: 0 .5% !important; margin-top: 10px; overflow: hidden !important; }
#index-case .swiper-slide .image { width: 100%; height: 180px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
#index-case .swiper-slide .image img { max-width: 100%; max-height: 100%; align-items: center; transition: all .6s; }
#index-case .swiper-slide:hover .image img { transform: scale(1.025); }
#index-case .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-case .swiper-slide:hover .image:before { opacity: 1; }
#index-case .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: -17px; z-index: 9; text-align: center; font-size: 16px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s; }
#index-case .swiper-slide:hover .image:after { opacity: 1; top: 50%; margin-top: -17px; }
#index-case .swiper-slide .text { padding: 10px 10px; position: relative; line-height: 30px; font-size: 15px; }
#index-case .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-case .swiper-slide:hover .text h3 a { color: #1266A9; }
#index-case .swiper-slide .text-inner .more { position: relative; text-align: right; font-size: 18px; }
.index-case .swiper-button-prev, .index-case .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-case .swiper-button-prev { left: -50px; }
.index-case .swiper-button-next { right: -50px; }
.index-case .swiper-button-prev:hover, .index-case .swiper-button-next:hover { background: #1266A9!important; color: #fff; }
#index-case .swiper-slide:after { position: absolute; width: 0; height: 2px; background: #1266A9; content: ""; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.5s linear; }
#index-case .swiper-slide:hover:after { width: 100%; }
@media screen and (max-width: 767px) {
.index-case { display: none; }
}
/**/
.index-cases { padding: 20px 0; position: relative; display: none; }
#index-cases { }
#index-cases .swiper-wrapper { width: 100%; height: 100%; }
#index-cases .swiper-slide { float: left !important; width: 49%!important; background: #fff !important; margin: 0 .5% !important; margin-top: 10px; overflow: hidden !important; }
#index-cases .swiper-slide .image { width: 100%; height: 180px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
#index-cases .swiper-slide .image img { max-width: 100%; max-height: 100%; align-items: center; transition: all .6s; }
#index-cases .swiper-slide:hover .image img { transform: scale(1.025); }
#index-cases .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-cases .swiper-slide:hover .image:before { opacity: 1; }
#index-cases .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: -17px; z-index: 9; text-align: center; font-size: 16px; color: #fff; border-radius: 50%; opacity: 0; transition: all .6s; }
#index-cases .swiper-slide:hover .image:after { opacity: 1; top: 50%; margin-top: -17px; }
#index-cases .swiper-slide .text { padding: 10px 10px; position: relative; line-height: 30px; font-size: 15px; }
#index-cases .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-cases .swiper-slide:hover .text h3 a { color: #1266A9; }
#index-cases .swiper-slide .text-inner .more { position: relative; text-align: right; font-size: 18px; }
.index-cases .swiper-button-prev, .index-cases .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-cases .swiper-button-prev { left: -50px; }
.index-cases .swiper-button-next { right: -50px; }
.index-cases .swiper-button-prev:hover, .index-cases .swiper-button-next:hover { background: #1266A9!important; color: #fff; }
#index-cases .swiper-slide:after { position: absolute; width: 0; height: 2px; background: #1266A9; content: ""; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.5s linear; }
#index-cases .swiper-slide:hover:after { width: 100%; }
@media screen and (max-width: 767px) {
.index-cases { display: block; }
}
/**/
.why-wrap { overflow: hidden; background: url(../images/abanner3.png) no-repeat center; background-size: cover; }
.index-why { padding: 50px 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap row; flex-flow: wrap row; -webkit-justify-content: center; justify-content: center; padding-bottom: 10px; }
.index-why li { float: left; width: 30.333333%; margin: 20px 1.5%; margin-bottom: 40px; padding: 10px 10px; position: relative; border-radius: 10px; box-shadow : 0 0 10px rgba(0,0,0,.1); transition: all .6s; top: 0; background: #fff; }
.index-why li .title, .index-why li .text { overflow: hidden; text-align: center; }
.index-why li .title { position: absolute; width: 144px; height: 166px; line-height: 45px; left: 50%; margin-left: -72px; top: -42px; background: url(../images/x2.png) no-repeat center; display: flex; align-items: center; justify-content: center; font-size: 40px; font-weight: bold; color: #fff; z-index: 2; }
.index-why li .text { z-index: 1; position: relative; background: url(../images/x1.png) no-repeat center; background-size: 100% auto; padding: 120px 20px; padding-bottom: 30px; font-size: 16px; text-align: center; line-height: 30px; height: 250px; }
.index-why li:hover { top: -10px; box-shadow : 0 0 20px rgba(0,0,0,.1); }
@media screen and (max-width: 767px) {
.index-why li { width: 47%; }
.index-why li .text { padding: 120px 0; padding-bottom: 30px; font-size: 14px; text-align: center; line-height: 25px; height: 280px; text-align: left; }
}
/**/
.ptn { padding: 0 0; }
.dis-none { display: none !important; }
/**/