#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999; }

#baguetteBox-overlay.visible { opacity: 1; }

#baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; }

#baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }

#baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

#baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: Verdana, Geneva, sans-serif; }

#baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; -o-transition: left .4s ease, -o-transform .4s ease; -moz-transition: left .4s ease, transform .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease, -o-transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button { right: 2%; display: block !important; }

.baguetteBox-button#previous-button { left: 2%; display: block !important; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); right: calc(2% + 6px); width: 30px; height: 30px; }

.baguetteBox-button svg { position: absolute; left: 0; top: 0; }

/*# sourceMappingURL=baguetteBox.css.map */

@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body { color: #333; font-family: "Microsoft YaHei", "微软雅黑"; font-size: 14px; font-size: 1.4rem; max-width: 1920px; margin: 0 auto; overflow-x: hidden; }

@media screen and (max-device-width: 320px) { body { -webkit-text-size-adjust: 100%; } }

@media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: 100%; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) { body { -webkit-text-size-adjust: 100%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; } }

img { border: none; }

ul li { list-style-type: none; }

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: #333; outline: none; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

h1, h2 { margin: 0; padding: 0; font-weight: normal; }

img { max-width: 100%; border: 0px solid #ccc; }

embed, video, iframe { max-width: 100%; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input, textarea, select { font-family: "Microsoft YaHei", "微软雅黑"; font-size: 14px; font-size: 1.4rem; border: none; outline: none; background: none; }

input:focus, textarea:focus, select:focus { outline: none; }

textarea { resize: none; }

.pull-left { float: left; }

.pull-right { float: right; }

.clear { clear: both; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

/* html5 */
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

::-webkit-input-placeholder { color: #fff; opacity: 1; }

/* WebKit browsers */
:-o-placeholder { color: #fff; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #fff; opacity: 1; }

/* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #fff; opacity: 1; }

/* Internet Explorer 10+ */
::-moz-selection { color: #fff; background: #d78712; }
::selection { color: #fff; background: #d78712; }

.self-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.self-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.self-ellipsis-3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.self-ellipsis-4 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.relative { position: relative; }

.absolute { position: absolute; }

.common-vc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.common-hc { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.common-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.text-right { text-align: right; }

.text-left { text-align: left; }

.nlazy { min-width: 20%; }

/**/
.email { word-break: break-all; }

.scale-big img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.scale-big:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small img { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

.scale-small:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

[class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }

[class*="-item"] .item-pic img, [class*="-item"] .item-pics img { display: block !important; width: 100%; }

[class*="-item"] .item-title { overflow: hidden; }

[class*="-item"] .item-title a { display: block; }

[class*="-item"] .item-title a:hover { color: #d78712 !important; }

[class*="-item"] .item-subt { overflow: hidden; }

[class*="-item"] .item-subt a { display: block; }

[class*="-item"] .item-subt a:hover { color: #d78712 !important; }

[class*="-item"] .item-desc { overflow: hidden; color: #666; }

[class*="-item"] .item-desc a { display: block; color: #666; }

[class*="-item"] .item-desc a:hover { color: #d78712 !important; }

.wp { width: 1400px; margin: auto; }

@media screen and (max-width: 1419px) { .wp { width: 1200px; } }

@media screen and (max-width: 1219px) { .wp { width: 960px; } }

@media screen and (max-width: 991px) { .wp { width: 720px; } }

@media screen and (max-width: 767px) { .wp { width: 100%; padding-left: 15px; padding-right: 15px; } }

.wp1 { width: 1200px; margin: auto; }

@media screen and (max-width: 1219px) { .wp1 { width: 960px; } }

@media screen and (max-width: 991px) { .wp1 { width: 720px; } }

@media screen and (max-width: 767px) { .wp1 { width: 100%; padding-left: 15px; padding-right: 15px; } }

.no_margin { margin-left: auto !important; }

.no_marginr { margin-right: auto !important; }

.no_marginl { margin-left: auto !important; }

.at-resp-share-element .at4-share-count-container { text-decoration: none; float: right; padding-right: 15px; line-height: 25px !important; }

.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }

.at-style-responsive .at-share-btn { padding: 0 !important; -webkit-border-radius: 2px !important; border-radius: 2px !important; }

.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; }

.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.at-resp-share-element .at-icon { width: 24px !important; height: 24px !important; }

.at-style-responsive .at-share-btn { padding: 0 !important; -webkit-border-radius: 2px !important; border-radius: 2px !important; }

.at-resp-share-element .at-share-btn .at-icon-wrapper { width: 24px !important; height: 24px !important; }

.at-resp-share-element .at-share-btn { margin-bottom: 0 !important; margin-right: 3px !important; }

.item-table { display: table; table-layout: fixed; width: 100%; height: 100%; }

.item-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

/* .an-btn1 start */
.an-btn1 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; }

.an-btn1:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #d78712; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.an-btn1 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.an-btn1:hover { border-color: #d78712 !important; background-color: #d78712 \9; color: #fff !important; }

.an-btn1:hover .iconfont { color: #fff !important; }

.an-btn1:hover:before { height: 500%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* .an-btn1 end */
/* .an-btn2 start */
.an-btn2 { position: relative; z-index: 1; overflow: hidden; -webkit-transition: background 0.4s linear, color 0.3s linear; -o-transition: background 0.4s linear, color 0.3s linear; -moz-transition: background 0.4s linear, color 0.3s linear; transition: background 0.4s linear, color 0.3s linear; }

.an-btn2:before { position: absolute; top: 50%; left: 50%; width: 120%; height: 50%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; content: ''; background: #fff; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.an-btn2 .iconfont { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

.an-btn2:hover { border-color: #d78712 !important; background-color: #fff \9; color: #d78712 !important; }

.an-btn2:hover .iconfont { color: #d78712 !important; }

.an-btn2:hover:before { height: 500%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* .an-btn2 end */
@media screen and (min-width: 992px) { .an-bd1 .item-backdrop { position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
  .an-bd1 .item-backdrop:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; background-color: #d78712; } }

@media screen and (min-width: 992px) { .an-bd1:hover .item-backdrop { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } }

/*-------------table start-------------------------------------------------------------------*/
.table table { width: 100%; border-collapse: collapse; border: 1px solid #ccc; }

.table table p { line-height: 22px !important; }

.table table p { min-height: 22px !important; }

.table table, .table table a { color: #000; }

.table table tr td { padding: 5px 3px; border: 1px solid #ccc; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table div { width: 900px; max-width: 900px; } }

/*-------------table end---------------------------------------------------------------------*/
/*-------------proslide_menubtn start--------------------------------------------------------*/
.proslide_menubtn { display: none; width: 23px; height: 18px; position: absolute; top: 12px; right: 10px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9; }

.proslide_menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #fff; }

@media screen and (max-width: 767px) { .proslide_menubtn { display: block; } }

/*-------------proslide_menubtn end----------------------------------------------------------*/
/*-------------page-start--------------------------------------------------------------------*/
.page { text-align: center; overflow: hidden; font-size: 0; letter-spacing: 0; }

.page a { display: inline-block; vertical-align: top; border: solid 1px #DCDCDC; color: #666; min-width: 36px; height: 36px; line-height: 34px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 5px 10px; font-size: 14px; font-size: 1.4rem; }

.page a .iconfont { font-size: 14px; font-size: 1.4rem; color: #999; }

.page a:hover, .page a.page-active { border-color: #182737; background-color: #182737; color: #fff; }

.page a:hover .iconfont, .page a.page-active .iconfont { color: #fff; }

@media only screen and (max-width: 1219px) { .page a { min-width: 32px; height: 32px; line-height: 30px; font-size: 12px; font-size: 1.2rem; margin: 0 3px 10px; }
  .page a .iconfont { font-size: 14px; font-size: 1.4rem; } }

@media only screen and (max-width: 767px) { .page a { font-size: 12px; font-size: 1.2rem; min-width: 28px; height: 28px; line-height: 26px; }
  .page a .iconfont { font-size: 12px; font-size: 1.2rem; } }

.page .add-form { display: inline-block; vertical-align: top; margin-left: 5px; }

.page .add-form .add-btn { -webkit-border-radius: 0; border-radius: 0; font-size: 14px; font-size: 1.4rem; text-align: center; min-width: 180px; padding: 0 5px; height: 40px; line-height: 38px; border: solid 1px #EEEEEE; color: #666; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.page .add-form .add-btn:hover { background-color: #d78712; border-color: #d78712; color: #fff; }

@media only screen and (max-width: 1219px) { .page .add-form .add-btn { min-width: 160px; font-size: 14px; font-size: 1.4rem; height: 32px; line-height: 30px; } }

@media only screen and (max-width: 767px) { .page .add-form .add-btn { min-width: 140px; height: 28px; line-height: 26px; font-size: 12px; font-size: 1.2rem; } }

/*-------------page-end--------------------------------------------------------------------*/
/*-------------contact start---------------------------------------------------------------*/
.m-kf { position: fixed; right: 0; top: 30%; z-index: 9; }

.m-kf .kf-item { position: relative; }

.m-kf .kf-item .fix { position: absolute; right: 100%; top: 0; padding-right: 14px; display: none; }

.m-kf .kf-item .fix:before { content: ""; position: absolute; right: 0; top: 22px; border-left: 14px solid #182737; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }

.m-kf .kf-info .btn { display: block; width: 70px; line-height: 70px; text-align: center; background-color: #182737; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; }

.m-kf .kf-info .btn .iconfont { font-size: 26px; font-size: 2.6rem; display: block; }

@media screen and (max-width: 767px) { .m-kf .kf-info .btn { background-color: #121212; } }

.m-kf .kf-info .info { width: 252px; padding-left: 22px; padding-right: 22px; padding-top: 21px; padding-bottom: 21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 18px; border-radius: 18px; background-color: #182737; }

.m-kf .kf-info .info img { max-width: 125px; }

.m-kf .kf-info .item { position: relative; padding-left: 26px; padding-top: 5px; padding-bottom: 5px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #d2d1d1; }

.m-kf .kf-info .item i { position: absolute; left: 0; top: 5px; font-size: 16px; font-size: 1.6rem; }

.m-kf .kf-info .item a { color: #d2d1d1; }

.m-kf .kf-info .item a:hover { color: #d78712; }

.m-kf .kf-form { margin-top: 6px; }

.m-kf .kf-form .btn { display: block; width: 70px; background-color: #182737; -webkit-border-radius: 15px; border-radius: 15px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; padding: 23px 0; line-height: 1.1; }

@media screen and (max-width: 767px) { .m-kf .kf-form .btn { background-color: #121212; } }

.m-kf .kf-form .form { width: 252px; padding-left: 22px; padding-right: 22px; padding-top: 21px; padding-bottom: 21px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 18px; border-radius: 18px; background-color: #182737; }

@media screen and (max-width: 767px) { .m-kf .kf-form .form { background-color: #121212; } }

.m-kf .kf-form .form-item1 { padding: 4px 0; border-bottom: 1px solid #27394c; overflow: hidden; }

.m-kf .kf-form .form-label { float: left; margin-right: 5px; line-height: 20px; font-size: 12px; font-size: 1.2rem; color: #d2d1d1; }

.m-kf .kf-form .form-control { overflow: hidden; }

.m-kf .kf-form .form-text { width: 100%; padding: 0 10px; height: 40px; line-height: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-kf .kf-form .form-btn { margin-top: 13px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 80px; height: 30px; font-size: 14px; font-size: 1.4rem; -webkit-border-radius: 15px; border-radius: 15px; background-color: #fff; }

.m-kf .kf-gjd { margin-top: 7px; }

.m-kf .kf-gjd .btn { display: block; width: 70px; text-align: center; background-color: #182737; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; font-size: 20px; font-size: 2rem; line-height: 1.1; padding: 13px 0; }

.m-kf .kf-gjd .btn:hover { background-color: #d78712; }

@media screen and (max-width: 991px) { .m-kf .kf-gjd .btn { background-color: #182737; } }

@media screen and (max-width: 767px) { .m-kf .kf-gjd .btn { background-color: #121212; } }

.m-kf .kf-ds { margin-top: 6px; }

.m-kf .kf-ds .btn { display: block; width: 70px; background-color: #182737; -webkit-border-radius: 15px; border-radius: 15px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center; padding: 16px 0; }

.m-kf .kf-ds .btn:hover, .m-kf .kf-ds .btn.active { color: #fff; background-color: #d78712; }

.m-kf .kf-ds .fix { top: -90px; }

.m-kf .kf-ds .fix:before { display: none; }

.m-kf .kf-ds .wp { width: 250px; padding: 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #182737; color: #fff; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; }

.m-kf .kf-ds .title { line-height: 26px; font-size: 16px; font-size: 1.6rem; }

.m-kf .kf-ds .img { margin-top: 17px; }

.m-kf .kf-ds .item { margin-top: 15px; }

.m-kf .kf-ds .item:first-child { margin-top: 0; }

.m-kf .kf-gindex { margin-top: 7px; }

.m-kf .kf-gindex .btn { display: block; width: 70px; text-align: center; background-color: #182737; -webkit-border-radius: 15px; border-radius: 15px; color: #fff; font-size: 20px; font-size: 2rem; line-height: 1.1; padding: 13px 0; }

.m-kf .kf-gindex .btn:hover { background-color: #d78712; }

@media screen and (max-width: 991px) { .m-kf .kf-gindex .btn { background-color: #182737; } }

@media screen and (max-width: 767px) { .m-kf .kf-gindex .btn { background-color: #121212; } }

.m-kf .kf-top { display: none; }

@media screen and (max-width: 991px) { .m-kf { top: auto; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; }
  .m-kf .kf-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
  .m-kf .kf-item .btn { width: 100%; font-size: 12px; font-size: 1.2rem; -webkit-border-radius: 0; border-radius: 0; }
  .m-kf .kf-item .fix { right: auto; top: auto; bottom: 100%; left: 0; }
  .m-kf .kf-item .fix:before { display: none; }
  .m-kf .kf-form { margin-top: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; }
  .m-kf .kf-form .btn { width: 100%; padding: 0; line-height: 40px; }
  .m-kf .kf-form .btn br { display: none; }
  .m-kf .kf-form .form { -webkit-border-radius: 0; border-radius: 0; }
  .m-kf .kf-gindex, .m-kf .kf-gjd { width: 60px; margin-top: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-right: 1px solid #fff; }
  .m-kf .kf-gindex .btn, .m-kf .kf-gjd .btn { width: 100%; padding: 0; line-height: 40px; }
  .m-kf .kf-gindex .btn br, .m-kf .kf-gjd .btn br { display: none; }
  .m-kf .kf-info, .m-kf .kf-top, .m-kf .kf-ds { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 60px; }
  .m-kf .kf-info .btn, .m-kf .kf-top .btn, .m-kf .kf-ds .btn { display: block; line-height: 40px; background-color: #182737; color: #fff; text-align: center; }
  .m-kf .kf-info .btn .iconfont, .m-kf .kf-top .btn .iconfont, .m-kf .kf-ds .btn .iconfont { display: block; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) and (max-width: 767px) { .m-kf .kf-info .btn, .m-kf .kf-top .btn, .m-kf .kf-ds .btn { background-color: #121212; } }

@media screen and (max-width: 991px) { .m-kf .kf-info .info, .m-kf .kf-top .info, .m-kf .kf-ds .info { -webkit-border-radius: 0; border-radius: 0; }
  .m-kf .kf-ds { margin-top: 0; border-right: 1px solid #fff; }
  .m-kf .kf-ds .btn { width: 100%; font-size: 12px; font-size: 1.2rem; -webkit-border-radius: 0; border-radius: 0; padding: 0; }
  .m-kf .kf-ds .btn br { display: none; }
  .m-kf .kf-ds .fix { right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .m-kf .kf-ds .wp { -webkit-border-radius: 0; border-radius: 0; width: 200px; padding: 20px 15px; }
  .m-kf .kf-ds .title { font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .m-kf .kf-ds .img img { width: 70px; } }

@media only screen and (max-width: 991px) { body { padding-bottom: 40px; } }

.returntop { position: fixed; *position: absolute; z-index: 9; right: 6px; bottom: 150px; width: 52px; height: 52px; line-height: 52px; color: #fff; text-align: center; background-color: #58585a; -webkit-border-radius: 0; border-radius: 0; display: none; }

.returntop .iconfont { font-size: 34px; font-size: 3.4rem; display: block; }

.returntop:hover { color: #fff; background-color: #d78712; }

@media screen and (max-width: 991px) { .returntop { display: none !important; } }

/*-------------contact end-----------------------------------------------------------------*/
/*-------------pro-share start-------------------------------------------------------------*/
.pro-share { font-size: 0; letter-spacing: 0; }

.pro-share .share-title { margin-right: 3px; display: inline-block; *display: inline; *zoom: 1; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #999; }

@media only screen and (max-width: 991px) { .pro-share .share-title { font-size: 14px; font-size: 1.4rem; } }

@media only screen and (max-width: 767px) { .pro-share .share-title { font-size: 12px; font-size: 1.2rem; } }

.pro-share .share-pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 30px; }

/*-------------pro-share end---------------------------------------------------------------*/
/*-------------m-oths----------------------------------------------------------------------*/
.m-oths { margin-top: 8px; }

.m-oths .oths-item { height: 36px; line-height: 36px; font-size: 16px; font-size: 1.6rem; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center; }

.m-oths .oths-item a { color: #666; }

.m-oths .oths-item a:hover { color: #d78712; }

.m-oths .item-title { color: #666; }

/*-------------bread start-----------------------------------------------------------------*/
.bread { border-bottom: solid 1px #e6e6e6; font-size: 14px; font-size: 1.4rem; line-height: 24px; padding-top: 15px; padding-bottom: 14px; overflow: hidden; }

.bread, .bread a { color: #666; }

.bread a:hover, .bread .bread-active { color: #d78712; }

.bread .iconfont { color: #666; margin-right: 10px; }

@media screen and (max-width: 991px) { .bread .iconfont { margin-right: 5px; } }

@media screen and (max-width: 767px) { .bread { padding-top: 10px; padding-bottom: 10px; } }

/*-------------bread end-------------------------------------------------------------------*/
.search-box ::-webkit-input-placeholder { color: #666; opacity: 1; }

/* WebKit browsers */
.search-box :-o-placeholder { color: #666; opacity: 1; }

/* Mozilla Firefox 4 to 18 */
.search-box ::-moz-placeholder { color: #666; opacity: 1; }

/* Mozilla Firefox 19+ */
.search-box :-ms-input-placeholder { color: #666; opacity: 1; }

/* Internet Explorer 10+ */
.search-box { overflow: hidden; position: relative; width: 230px; height: 30px; cursor: pointer; -webkit-border-radius: 15px; border-radius: 15px; border: solid 1px #d0d0d0; margin-top: 13px; }

@media screen and (max-width: 767px) { .search-box { margin: 5px 35px 0 0; } }

.search-box .iconfont { font-size: 16px; font-size: 1.6rem; color: #666666; position: absolute; width: 27px; height: 28px; line-height: 28px; right: 0; top: 0; text-align: left; }

.search-box .search-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 28px; padding: 0 30px 0 18px; color: #666; font-size: 14px; font-size: 1.4rem; background-color: #fff; }

.search-box .search-submit { position: absolute; width: 30px; height: 100%; top: 0px; right: 0px; cursor: pointer; z-index: 1; }

/*-------------header start----------------------------------------------------------------*/

/*-------------header end------------------------------------------------------------------*/
/*-------------footer start----------------------------------------------------------------*/
.footer { background-color: #2c2c2c; }

.footer, .footer a { color: #929292; }

.footer a:hover { color: #d78712; }

.footer .f-top { border-bottom: solid 1px #E0E0E0; border-bottom-color: rgba(224, 224, 224, 0.4); font-size: 0; letter-spacing: 0; padding: 43px 0 20px; }

@media screen and (max-width: 1219px) { .footer .f-top { padding: 30px 0 20px; } }

@media screen and (max-width: 991px) { .footer .f-top { padding: 25px 0 20px; } }

@media screen and (max-width: 767px) { .footer .f-top { text-align: center; padding: 20px 0 0; } }

.footer .f-top .footer-title { font-size: 20px; font-size: 2rem; line-height: 26px; margin-bottom: 30px; }

.footer .f-top .footer-title, .footer .f-top .footer-title a { color: #e0e0e0; }

.footer .f-top .footer-title a:hover { color: #d78712; }

@media screen and (max-width: 1219px) { .footer .f-top .footer-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 15px; } }

@media screen and (max-width: 991px) { .footer .f-top .footer-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .footer .f-top .footer-title { display: none; } }

.footer .f-top .flist { display: inline-block; vertical-align: top; font-size: 16px; font-size: 1.6rem; line-height: 36px; margin-bottom: 20px; }

@media screen and (max-width: 1219px) { .footer .f-top .flist { font-size: 14px; font-size: 1.4rem; line-height: 30px; } }

@media screen and (max-width: 991px) { .footer .f-top .flist { font-size: 12px; font-size: 1.2rem; line-height: 24px; margin-bottom: 15px; } }

.footer .f-top .flist7 { float: right; width: 297px; }

@media screen and (max-width: 1219px) { .footer .f-top .flist7 { width: 280px; } }

@media screen and (max-width: 991px) { .footer .f-top .flist7 { width: 220px; } }

@media screen and (max-width: 767px) { .footer .f-top .flist7 { width: 100%; max-width: 250px; float: none; } }

.footer .f-top .flist7 .logo1 { display: block; margin-bottom: 50px; }

.footer .f-top .flist7 .logo1 img { display: block; }

@media screen and (max-width: 1219px) { .footer .f-top .flist7 .logo1 { margin-bottom: 30px; } }

@media screen and (max-width: 991px) { .footer .f-top .flist7 .logo1 { margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .footer .f-top .flist7 .logo1 { max-width: 200px; margin: 0 auto 15px; } }

.footer .f-top .flist7 .box1-list { font-size: 0; letter-spacing: 0; text-align: center; }

.footer .f-top .flist7 .box1-list li { display: inline-block; vertical-align: top; width: 30.30303%; margin-left: 4.0404%; }

.footer .f-top .flist7 .box1-list li:first-child { margin-left: 0; }

.footer .f-top .flist7 .box1-list .item-pic img { display: block; width: 100%; }

.footer .f-top .flist7 .box1-list .item-title { margin-top: 16px; font-size: 15px; font-size: 1.5rem; line-height: 20px; color: #FFFFFF; }

@media screen and (max-width: 1219px) { .footer .f-top .flist7 .box1-list .item-title { font-size: 14px; font-size: 1.4rem; margin-top: 10px; } }

@media screen and (max-width: 991px) { .footer .f-top .flist7 .box1-list .item-title { font-size: 12px; font-size: 1.2rem; margin-top: 5px; } }

.footer .f-add { float: left; width: 920px; }

@media screen and (max-width: 1419px) { .footer .f-add { width: 900px; } }

@media screen and (max-width: 1219px) { .footer .f-add { width: 660px; } }

@media screen and (max-width: 991px) { .footer .f-add { width: 500px; } }

@media screen and (max-width: 767px) { .footer .f-add { display: none !important; } }

.footer .f-add .box-title { color: #fff; font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: -10px; }

@media screen and (max-width: 1219px) { .footer .f-add .box-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .footer .f-add .box-title { font-size: 14px; font-size: 1.4rem; } }

.footer .f-add .box-list { font-size: 0; letter-spacing: 0; }

.footer .f-add .box-list li { display: inline-block; vertical-align: top; width: 34%; margin-right: 16%; margin-top: 47px; font-size: 14px; font-size: 1.4rem; line-height: 30px; padding-left: 24px; position: relative; }

.footer .f-add .box-list li .iconfont { color: #d78712; position: absolute; font-size: 20px; font-size: 2rem; left: 0; top: 0; }

@media screen and (max-width: 1219px) { .footer .f-add .box-list li { margin-top: 40px; line-height: 24px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; }
  .footer .f-add .box-list li .iconfont { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .footer .f-add .box-list li { line-height: 20px; margin-top: 20px; width: 40%; margin-right: 10%; } }

.footer .f-middle { padding: 25px 0; }

@media screen and (max-width: 1219px) { .footer .f-middle { padding: 20px 0; } }

@media screen and (max-width: 767px) { .footer .f-middle { text-align: center; padding: 15px 0; } }

.footer .f-middle .f-follow { float: right; font-size: 0; letter-spacing: 0; }

@media screen and (max-width: 767px) { .footer .f-middle .f-follow { float: none; margin-bottom: 10px; } }

.footer .f-middle .f-follow a { display: inline-block; vertical-align: bottom; margin-left: 4px; position: relative; -webkit-transition: all .25s; -o-transition: all .25s; -moz-transition: all .25s; transition: all .25s; }

.footer .f-middle .f-follow a:first-child { margin-left: 0; }

.footer .f-middle .f-follow a:hover .iconfont { background-color: #d78712; }

@media screen and (min-width: 1025px) { .footer .f-middle .f-follow a:hover .iconfont { width: 38px; height: 38px; line-height: 38px; margin-top: -4px; } }

.footer .f-middle .f-follow .item-img { display: none; position: absolute; width: 100px; right: 0; bottom: 100%; padding-bottom: 10px; }

.footer .f-middle .f-follow .item-img img { display: block; }

.footer .f-middle .f-follow .iconfont { display: block; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.2); -webkit-border-radius: 4px; border-radius: 4px; font-size: 19px; font-size: 1.9rem; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #fff; -webkit-transition: all .25s; -o-transition: all .25s; -moz-transition: all .25s; transition: all .25s; }

@media screen and (max-width: 991px) { .footer .f-middle .f-follow .iconfont { font-size: 18px; font-size: 1.8rem; width: 32px; height: 32px; line-height: 32px; } }

@media screen and (max-width: 767px) { .footer .f-middle .f-follow .iconfont { font-size: 16px; font-size: 1.6rem; width: 28px; height: 28px; line-height: 28px; } }

.footer .f-middle .box-body { overflow: hidden; padding-top: 6px; }

@media screen and (max-width: 767px) { .footer .f-middle .box-body { padding-top: 0; } }

.footer .f-middle .f-nav { font-size: 0; letter-spacing: 0; margin-bottom: 20px; }

.footer .f-middle .f-nav a { display: inline-block; vertical-align: top; font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-right: 38px; }

@media screen and (max-width: 1219px) { .footer .f-middle .f-nav { margin-bottom: 10px; }
  .footer .f-middle .f-nav a { font-size: 16px; font-size: 1.6rem; margin-right: 30px; } }

@media screen and (max-width: 991px) { .footer .f-middle .f-nav { margin-bottom: 5px; }
  .footer .f-middle .f-nav a { font-size: 14px; font-size: 1.4rem; line-height: 20px; margin-right: 15px; } }

@media screen and (max-width: 767px) { .footer .f-middle .f-nav { display: none; } }

.footer .f-middle .copyright { font-size: 16px; font-size: 1.6rem; line-height: 24px; }

@media screen and (max-width: 1219px) { .footer .f-middle .copyright { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .footer .f-middle .copyright { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.footer .f-bot { background-color: #424242; padding: 20px 0 20px; }

.footer .f-bot, .footer .f-bot a { color: #fff; }

.footer .f-bot a:hover { color: #d78712; }

.footer .f-bot .links { font-size: 16px; font-size: 1.6rem; line-height: 24px; }

.footer .f-bot .links a { display: inline-block; margin-right: 30px; }

@media screen and (max-width: 1419px) { .footer .f-bot { padding: 15px 0; } }

@media screen and (max-width: 1219px) { .footer .f-bot { padding: 10px 0; }
  .footer .f-bot .links { font-size: 14px; font-size: 1.4rem; line-height: 20px; } }

@media screen and (max-width: 991px) { .footer .f-bot .links { font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .footer .f-bot .links a { margin-right: 20px; } }

@media screen and (max-width: 767px) { .footer .f-bot { display: none; } }

/*-------------footer end------------------------------------------------------------------*/
/*-------------index start-----------------------------------------------------------------*/
.index-item { position: relative; padding-top: 26px; }

@media screen and (max-width: 1419px) { .index-item { padding-top: 24px; } }

@media screen and (max-width: 1219px) { .index-item { padding-top: 20px; } }

@media screen and (max-width: 991px) { .index-item { padding-top: 16px; } }

@media screen and (max-width: 767px) { .index-item { padding-top: 12px; } }

.index-item .item-bg { font-family: "SourceHanSansCN-Heavy", "微软雅黑"; color: #4a4a55; font-size: 50px; font-size: 5rem; line-height: 1; opacity: 0.1; position: absolute; top: 0; left: 0; letter-spacing: 3px; text-transform: uppercase; }

@media screen and (max-width: 1219px) { .index-item .item-bg { font-size: 44px; font-size: 4.4rem; letter-spacing: 2px; } }

@media screen and (max-width: 991px) { .index-item .item-bg { font-size: 36px; font-size: 3.6rem; letter-spacing: 1px; } }

@media screen and (max-width: 767px) { .index-item .item-bg { font-size: 28px; font-size: 2.8rem; letter-spacing: 0; } }

.index-item .item-box { font-size: 0; letter-spacing: 0; }

.index-item .item-box > * { display: inline-block; vertical-align: bottom; }

.index-item .item-title { margin-right: 5px; line-height: 1.2; font-size: 38px; font-size: 3.8rem; font-weight: bold; }

.index-item .item-title, .index-item .item-title a { color: #182737; }

@media screen and (max-width: 1219px) { .index-item .item-title { font-size: 32px; font-size: 3.2rem; } }

@media screen and (max-width: 991px) { .index-item .item-title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 767px) { .index-item .item-title { font-size: 20px; font-size: 2rem; margin-bottom: 5px; } }

.index-item .item-subt { font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 1.2; letter-spacing: 1px; }

.index-item .item-subt, .index-item .item-subt a { color: #d78712; }

.index-item .item-subt span { font-size: 36px; font-size: 3.6rem; font-weight: normal; }

.index-item .item-subt em { font-style: normal; }

@media screen and (max-width: 1419px) { .index-item .item-subt span { font-size: 32px; font-size: 3.2rem; } }

@media screen and (max-width: 1219px) { .index-item .item-subt { font-size: 16px; font-size: 1.6rem; }
  .index-item .item-subt span { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .index-item .item-subt { font-size: 14px; font-size: 1.4rem; }
  .index-item .item-subt span { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .index-item .item-subt { margin-bottom: 3px; font-size: 12px; font-size: 1.2rem; line-height: 20px; letter-spacing: 0; }
  .index-item .item-subt span { font-size: 16px; font-size: 1.6rem; }
  .index-item .item-subt em { display: none; } }

.g-habout { padding-top: 90px; padding-bottom: 108px; background-color: #f3f3f3; }

@media screen and (max-width: 1219px) { .g-habout { padding-top: 70px; padding-bottom: 70px; } }

@media screen and (max-width: 991px) { .g-habout { padding-top: 50px; padding-bottom: 50px; } }

@media screen and (max-width: 767px) { .g-habout { padding-top: 30px; padding-bottom: 30px; } }

.g-habout .index-item { margin-bottom: 75px; }

@media screen and (max-width: 1419px) { .g-habout .index-item { margin-bottom: 60px; } }

@media screen and (max-width: 1219px) { .g-habout .index-item { margin-bottom: 45px; } }

@media screen and (max-width: 991px) { .g-habout .index-item { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .g-habout .index-item { margin-bottom: 20px; } }

.m-habout { position: relative; padding-top: 475px; }

.m-habout .btn-wp { position: absolute; right: 350px; top: 40px; font-size: 0; letter-spacing: 0; z-index: 3; }

.m-habout .box-btn { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 17px; width: 39px; line-height: 39px; text-align: center; font-weight: bold; font-size: 16px; font-size: 1.6rem; color: #d2d1d1; background: url("../images/yuan1.png") no-repeat center; background-size: 100% 100%; }

.m-habout .box-btn.active { color: #d78712; background-image: url("../images/yuan2.png"); }

.m-habout .box-btn:last-child { margin-right: 0; }

@media screen and (max-width: 991px) { .m-habout .box-btn { font-size: 14px; font-size: 1.4rem; width: 34px; line-height: 34px; } }

.m-habtitem, .m-habtitem .box-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; opacity: 0; visibility: hidden; }

.m-hnanjing .box-item, .m-hhaerb .box-item { overflow: hidden; }

.m-hnanjing .box-item .bitem-wp, .m-hhaerb .box-item .bitem-wp { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; height: 100%; }

.m-hnanjing .box-item .bitem-pic, .m-hhaerb .box-item .bitem-pic { float: left; width: 100%; padding-right: 325px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; margin-top: 120px; }

.m-hnanjing .box-item .bitem-pic img, .m-hhaerb .box-item .bitem-pic img { display: block !important; width: 100%; }

@media screen and (max-width: 991px) { .m-hnanjing .box-item .bitem-pic, .m-hhaerb .box-item .bitem-pic { margin-top: 0; } }

.m-hnanjing .box-item .bitem-fix, .m-hhaerb .box-item .bitem-fix { float: left; margin-left: -300px; width: 300px; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

.m-hnanjing .box-item1 .bitem-info, .m-hhaerb .box-item1 .bitem-info { /* min-height: 466px; @media screen and (max-width:1219px) { min-height: 400px; } */ }

.m-hnanjing .box-item1 .info-item, .m-hhaerb .box-item1 .info-item { margin-top: 60px; }

.m-hnanjing .box-item1 .info-item:first-child, .m-hhaerb .box-item1 .info-item:first-child { margin-top: 0; }

.m-hnanjing .box-item1 .item-num, .m-hhaerb .box-item1 .item-num { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 1; font-size: 52px; font-size: 5.2rem; font-weight: bold; color: #182737; }

.m-hnanjing .box-item1 .item-num sup, .m-hhaerb .box-item1 .item-num sup { vertical-align: top; line-height: 0.5; }

.m-hnanjing .box-item1 .item-title, .m-hhaerb .box-item1 .item-title { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 26px; padding-bottom: 11px; position: relative; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #182737; }

.m-hnanjing .box-item1 .item-title:before, .m-hhaerb .box-item1 .item-title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 18px; height: 5px; background-color: #d78712; }

.m-hnanjing .box-item1 .item-desc, .m-hhaerb .box-item1 .item-desc { margin-top: 10px; line-height: 30px; max-height: 90px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }

.m-hnanjing .box-item1 .item-desc a, .m-hhaerb .box-item1 .item-desc a { color: #666; }

.m-hnanjing .box-item1 .item-desc a:hover, .m-hhaerb .box-item1 .item-desc a:hover { color: #d78712; }

.m-hnanjing .box-item2 .bitem-title, .m-hhaerb .box-item2 .bitem-title { position: relative; padding-bottom: 9px; line-height: 32px; font-size: 22px; font-size: 2.2rem; font-weight: bold; }

.m-hnanjing .box-item2 .bitem-title a, .m-hhaerb .box-item2 .bitem-title a { display: block; }

.m-hnanjing .box-item2 .bitem-title a:hover, .m-hhaerb .box-item2 .bitem-title a:hover { color: #d78712; }

.m-hnanjing .box-item2 .bitem-title:before, .m-hhaerb .box-item2 .bitem-title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 18px; height: 5px; background-color: #d78712; }

.m-hnanjing .box-item2 .bitem-desc, .m-hhaerb .box-item2 .bitem-desc { margin-top: 29px; max-height: 330px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }

.m-hnanjing .box-item2 .bitem-desc a, .m-hhaerb .box-item2 .bitem-desc a { display: block; }

.m-hnanjing .box-item2 .bitem-desc a, .m-hhaerb .box-item2 .bitem-desc a { color: #666; }

.m-hnanjing .box-item2 .bitem-desc a:hover, .m-hhaerb .box-item2 .bitem-desc a:hover { color: #d78712; }

.m-hnanjing.show1 .box-item1, .m-hhaerb.show1 .box-item1 { visibility: visible; opacity: 1; z-index: 2; }

.m-hnanjing.show1 .box-item2, .m-hhaerb.show1 .box-item2 { visibility: hidden; opacity: 0; z-index: 1; }

.m-hnanjing.show2 .box-item1, .m-hhaerb.show2 .box-item1 { visibility: hidden; opacity: 0; z-index: 1; }

.m-hnanjing.show2 .box-item2, .m-hhaerb.show2 .box-item2 { visibility: visible; opacity: 1; z-index: 2; }

.m-hnanjing.show, .m-hhaerb.show { visibility: visible; opacity: 1; z-index: 2; }

@media screen and (max-width: 991px) { .m-habout { padding-top: 50px; }
  .m-habout .btn-wp { top: 0; right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .m-habtitem, .m-habtitem .box-item { position: relative; display: block; visibility: visible; opacity: 1; display: none; }
  .m-hnanjing .box-item .bitem-wp, .m-hhaerb .box-item .bitem-wp { display: block; }
  .m-hnanjing .box-item .bitem-pic, .m-hhaerb .box-item .bitem-pic { width: 100%; padding-right: 0; float: none; margin-bottom: 30px; }
  .m-hnanjing .box-item .bitem-fix, .m-hhaerb .box-item .bitem-fix { float: none; margin-left: 0; width: 100%; }
  .m-hnanjing .box-item1 .bitem-info, .m-hhaerb .box-item1 .bitem-info { min-height: auto; }
  .m-hnanjing .box-item1 .info-item, .m-hhaerb .box-item1 .info-item { margin-top: 30px; }
  .m-hnanjing .box-item1 .item-num, .m-hhaerb .box-item1 .item-num { font-size: 34px; font-size: 3.4rem; }
  .m-hnanjing .box-item1 .item-title, .m-hhaerb .box-item1 .item-title { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .m-hnanjing .box-item1 .item-desc, .m-hhaerb .box-item1 .item-desc { max-height: 44px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-hnanjing .box-item2 .bitem-title, .m-hhaerb .box-item2 .bitem-title { line-height: 26px; font-size: 16px; font-size: 1.6rem; }
  .m-hnanjing .box-item2 .bitem-desc, .m-hhaerb .box-item2 .bitem-desc { margin-top: 15px; max-height: 132px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-hnanjing.show1 .box-item1, .m-hhaerb.show1 .box-item1 { display: block; }
  .m-hnanjing.show1 .box-item2, .m-hhaerb.show1 .box-item2 { display: none; }
  .m-hnanjing.show2 .box-item1, .m-hhaerb.show2 .box-item1 { display: none; }
  .m-hnanjing.show2 .box-item2, .m-hhaerb.show2 .box-item2 { display: block; }
  .m-hnanjing.show, .m-hhaerb.show { display: block; } }

/* index-art start */
.index-art { padding: 56px 0 78px; }

@media screen and (max-width: 1219px) { .index-art { padding: 56px 0 65px; } }

@media screen and (max-width: 991px) { .index-art { padding: 45px 0; } }

@media screen and (max-width: 767px) { .index-art { padding: 30px 0; } }

.index-art .index-item { margin-bottom: 53px; }

@media screen and (max-width: 1219px) { .index-art .index-item { margin-bottom: 45px; } }

@media screen and (max-width: 991px) { .index-art .index-item { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .index-art .index-item { margin-bottom: 20px; } }

.index-art .art-carousel { position: relative; }

.index-art .art-carousel .owl-buttons { display: none !important; }

.index-art .art-carousel .item { position: relative; }

@media screen and (max-width: 767px) { .index-art .art-carousel .item { padding-right: 32px; } }

.index-art .art-carousel .img-carousel { float: left; width: 87.42857%; }

@media screen and (max-width: 767px) { .index-art .art-carousel .img-carousel { float: none; width: 100%; } }

.index-art .art-carousel .item-body { position: absolute; width: 25.71429%; left: 65.71429%; bottom: 8.08081%; }

@media screen and (max-width: 991px) { .index-art .art-carousel .item-body { width: 28.57143%; left: 61.42857%; bottom: 6.31313%; } }

@media screen and (max-width: 767px) { .index-art .art-carousel .item-body { bottom: 0; width: 100%; left: 0; position: relative; } }

.index-art .art-carousel .item-body .item-subt { font-size: 48px; font-size: 4.8rem; line-height: 1.2; padding-bottom: 34px; padding-left: 15px; padding-right: 15px; position: relative; background-color: #fff; }

.index-art .art-carousel .item-body .item-subt, .index-art .art-carousel .item-body .item-subt a { color: #485b6c; }

.index-art .art-carousel .item-body .item-subt:before { position: absolute; content: ''; width: 51px; height: 3px; background-color: #485b6c; left: 15px; bottom: 13px; }

@media screen and (max-width: 1419px) { .index-art .art-carousel .item-body .item-subt { font-size: 40px; font-size: 4rem; padding-bottom: 30px; padding-left: 10px; padding-right: 10px; }
  .index-art .art-carousel .item-body .item-subt:before { left: 10px; } }

@media screen and (max-width: 1219px) { .index-art .art-carousel .item-body .item-subt { font-size: 32px; font-size: 3.2rem; padding-bottom: 24px; }
  .index-art .art-carousel .item-body .item-subt:before { bottom: 10px; } }

@media screen and (max-width: 991px) { .index-art .art-carousel .item-body .item-subt { font-size: 26px; font-size: 2.6rem; padding-bottom: 20px; }
  .index-art .art-carousel .item-body .item-subt:before { bottom: 10px; } }

@media screen and (max-width: 767px) { .index-art .art-carousel .item-body .item-subt { font-size: 20px; font-size: 2rem; padding-left: 0; padding-right: 0; padding-bottom: 10px; margin-top: 15px; }
  .index-art .art-carousel .item-body .item-subt:before { left: 0; bottom: 0; } }

.index-art .art-carousel .item-body .item-title { margin-top: 30px; font-size: 24px; font-size: 2.4rem; line-height: 28px; padding-top: 13px; padding-bottom: 12px; padding-left: 15px; padding-right: 15px; font-weight: bold; background-color: #fff; }

.index-art .art-carousel .item-body .item-title, .index-art .art-carousel .item-body .item-title a { color: #485b6c; }

@media screen and (max-width: 1419px) { .index-art .art-carousel .item-body .item-title { font-size: 22px; font-size: 2.2rem; margin-top: 20px; padding: 10px; } }

@media screen and (max-width: 1219px) { .index-art .art-carousel .item-body .item-title { font-size: 20px; font-size: 2rem; line-height: 26px; margin-top: 15px; padding-top: 8px; padding-bottom: 8px; } }

@media screen and (max-width: 991px) { .index-art .art-carousel .item-body .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-top: 15px; } }

@media screen and (max-width: 767px) { .index-art .art-carousel .item-body .item-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; margin-top: 10px; padding-left: 0; padding-right: 0; padding-top: 5px; padding-bottom: 5px; } }

.index-art .art-carousel .item-body .item-desc { background-color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 72px; padding-left: 15px; padding-right: 15px; }

.index-art .art-carousel .item-body .item-desc, .index-art .art-carousel .item-body .item-desc a { color: #485d70; }

@media screen and (max-width: 1419px) { .index-art .art-carousel .item-body .item-desc { padding-left: 10px; padding-right: 10px; } }

@media screen and (max-width: 1219px) { .index-art .art-carousel .item-body .item-desc { line-height: 20px; height: 60px; } }

@media screen and (max-width: 767px) { .index-art .art-carousel .item-body .item-desc { height: auto; font-size: 12px; font-size: 1.2rem; padding-left: 0; padding-right: 0; } }

.index-art .art-carousel .item-body .item-btn { margin-top: 41px; margin-left: 15px; display: inline-block; min-width: 136px; height: 55px; line-height: 53px; border: 1px solid #485d70; text-align: center; font-size: 20px; font-size: 2rem; color: #485d70; }

@media screen and (max-width: 1419px) { .index-art .art-carousel .item-body .item-btn { margin-top: 30px; height: 48px; line-height: 46px; font-size: 18px; font-size: 1.8rem; margin-left: 10px; } }

@media screen and (max-width: 1219px) { .index-art .art-carousel .item-body .item-btn { margin-top: 20px; font-size: 16px; font-size: 1.6rem; height: 40px; line-height: 38px; min-width: 140px; } }

@media screen and (max-width: 991px) { .index-art .art-carousel .item-body .item-btn { margin-top: 20px; font-size: 14px; font-size: 1.4rem; height: 36px; line-height: 34px; min-width: 120px; } }

@media screen and (max-width: 767px) { .index-art .art-carousel .item-body .item-btn { font-size: 12px; font-size: 1.2rem; height: 30px; line-height: 28px; min-width: 100px; margin-left: 0; } }

.index-art .art-carousel .carousel-btns { font-size: 0; letter-spacing: 0; position: absolute; right: 0; top: 63px; }

@media screen and (max-width: 1219px) { .index-art .art-carousel .carousel-btns { top: 50px; } }

@media screen and (max-width: 991px) { .index-art .art-carousel .carousel-btns { top: 30px; } }

.index-art .art-carousel .carousel-btns .carousel-btn { display: block; width: 71px; height: 71px; line-height: 71px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #81e3ea; color: #fff; cursor: pointer; font-size: 20px; font-size: 2rem; text-align: center; opacity: 0.7; }

.index-art .art-carousel .carousel-btns .carousel-btn:hover { background-color: #d78712; }

@media screen and (max-width: 1219px) { .index-art .art-carousel .carousel-btns .carousel-btn { width: 60px; height: 60px; line-height: 60px; } }

@media screen and (max-width: 991px) { .index-art .art-carousel .carousel-btns .carousel-btn { width: 48px; height: 48px; line-height: 48px; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .index-art .art-carousel .carousel-btns .carousel-btn { width: 26px; height: 26px; line-height: 26px; font-size: 14px; font-size: 1.4rem; } }

.index-art .art-carousel .carousel-btns .item-next { margin-bottom: 20px; }

@media screen and (max-width: 767px) { .index-art .art-carousel .carousel-btns .item-next { margin-bottom: 10px; } }

/* index-art end */
.g-hproc { padding-top: 55px; background-color: #f3f3f3; }

@media screen and (max-width: 991px) { .g-hproc { padding-top: 45px; } }

@media screen and (max-width: 767px) { .g-hproc { padding-top: 30px; } }

.g-hproc .index-item { margin-bottom: 54px; }

@media screen and (max-width: 1219px) { .g-hproc .index-item { margin-bottom: 45px; } }

@media screen and (max-width: 991px) { .g-hproc .index-item { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .g-hproc .index-item { margin-bottom: 20px; } }

.m-hproc { position: relative; z-index: 2; font-size: 0; line-height: 0; overflow: hidden; }

.m-hproc .tabbd-img { opacity: 0; visibility: hidden; }

.m-hproc .tabbd-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-hproc .tabbd-item.show { opacity: 1; visibility: visible; z-index: 2; }

.m-hproc .tabbd-item .fix { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 8.33333%; padding-right: 30px; margin-top: -119px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1619px) { .m-hproc .tabbd-item .fix { margin-top: -80px; } }

.m-hproc .tabbd-item .text { max-width: 386px; }

.m-hproc .tabbd-item .title { height: 46px; line-height: 46px; font-size: 36px; font-size: 3.6rem; font-weight: bold; color: #fff; }

.m-hproc .tabbd-item .title a { display: block; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m-hproc .tabbd-item .title:hover { color: #a0e7ec; }

.m-hproc .tabbd-item .title:hover a { color: #a0e7ec; }

.m-hproc .tabbd-item .desc { margin-top: 38px; height: 126px; line-height: 42px; font-size: 22px; font-size: 2.2rem; color: #fff; overflow: hidden; }

.m-hproc .tabbd-item .desc a { display: block; color: #fff; }

.m-hproc .tabbd-item .desc a:hover { color: #a0e7ec; }

.m-hproc .tabbd-item .link { margin-top: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.m-hproc .tabbd-item .link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 136px; line-height: 30px; padding: 11px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-hproc .tabbd-item .link a:hover { color: #fff; background-color: #a0e7ec; border-color: #a0e7ec; }

.m-hproc .box-tabhd { position: absolute; z-index: 3; left: 50%; bottom: 78px; width: 91.14583%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); padding-left: 75px; padding-right: 75px; }

@media screen and (max-width: 1619px) { .m-hproc .box-tabhd { bottom: 48px; } }

.m-hproc .box-tabhd:hover .box-btn i { opacity: 1; visibility: visible; }

.m-hproc .box-btn { position: absolute; top: 0; width: 75px; height: 100%; }

.m-hproc .box-btn i { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 36px; font-size: 3.6rem; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-hproc .box-btn.prev { left: 0; }

.m-hproc .box-btn.prev i { left: 0; }

.m-hproc .box-btn.next { right: 0; }

.m-hproc .box-btn.next i { right: 0; }

.m-hproc .c-oh { overflow: hidden; width: 100%; padding-top: 2px; }

.m-hproc .box-list { width: 10000%; border-top: 1px solid #fff; }

.m-hproc .list-item { float: left; width: 0.235%; margin-right: 0.02%; position: relative; padding-top: 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; overflow: visible; opacity: 0.6; }

.m-hproc .list-item:before { content: ""; position: absolute; left: 0; top: -3px; width: 0; height: 5px; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-hproc .list-item.active { opacity: 1; }

.m-hproc .list-item.active:before { background-color: #a0e7ec; width: 100%; }

.m-hproc .list-item.active .item-desc { font-weight: bold; }

.m-hproc .item-title { height: 36px; line-height: 36px; font-size: 26px; font-size: 2.6rem; color: #fff; font-weight: bold; }

.m-hproc .item-title a { color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.m-hproc .item-desc { margin-top: 5px; height: 48px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fff; overflow: hidden; }

.m-hproc .item-desc a { color: #fff; }

.m-hproc .box-tabbd { position: relative; }

@media screen and (max-width: 1419px) { .m-hproc .tabbd-item1 .title { height: 30px; line-height: 30px; font-size: 30px; font-size: 3rem; }
  .m-hproc .tabbd-item1 .desc { margin-top: 20px; height: 90px; line-height: 30px; font-size: 16px; font-size: 1.6rem; }
  .m-hproc .tabbd-item1 .link { margin-top: 20px; }
  .m-hproc .tabbd-item1 .link a { font-size: 16px; font-size: 1.6rem; padding: 5px 10px; } }

@media screen and (max-width: 1219px) { .m-hproc .tabbd-item1 .fix { margin-top: -65px; }
  .m-hproc .tabbd-item1 .title { height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-hproc .tabbd-item1 .desc { margin-top: 20px; height: 66px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-hproc .tabbd-item1 .link { margin-top: 10px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .m-hproc .tabbd-item1 .link a { min-width: 100px; padding: 5px 10px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-hproc .box-tabhd { bottom: 30px; }
  .m-hproc .item-title { height: 26px; line-height: 26px; font-size: 18px; font-size: 1.8rem; }
  .m-hproc .item-desc { height: 48px; line-height: 24px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 1024px) { .m-hproc .tabbd-item1 .fix { margin-top: -50px; }
  .m-hproc .tabbd-item1 .title { height: 24px; line-height: 24px; font-size: 18px; font-size: 1.8rem; }
  .m-hproc .tabbd-item1 .desc { margin-top: 10px; line-height: 20px; height: 60px; }
  .m-hproc .box-tabhd { bottom: 15px; padding-left: 50px; padding-right: 50px; }
  .m-hproc .box-btn { width: 50px; }
  .m-hproc .box-btn i { opacity: 1; visibility: visible; font-size: 24px; font-size: 2.4rem; }
  .m-hproc .list-item { padding-top: 15px; }
  .m-hproc .item-desc { line-height: 20px; height: 40px; } }

@media screen and (max-width: 767px) { .m-hproc .box-tabhd { position: relative; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.6); padding-top: 20px; padding-bottom: 20px; }
  .m-hproc .box-btn.prev i { left: 10px; }
  .m-hproc .box-btn.next i { right: 10px; }
  .m-hproc .tabbd-item1 .fix { margin-top: 0; }
  .m-hproc .tabbd-item1 .title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-hproc .tabbd-item1 .desc { margin-top: 5px; height: 36px; line-height: 18px; font-size: 10px; font-size: 1rem; }
  .m-hproc .tabbd-item1 .link a { min-width: 90px; padding: 3px 10px; line-height: 20px; font-size: 12px; font-size: 1.2rem; }
  .m-hproc .tabbd-item1 .list-item a { line-height: 20px; font-size: 10px; font-size: 1rem; }
  .m-hproc .item-title { height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-hproc .item-desc { font-size: 10px; font-size: 1rem; height: 40px; line-height: 20px; }
  .m-hproc .list-item { width: .32%; } }

@media screen and (max-width: 375px) { .m-hproc .list-item { width: .49%; } }

/* index-shop start */
.index-shop { padding: 61px 0 88px; }

@media screen and (max-width: 1419px) { .index-shop { padding: 61px 0 80px; } }

@media screen and (max-width: 1219px) { .index-shop { padding: 60px 0; } }

@media screen and (max-width: 991px) { .index-shop { padding: 45px 0; } }

@media screen and (max-width: 767px) { .index-shop { padding: 30px 0; } }

.index-shop .index-item { margin-bottom: 75px; }

@media screen and (max-width: 1419px) { .index-shop .index-item { margin-bottom: 60px; } }

@media screen and (max-width: 1219px) { .index-shop .index-item { margin-bottom: 45px; } }

@media screen and (max-width: 991px) { .index-shop .index-item { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .index-shop .index-item { margin-bottom: 20px; } }

.index-shop .carousel-btns .carousel-btn { position: absolute; display: block; width: 40px; height: 38px; background: url(../images/btn.png) no-repeat; background-size: 100% auto; top: 50%; margin-top: -19px; cursor: pointer; }

@media screen and (max-width: 1219px) { .index-shop .carousel-btns .carousel-btn { width: 30px; height: 28px; } }

@media screen and (max-width: 991px) { .index-shop .carousel-btns .carousel-btn { width: 26px; height: 25px; } }

.index-shop .carousel-btns .item-prev { left: -102px; background-position: 0 -38px; }

@media screen and (max-width: 1419px) { .index-shop .carousel-btns .item-prev { left: -80px; } }

@media screen and (max-width: 1219px) { .index-shop .carousel-btns .item-prev { background-position: 0 -28px; left: -70px; } }

@media screen and (max-width: 991px) { .index-shop .carousel-btns .item-prev { background-position: 0 -25px; left: -60px; } }

@media screen and (max-width: 480px) { .index-shop .carousel-btns .item-prev { left: -45px; } }

.index-shop .carousel-btns .item-next { right: -98px; background-position: 0 0; }

@media screen and (max-width: 1419px) { .index-shop .carousel-btns .item-next { right: -80px; } }

@media screen and (max-width: 1219px) { .index-shop .carousel-btns .item-next { right: -70px; } }

@media screen and (max-width: 991px) { .index-shop .carousel-btns .item-next { right: -60px; } }

@media screen and (max-width: 480px) { .index-shop .carousel-btns .item-next { right: -45px; } }

.index-shop .map-owl { position: absolute; width: 224px; left: 0; left: 7.85714%; top: 29px; z-index: 7; }

@media screen and (max-width: 1419px) { .index-shop .map-owl { left: 4.28571%; top: 0; margin-left: 30px; } }

@media screen and (max-width: 1219px) { .index-shop .map-owl { width: 200px; } }

@media screen and (max-width: 991px) { .index-shop .map-owl { width: 160px; } }

@media screen and (max-width: 767px) { .index-shop .map-owl { width: 200px; left: 50%; margin-left: -100px; bottom: 222px; top: auto; } }

.index-shop .map-owl .map-carousel .owl-buttons { display: none !important; }

.index-shop .box-owl { position: relative; }

.index-shop .box-owl .box-carousel { display: block; }

.index-shop .img-carousel { float: right; width: 60%; margin-left: 3.57143%; position: relative; z-index: 2; }

@media screen and (max-width: 767px) { .index-shop .img-carousel { width: 100%; float: none; width: 100%; margin: 0 auto 20px; } }

.index-shop .box-carousel .owl-buttons { display: none !important; }

.index-shop .item-body { float: left; width: 22.14286%; margin-left: 7.85714%; margin-top: 29px; }

@media screen and (max-width: 1419px) { .index-shop .item-body { width: 32.14286%; margin-left: 4.28571%; margin-top: 0; } }

@media screen and (max-width: 767px) { .index-shop .item-body { width: 100%; margin: 0 auto; float: none; text-align: center; } }

.index-shop .item-body .item-pics { width: 224px; position: relative; visibility: hidden; }

@media screen and (max-width: 1419px) { .index-shop .item-body .item-pics { margin-left: 30px; } }

@media screen and (max-width: 1219px) { .index-shop .item-body .item-pics { width: 200px; } }

@media screen and (max-width: 991px) { .index-shop .item-body .item-pics { width: 160px; } }

@media screen and (max-width: 767px) { .index-shop .item-body .item-pics { width: 200px; margin: 0 auto; } }

.index-shop .item-body .item-title { margin-top: 52px; font-size: 24px; font-size: 2.4rem; line-height: 28px; font-weight: bold; position: relative; }

.index-shop .item-body .item-title, .index-shop .item-body .item-title a { color: #495e71; }

@media screen and (max-width: 1419px) { .index-shop .item-body .item-title { margin-top: 30px; } }

@media screen and (max-width: 1219px) { .index-shop .item-body .item-title { font-size: 22px; font-size: 2.2rem; line-height: 26px; } }

@media screen and (max-width: 991px) { .index-shop .item-body .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-top: 15px; } }

@media screen and (max-width: 767px) { .index-shop .item-body .item-title { font-size: 16px; font-size: 1.6rem; line-height: 22px; }
  .index-shop .item-body .item-title:before { left: 0; right: 0; margin: 0 auto; } }

.index-shop .item-body .item-descbox { text-align: left; position: relative; margin-top: 33px; padding: 20px 0 26px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.index-shop .item-body .item-descbox:before { position: absolute; content: ''; right: 0; left: -32px; top: 0; bottom: 0; background-color: #F1F1F1; z-index: 0; }

@media screen and (max-width: 1419px) { .index-shop .item-body .item-descbox { margin-top: 30px; } }

@media screen and (max-width: 1219px) { .index-shop .item-body .item-descbox { margin-top: 15px; padding: 15px 0; } }

@media screen and (max-width: 991px) { .index-shop .item-body .item-descbox:before { left: -15px; } }

@media screen and (max-width: 767px) { .index-shop .item-body .item-descbox { margin-top: 10px; max-width: 450px; margin: 10px auto 0; }
  .index-shop .item-body .item-descbox:before { left: 0; } }

.index-shop .item-body .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 113px; padding-right: 20px; width: 100% !important; position: relative; z-index: 2; }

.index-shop .item-body .item-desc, .index-shop .item-body .item-desc a { color: #485d70; }

.index-shop .item-body .item-desc .item-li { padding-bottom: 9px; margin-bottom: 9px; border-bottom: solid 1px #D6D4D4; }

.index-shop .item-body .item-desc .item-li:last-child { margin-bottom: 0; }

.index-shop .item-body .item-desc .item-li .li-title { margin-bottom: 7px; }

@media screen and (max-width: 1219px) { .index-shop .item-body .item-desc { line-height: 20px; height: 78px; } }

@media screen and (max-width: 767px) { .index-shop .item-body .item-desc { padding-left: 15px; font-size: 12px; font-size: 1.2rem; } }

.index-shop .item-body .box-btn { margin-top: 33px; display: inline-block; min-width: 150px; height: 55px; line-height: 55px; background-color: #a0e7ec; text-align: center; font-size: 20px; font-size: 2rem; color: #fff; }

@media screen and (max-width: 1419px) { .index-shop .item-body .box-btn { margin-top: 30px; height: 48px; line-height: 48px; font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 1219px) { .index-shop .item-body .box-btn { font-size: 16px; font-size: 1.6rem; height: 40px; line-height: 40px; min-width: 140px; } }

@media screen and (max-width: 991px) { .index-shop .item-body .box-btn { margin-top: 20px; font-size: 14px; font-size: 1.4rem; height: 36px; line-height: 36px; min-width: 120px; } }

@media screen and (max-width: 767px) { .index-shop .item-body .box-btn { font-size: 12px; font-size: 1.2rem; height: 30px; line-height: 30px; min-width: 100px; } }

/* index-shop end */
/* index-video start */
.index-video { background: url(../images/bg1.jpg) no-repeat center; background-attachment: fixed; position: relative; padding: 83px 0 153px; }

.index-video:before { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/bg1.jpg) no-repeat center; background-size: cover; z-index: -1; }

@media screen and (max-width: 1419px) { .index-video { padding: 80px 0; } }

@media screen and (max-width: 1219px) { .index-video { padding: 65px 0; } }

@media screen and (max-width: 991px) { .index-video { padding: 45px 0; } }

@media screen and (max-width: 767px) { .index-video { padding: 30px 0; } }

.index-video .index-item { margin-bottom: 97px; }

@media screen and (max-width: 1419px) { .index-video .index-item { margin-bottom: 60px; } }

@media screen and (max-width: 1219px) { .index-video .index-item { margin-bottom: 45px; } }

@media screen and (max-width: 991px) { .index-video .index-item { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .index-video .index-item { margin-bottom: 20px; } }

.index-video .video-carousel { background-color: #fff; position: relative; /* .item-videobox start */ /* .item-videobox end */ }

.index-video .video-carousel .owl-buttons { display: none !important; }

.index-video .video-carousel .carousel-btns { font-size: 0; letter-spacing: 0; position: absolute; bottom: 8.17391%; width: 41.07143%; left: 5.71429%; z-index: 9; }

@media screen and (max-width: 1419px) { .index-video .video-carousel .carousel-btns { bottom: 5.21739%; left: 4.28571%; } }

@media screen and (max-width: 1219px) { .index-video .video-carousel .carousel-btns { left: 2.85714%; } }

@media screen and (max-width: 991px) { .index-video .video-carousel .carousel-btns { bottom: 3.47826%; } }

@media screen and (max-width: 767px) { .index-video .video-carousel .carousel-btns { bottom: 0; width: 100%; position: relative; left: 0; padding: 0 15px 20px; } }

.index-video .video-carousel .carousel-btns .carousel-btn { display: inline-block; vertical-align: top; font-size: 50px; font-size: 5rem; line-height: 1; color: #d78712; color: rgba(215, 135, 18, 0.3); cursor: pointer; }

.index-video .video-carousel .carousel-btns .carousel-btn:hover { color: #d78712; }

@media screen and (max-width: 1219px) { .index-video .video-carousel .carousel-btns .carousel-btn { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 991px) { .index-video .video-carousel .carousel-btns .carousel-btn { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .index-video .video-carousel .carousel-btns .carousel-btn { font-size: 26px; font-size: 2.6rem; } }

.index-video .video-carousel .carousel-btns .item-prev { margin-right: 11px; }

@media screen and (max-width: 767px) { .index-video .video-carousel .carousel-btns .item-prev { margin-right: 6px; } }

.index-video .video-carousel .item-videobox { float: right; width: 58.92857%; overflow: hidden; position: relative; }

.index-video .video-carousel .item-videobox .iconfont { font-size: 31px; font-size: 3.1rem; left: -2px; top: 50%; margin-top: -15px; position: absolute; color: #fff; z-index: 9; }

@media screen and (max-width: 1219px) { .index-video .video-carousel .item-videobox .iconfont { font-size: 28px; font-size: 2.8rem; margin-top: -14px; } }

@media screen and (max-width: 991px) { .index-video .video-carousel .item-videobox .iconfont { font-size: 24px; font-size: 2.4rem; margin-top: -12px; } }

@media screen and (max-width: 767px) { .index-video .video-carousel .item-videobox .iconfont { display: none; } }

.index-video .video-carousel .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0; }

.index-video .video-carousel .item-videobox .item-video iframe, .index-video .video-carousel .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.index-video .video-carousel .item-videobox .item-video iframe body { margin: 0px !important; }

@media screen and (max-width: 767px) { .index-video .video-carousel .item-videobox { float: none; width: 100%; } }

.index-video .video-carousel .item-body { overflow: hidden; padding: 50px 5.71429% 50px; }

@media screen and (max-width: 1419px) { .index-video .video-carousel .item-body { padding: 40px 4.28571% 50px; } }

@media screen and (max-width: 1219px) { .index-video .video-carousel .item-body { padding: 30px 2.85714% 30px; } }

@media screen and (max-width: 991px) { .index-video .video-carousel .item-body { padding: 20px 2.85714% 20px; } }

@media screen and (max-width: 767px) { .index-video .video-carousel .item-body { padding: 20px 15px; } }

.index-video .video-carousel .item-subt { line-height: 1.2; font-size: 30px; font-size: 3rem; font-weight: bold; position: relative; padding: 12px 0 0 22px; }

.index-video .video-carousel .item-subt, .index-video .video-carousel .item-subt a { color: #d78712; }

.index-video .video-carousel .item-subt a:hover { color: #333 !important; }

.index-video .video-carousel .item-subt:before { position: absolute; content: ''; width: 36px; height: 36px; background-color: #d78712; background-color: rgba(215, 135, 18, 0.1); top: 0; left: 0; }

@media screen and (max-width: 1219px) { .index-video .video-carousel .item-subt { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .index-video .video-carousel .item-subt { font-size: 22px; font-size: 2.2rem; padding: 8px 0 0 15px; }
  .index-video .video-carousel .item-subt:before { width: 30px; height: 30px; } }

@media screen and (max-width: 767px) { .index-video .video-carousel .item-subt { padding: 8px 0 0 10px; font-size: 18px; font-size: 1.8rem; }
  .index-video .video-carousel .item-subt:before { width: 26px; height: 26px; } }

.index-video .video-carousel .item-title { margin-top: 58px; font-size: 18px; font-size: 1.8rem; line-height: 24px; padding-bottom: 34px; position: relative; }

.index-video .video-carousel .item-title:before { position: absolute; content: ''; width: 66px; height: 3px; background-color: #d78712; left: 0; bottom: 0; }

@media screen and (max-width: 1219px) { .index-video .video-carousel .item-title { margin-top: 30px; padding-bottom: 24px; } }

@media screen and (max-width: 991px) { .index-video .video-carousel .item-title { margin-top: 20px; font-size: 16px; font-size: 1.6rem; padding-bottom: 15px; } }

@media screen and (max-width: 767px) { .index-video .video-carousel .item-title { font-size: 14px; font-size: 1.4rem; line-height: 20px; padding-bottom: 10px; margin-top: 15px; } }

.index-video .video-carousel .item-desc { margin-top: 27px; font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 72px; }

@media screen and (max-width: 1219px) { .index-video .video-carousel .item-desc { margin-top: 20px; } }

@media screen and (max-width: 991px) { .index-video .video-carousel .item-desc { margin-top: 15px; line-height: 20px; height: 60px; } }

@media screen and (max-width: 767px) { .index-video .video-carousel .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; height: auto; } }

/* index-video end */
/* index-contact start */
.index-contact { background-color: #f3f3f3; padding-top: 47px; }

@media screen and (max-width: 767px) { .index-contact { padding-top: 30px; } }

.index-contact .index-item { margin-bottom: 40px; }

@media screen and (max-width: 991px) { .index-contact .index-item { margin-bottom: 35px; } }

@media screen and (max-width: 767px) { .index-contact .index-item { margin-bottom: 20px; } }

.index-contact .box-wrap { background: url(../images/bg2.jpg) no-repeat center; background-size: cover; padding: 73px 0 74px; }

@media screen and (max-width: 1419px) { .index-contact .box-wrap { padding: 70px 0; } }

@media screen and (max-width: 1219px) { .index-contact .box-wrap { padding: 60px 0; } }

@media screen and (max-width: 991px) { .index-contact .box-wrap { padding: 50px 0; } }

@media screen and (max-width: 767px) { .index-contact .box-wrap { padding: 30px 0; } }

.index-contact .box-top { margin-bottom: 18px; }

.index-contact .left-item { float: left; width: 62.14286%; margin-right: 5.71429%; padding-bottom: 41px; position: relative; }

.index-contact .left-item:before { position: absolute; content: ''; width: 1px; bottom: 0; top: 18px; right: 0; background-color: #EBEBEB; background-color: rgba(235, 235, 235, 0.4); }

@media screen and (max-width: 1419px) { .index-contact .left-item { width: 59.28571%; margin-right: 5%; padding-bottom: 30px; } }

@media screen and (max-width: 1219px) { .index-contact .left-item { width: 57.14286%; margin-right: 2.14286%; padding-right: 30px; padding-bottom: 15px; } }

@media screen and (max-width: 991px) { .index-contact .left-item { width: 50%; margin-right: 2.14286%; padding-right: 15px; padding-bottom: 0; } }

@media screen and (max-width: 767px) { .index-contact .left-item { width: 100%; margin-right: 0; margin-bottom: 20px; float: none; padding-right: 0; }
  .index-contact .left-item:before { display: none; } }

.index-contact .left-item .item-title { font-size: 30px; font-size: 3rem; line-height: 36px; margin-bottom: 35px; font-weight: bold; }

.index-contact .left-item .item-title, .index-contact .left-item .item-title a { color: #fff; }

@media screen and (max-width: 1419px) { .index-contact .left-item .item-title { margin-bottom: 20px; } }

@media screen and (max-width: 1219px) { .index-contact .left-item .item-title { font-size: 26px; font-size: 2.6rem; line-height: 30px; } }

@media screen and (max-width: 991px) { .index-contact .left-item .item-title { font-size: 22px; font-size: 2.2rem; line-height: 26px; margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .index-contact .left-item .item-title { font-size: 18px; font-size: 1.8rem; line-height: 24px; margin-bottom: 10px; } }

.index-contact .left-item .item-desc { float: left; width: 64.36782%; margin-right: 3.44828%; font-size: 14px; font-size: 1.4rem; line-height: 23px; }

.index-contact .left-item .item-desc, .index-contact .left-item .item-desc a { color: #fff; }

@media screen and (max-width: 1219px) { .index-contact .left-item .item-desc { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; line-height: 22px; } }

@media screen and (max-width: 991px) { .index-contact .left-item .item-desc { line-height: 20px; } }

@media screen and (max-width: 767px) { .index-contact .left-item .item-desc { font-size: 12px; font-size: 1.2rem; } }

.index-contact .left-item .item-btn { display: inline-block; min-width: 168px; height: 43px; border: solid 4px #f2b419; text-align: center; font-size: 18px; font-size: 1.8rem; color: #f2b419; line-height: 34px; }

@media screen and (max-width: 1419px) { .index-contact .left-item .item-btn { border-width: 3px; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 1219px) { .index-contact .left-item .item-btn { font-size: 14px; font-size: 1.4rem; border-width: 2px; min-width: 140px; height: 40px; line-height: 36px; } }

@media screen and (max-width: 767px) { .index-contact .left-item .item-btn { font-size: 12px; font-size: 1.2rem; border-width: 2px; min-width: 110px; height: 32px; line-height: 28px; } }

.index-contact .right-item { overflow: hidden; font-size: 0; letter-spacing: 0; padding-top: 34px; }

@media screen and (max-width: 1219px) { .index-contact .right-item { padding-top: 0; } }

.index-contact .right-item .item-pic { display: inline-block; vertical-align: bottom; width: 27.77778%; margin-right: 4%; }

@media screen and (max-width: 767px) { .index-contact .right-item .item-pic { width: 100px; margin-right: 10px; } }

.index-contact .right-item .item-desc { display: inline-block; vertical-align: bottom; width: 68.22222%; margin-bottom: 25px; font-size: 14px; font-size: 1.4rem; line-height: 23px; }

.index-contact .right-item .item-desc, .index-contact .right-item .item-desc a { color: #fff; }

@media screen and (max-width: 1219px) { .index-contact .right-item .item-desc { margin-bottom: 20px; } }

@media screen and (max-width: 991px) { .index-contact .right-item .item-desc { line-height: 20px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 767px) { .index-contact .right-item .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 18px; width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); width: calc(100% - 110px); } }

.index-contact .item-form { float: left; width: 87.21429%; background-color: #2c2c2c; padding: 8px 13px; }

@media screen and (max-width: 1219px) { .index-contact .item-form { width: 100%; float: none; } }

@media screen and (max-width: 991px) { .index-contact .item-form { padding: 8px; } }

.index-contact .item-form input, .index-contact .item-form textarea { display: block; width: 100%; padding: 0 13px; background-color: #656565; background-color: rgba(101, 101, 101, 0.6); height: 43px; color: #fff; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 1219px) { .index-contact .item-form input, .index-contact .item-form textarea { padding: 0 8px; } }

@media screen and (max-width: 991px) { .index-contact .item-form input, .index-contact .item-form textarea { height: 36px; line-height: 36px; } }

@media screen and (max-width: 767px) { .index-contact .item-form input, .index-contact .item-form textarea { height: 30px; line-height: 30px; font-size: 12px; font-size: 1.2rem; } }

.index-contact .item-form textarea { line-height: 43px; }

@media screen and (max-width: 991px) { .index-contact .item-form textarea { height: 86px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; } }

.index-contact .item-form .item-input { float: left; width: 17.74059%; margin-right: 1.00418%; }

@media screen and (max-width: 991px) { .index-contact .item-form .item-input { width: 32%; margin-right: 2%; }
  .index-contact .item-form .item-input:nth-child(3) { margin-right: 0; } }

@media screen and (max-width: 640px) { .index-contact .item-form .item-input { width: 100%; margin-right: 0; margin-bottom: 8px; } }

.index-contact .item-form .item-txtarea { width: 43.76569%; margin-right: 0; }

@media screen and (max-width: 991px) { .index-contact .item-form .item-txtarea { width: 100%; margin-top: 8px; } }

@media screen and (max-width: 640px) { .index-contact .item-form .item-txtarea { margin-top: 0; margin-bottom: 0; } }

.index-contact .form-btn { float: right; width: 12%; height: 59px; line-height: 59px; background-color: #d78712; font-size: 18px; font-size: 1.8rem; text-align: center; color: #fff; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.index-contact .form-btn:hover { background-color: #fff; color: #d78712; }

@media screen and (max-width: 1419px) { .index-contact .form-btn { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 1219px) { .index-contact .form-btn { width: 168px; float: none; margin: 10px auto 0; display: block; height: 43px; line-height: 43px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .index-contact .form-btn { font-size: 14px; font-size: 1.4rem; height: 36px; line-height: 36px; width: 150px; } }

@media screen and (max-width: 767px) { .index-contact .form-btn { display: block; width: 140px; font-size: 12px; font-size: 1.2rem; height: 30px; line-height: 30px; margin: 10px auto 0; } }

/* index-contact end */
/*-------------index end-------------------------------------------------------------------*/
/* .page_wrap{
	overflow: hidden;
	position: relative;
	.item-bg{
		display: block;
		margin: 0 auto;
		width: 1920px;
		max-width: 1920px;
		visibility: hidden;
	}
	.item-img{
		position: absolute;
		left: 50%;
		margin-left: -960px;
		top: 0;
		width: 1920px;
		max-width: 1920px;
	}
} */
/*-------------产品家族2 start----------------------------------------------------------------*/
.pro2-top { margin-bottom: 78px; }

@media screen and (max-width: 1219px) { .pro2-top { margin-bottom: 60px; } }

@media screen and (max-width: 991px) { .pro2-top { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .pro2-top { margin-bottom: 25px; } }

.pro2-top .pro-owl { float: left; width: 62.5%; margin-right: 3.66667%; overflow: hidden; position: relative; -webkit-border-radius: 32px; border-radius: 32px; }

@media screen and (max-width: 1219px) { .pro2-top .pro-owl { width: 100%; margin: 0 auto; float: none; max-width: 750px; } }

@media screen and (max-width: 991px) { .pro2-top .pro-owl { -webkit-border-radius: 25px; border-radius: 25px; } }

@media screen and (max-width: 767px) { .pro2-top .pro-owl { -webkit-border-radius: 15px; border-radius: 15px; } }

.pro2-top .pro-owl .owl-buttons { display: none !important; }

.pro2-top .pro-owl .owl-btns { font-size: 0; letter-spacing: 0; }

.pro2-top .pro-owl .owl-btns .owl-btn { display: inline-block; vertical-align: top; font-size: 30px; font-size: 3rem; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; color: #FFFFFF; text-align: center; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; position: absolute; top: 50%; margin-top: -15px; }

.pro2-top .pro-owl .owl-btns .owl-btn:hover { color: #d78712; }

.pro2-top .pro-owl .owl-btns .owl-btn.disabled { opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; cursor: auto; }

@media screen and (max-width: 767px) { .pro2-top .pro-owl .owl-btns .owl-btn { font-size: 26px; font-size: 2.6rem; margin-top: -13px; } }

.pro2-top .pro-owl .owl-btns .item-prev { left: 12px; }

@media screen and (max-width: 767px) { .pro2-top .pro-owl .owl-btns .item-prev { left: 5px; } }

.pro2-top .pro-owl .owl-btns .item-next { right: 12px; }

@media screen and (max-width: 767px) { .pro2-top .pro-owl .owl-btns .item-next { right: 5px; } }

.pro2-top .item-body { overflow: hidden; }

.pro2-top .item-body .item-title { font-size: 30px; font-size: 3rem; font-weight: bold; line-height: 1.3; margin-top: 30px; margin-bottom: 53px; }

@media screen and (max-width: 1219px) { .pro2-top .item-body .item-title { margin-bottom: 30px; font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .pro2-top .item-body .item-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .pro2-top .item-body .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 15px; margin-top: 20px; } }

.pro2-top .item-body .item-desc { font-size: 0; letter-spacing: 0; min-height: 251px; padding-bottom: 30px; /* >p{ display: inline-block; vertical-align: top; width: 50%; @include font-size(16); line-height: 36px; color: #666; @media screen and (max-width:1219px) { line-height: 30px; } @media screen and (max-width:991px) {	 @include font-size(14); line-height: 24px; } @media screen and (max-width:767px) {	 @include font-size(12); line-height: 20px; } @media screen and (max-width:480px) { width: 100%; } } */ }

@media screen and (max-width: 1219px) { .pro2-top .item-body .item-desc { min-height: auto; } }

@media screen and (max-width: 480px) { .pro2-top .item-body .item-desc { padding-bottom: 25px; } }

.pro2-top .item-body .item-desc table { border: none; }

.pro2-top .item-body .item-desc table tr td { border: none; height: auto; line-height: 26px; padding: 5px 0; font-size: 16px; font-size: 1.6rem; background: none; color: #666; }

@media screen and (max-width: 1219px) { .pro2-top .item-body .item-desc table tr td { line-height: 20px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .pro2-top .item-body .item-desc table tr td { padding: 1px 0; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 991px) { .pro2-top .item-body .item-desc .table > div { width: 100% !important; max-height: 100%; } }

.pro2-top .item-body .item-btns { font-size: 0; letter-spacing: 0; }

.pro2-top .item-body .item-btns > * { display: inline-block; vertical-align: middle; margin-bottom: 10px; }

.pro2-top .item-body .item-btn { width: 188px; line-height: 46px; border: solid 1px #d78712; font-size: 18px; font-size: 1.8rem; text-align: center; background-color: #d78712; color: #fff; margin-right: 20px; }

@media screen and (max-width: 1219px) { .pro2-top .item-body .item-btn { font-size: 16px; font-size: 1.6rem; line-height: 42px; width: 160px; } }

@media screen and (max-width: 991px) { .pro2-top .item-body .item-btn { font-size: 14px; font-size: 1.4rem; line-height: 36px; width: 120px; } }

@media screen and (max-width: 767px) { .pro2-top .item-body .item-btn { font-size: 12px; font-size: 1.2rem; line-height: 28px; width: 100px; } }

.pro2-title { margin-bottom: 32px; line-height: 1.3; font-size: 24px; font-size: 2.4rem; font-weight: bold; position: relative; }

@media screen and (max-width: 1219px) { .pro2-title { font-size: 20px; font-size: 2rem; margin-bottom: 25px; } }

@media screen and (max-width: 991px) { .pro2-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .pro2-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 15px; } }

.pro2-title span { font-weight: normal; position: absolute; right: 0; line-height: 24px; top: 50%; margin-top: -12px; font-size: 16px; font-size: 1.6rem; cursor: pointer; }

.pro2-title span:hover { color: #d78712; }

.pro2-title span:after { position: relative; content: '》'; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: inline-block; top: 4px; margin-left: 5px; }

@media screen and (max-width: 991px) { .pro2-title span { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .pro2-title span { font-size: 12px; font-size: 1.2rem; }
  .pro2-title span:after { top: 3px; } }

.pro2-spec { margin-bottom: 36px; font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.pro2-spec p { min-height: 30px; }

.pro2-spec, .pro2-spec a { color: #666; }

.pro2-spec img, .pro2-spec iframe { max-width: 100%; }

@media screen and (max-width: 1219px) { .pro2-spec { margin-bottom: 30px; line-height: 26px; }
  .pro2-spec p { min-height: 26px; } }

@media screen and (max-width: 991px) { .pro2-spec { margin-bottom: 25px; line-height: 24px; }
  .pro2-spec p { min-height: 24px; } }

@media screen and (max-width: 767px) { .pro2-spec { margin-bottom: 20px; font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .pro2-spec p { min-height: 20px; } }

.pro2-spec1 { background-color: #e8e8e8; margin-bottom: 36px; padding: 0 15px; font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.pro2-spec1 p { min-height: 30px; }

.pro2-spec1, .pro2-spec1 a { color: #666; }

.pro2-spec1 img, .pro2-spec1 iframe { max-width: 100%; }

.pro2-spec1 img { display: block; margin: 0 auto; }

@media screen and (max-width: 1219px) { .pro2-spec1 { margin-bottom: 30px; line-height: 26px; }
  .pro2-spec1 p { min-height: 26px; } }

@media screen and (max-width: 991px) { .pro2-spec1 { margin-bottom: 25px; line-height: 24px; }
  .pro2-spec1 p { min-height: 24px; } }

@media screen and (max-width: 767px) { .pro2-spec1 { margin-bottom: 20px; font-size: 12px; font-size: 1.2rem; line-height: 20px; }
  .pro2-spec1 p { min-height: 20px; } }

.pro2-color { padding-bottom: 46px; }

@media screen and (max-width: 1219px) { .pro2-color { padding-bottom: 25px; } }

@media screen and (max-width: 767px) { .pro2-color { padding-bottom: 15px; } }

.pro2-color .box-list { font-size: 0; letter-spacing: 0; padding-top: 7px; overflow: hidden; }

.pro2-color .box-list .list-item { display: inline-block; vertical-align: top; width: 9.5%; margin-left: 0.55556%; margin-bottom: 30px; }

@media screen and (max-width: 991px) { .pro2-color .box-list .list-item { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .pro2-color .box-list .list-item { margin-bottom: 15px; width: 11.5%; margin-left: 0.5% !important; margin-right: 0.5%; } }

@media screen and (max-width: 480px) { .pro2-color .box-list .list-item { width: 19%; margin-bottom: 10px; } }

.pro2-color .box-list .item-title { margin-top: 28px; font-size: 16px; font-size: 1.6rem; line-height: 1.3; text-align: center; }

@media screen and (max-width: 1219px) { .pro2-color .box-list .item-title { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .pro2-color .box-list .item-title { margin-top: 5px; font-size: 12px; font-size: 1.2rem; } }

.pro2-color1 { padding-bottom: 46px; }

@media screen and (max-width: 1219px) { .pro2-color1 { padding-bottom: 25px; } }

@media screen and (max-width: 767px) { .pro2-color1 { padding-bottom: 15px; } }

.pro2-color1 .box-list { font-size: 0; letter-spacing: 0; padding-top: 7px; overflow: hidden; }

.pro2-color1 .box-list .list-item { display: inline-block; vertical-align: top; width: 9.5%; margin-left: 0.55556%; margin-bottom: 30px; }

@media screen and (max-width: 991px) { .pro2-color1 .box-list .list-item { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .pro2-color1 .box-list .list-item { margin-bottom: 15px; width: 11.5%; margin-left: 0.5% !important; margin-right: 0.5%; } }

@media screen and (max-width: 480px) { .pro2-color1 .box-list .list-item { width: 19%; margin-bottom: 10px; } }

.pro2-color1 .box-list .item-title { margin-top: 27px; font-size: 16px; font-size: 1.6rem; line-height: 1.3; text-align: center; }

@media screen and (max-width: 1219px) { .pro2-color1 .box-list .item-title { margin-top: 10px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .pro2-color1 .box-list .item-title { margin-top: 5px; font-size: 12px; font-size: 1.2rem; } }

.pro2-case { padding-bottom: 16px; }

@media screen and (max-width: 767px) { .pro2-case { padding-bottom: 10px; } }

.pro2-case .box-list { font-size: 0; letter-spacing: 0; }

.pro2-case .box-list .list-item { display: inline-block; vertical-align: top; width: 30.25%; margin-left: 4.625%; margin-bottom: 30px; }

@media screen and (max-width: 991px) { .pro2-case .box-list .list-item { width: 32%; margin-left: 2%; margin-bottom: 20px; } }

@media screen and (max-width: 480px) { .pro2-case .box-list .list-item { width: 48%; margin: 0 1% 15px !important; } }

.pro2-brand { padding-bottom: 23px; }

@media screen and (max-width: 767px) { .pro2-brand { padding-bottom: 15px; } }

.pro2-brand .box-list { font-size: 0; letter-spacing: 0; }

.pro2-brand .box-list .list-item { display: inline-block; vertical-align: top; width: 20%; margin-bottom: 15px; }

@media screen and (max-width: 480px) { .pro2-brand .box-list .list-item { width: 33.33333%; } }

.pro2-tags { border-top: solid 1px #E4E4E4; padding-top: 24px; }

@media screen and (max-width: 991px) { .pro2-tags { padding-top: 20px; } }

@media screen and (max-width: 767px) { .pro2-tags { padding-top: 15px; } }

.pro2-tags strong { float: left; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #999; margin-right: 13px; }

@media screen and (max-width: 991px) { .pro2-tags strong { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-right: 10px; } }

@media screen and (max-width: 767px) { .pro2-tags strong { font-size: 12px; font-size: 1.2rem; line-height: 24px; margin-right: 5px; } }

.pro2-tags .item-desc { overflow: hidden; font-size: 0; letter-spacing: 0; }

.pro2-tags .item-desc > a { display: inline-block; vertical-align: top; font-size: 16px; font-size: 1.6rem; border: solid 1px #D8D8D8; color: #999; line-height: 28px; padding: 0 11px; margin-right: 11px; margin-bottom: 10px; }

.pro2-tags .item-desc > a:hover { color: #d78712; border-color: #d78712; }

@media screen and (max-width: 991px) { .pro2-tags .item-desc > a { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 767px) { .pro2-tags .item-desc > a { font-size: 12px; font-size: 1.2rem; line-height: 24px; padding: 0 5px; margin-right: 8px; margin-bottom: 8px; } }

/*-------------产品家族2 end------------------------------------------------------------------*/
/* .c-xx start */


/* .c-xx end */
/* .f-xx start */
.f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); }

.f-box { margin: 0 auto; width: 1200px; max-width: 100%; overflow: visible; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 1219px) { .f-box { width: 960px; } }

@media screen and (max-width: 991px) { .f-box { width: 720px; } }

@media screen and (max-width: 767px) { .f-box { padding-left: 15px; padding-right: 15px; } }

/* .f-xx end */
.m-lrform { padding-top: 233px; padding-bottom: 112px; background: url("../images/login-bg1.jpg") no-repeat center; background-size: cover; }

.m-lrform .box-wp { float: right; max-width: 100%; width: 450px; padding-left: 4.28571%; padding-right: 4.28571%; padding-top: 3.92857%; padding-bottom: 6.78571%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; background-color: rgba(255, 255, 255, 0.95); }

.m-lrform .box-hdlink { margin-bottom: 55px; font-size: 0; letter-spacing: 0; }

.m-lrform .box-hdlink a { position: relative; display: inline-block; *display: inline; *zoom: 1; width: 50%; vertical-align: top; padding: 0 10px; line-height: 30px; font-size: 20px; font-size: 2rem; color: #999; font-weight: bold; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-lrform .box-hdlink a:first-child:before { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 1px; height: 22px; background-color: #d78712; }

.m-lrform .box-hdlink a.active { color: #333; }

.m-lrform .form-item { margin-top: 40px; border-bottom: 1px solid #d7d7d7; }

.m-lrform .form-item:first-child { margin-top: 40px; }

.m-lrform .form-text { width: 100%; height: 32px; line-height: 32px; font-size: 14px; font-size: 1.4rem; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-lrform .form-text::-webkit-input-placeholder { color: #999; opacity: 1; }

.m-lrform .form-text:-moz-placeholder { color: #999; opacity: 1; }

.m-lrform .form-text::-moz-placeholder { color: #999; opacity: 1; }

.m-lrform .form-text:-ms-input-placeholder { color: #999; opacity: 1; }

.m-lrform .form-code { position: relative; padding-right: 98px; }

.m-lrform .code-img { position: absolute; right: 0; top: 0; width: 98px; height: 32px; line-height: 30px; background-color: #f3fbfe; background-color: #fff; border: 1px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: none; overflow: hidden; text-align: center; }

.m-lrform .code-img img { max-height: 30px; vertical-align: middle; }

.m-lrform .form-btn { border-bottom: none; }

.m-lrform .form-btn input { display: block; width: 100%; height: 46px; font-size: 18px; font-size: 1.8rem; color: #fff; background-color: #d78712; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-lrform .form-btn input:hover { -webkit-box-shadow: 0.05em 0.1em 0.2em rgba(0, 0, 0, 0.6) inset; box-shadow: 0.05em 0.1em 0.2em rgba(0, 0, 0, 0.6) inset; }

.m-lrform .form-select { border-bottom: none; }

.m-lrform .select-item { margin-right: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; }

.m-lrform .form-resetpw { margin-top: 13px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; overflow: hidden; }

.m-lrform .form-resetpw a { color: #999; }

.m-lrform .form-resetpw a:hover { color: #d78712; }

.m-lrform .form-resetpw a.c-fr { color: #d78712; }

.m-lrform .form-resetpw a.c-fr:hover { text-decoration: underline; }

@media screen and (max-width: 991px) { .m-lrform { padding-top: 8.57143%; padding-bottom: 8.57143%; } }

.m-reginform { -webkit-border-image: url("../images/register-bg1.jpg"); -moz-border-image: url("../images/register-bg1.jpg"); -o-border-image: url("../images/register-bg1.jpg"); border-image: url("../images/register-bg1.jpg"); }

.g-wp, .page_wrap { padding-top: 53px; padding-bottom: 128px; }

@media screen and (max-width: 1219px) { .g-wp, .page_wrap { padding-bottom: 70px; } }

@media screen and (max-width: 991px) { .g-wp, .page_wrap { padding-top: 30px; padding-bottom: 30px; } }

.m-cpjzc1 { position: relative; }

.m-cpjzc1:before { content: ""; position: absolute; left: 0; width: 100%; top: 0; bottom: 6px; border-top: solid 1px #E6E6E6; border-bottom: solid 1px #E6E6E6; }

.m-cpjzc1:before { top: 0; -webkit-box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); }

.m-cpjzc1 .box-wp { position: relative; padding-left: 7.91667%; padding-right: 7.91667%; }

.m-cpjzc1 .box-btn { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 30px; font-size: 3rem; color: #dedede; }

.m-cpjzc1 .box-btn .iconfont { font-size: 30px; font-size: 3rem; }

@media screen and (max-width: 1219px) { .m-cpjzc1 .box-btn .iconfont { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .m-cpjzc1 .box-btn .iconfont { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .m-cpjzc1 .box-btn .iconfont { font-size: 20px; font-size: 2rem; } }

.m-cpjzc1 .box-btn.prev { left: 0; }

.m-cpjzc1 .box-btn.next { right: 0; }

.m-cpjzc1 .box-btn:hover { color: #d78712; }

.m-cpjzc1 .box-list { width: 10000%; }

.m-cpjzc1 .list-item { float: left; width: .2%; text-align: center; padding-bottom: 6px; }

.m-cpjzc1 .list-item a { position: relative; display: inline-block; padding-top: 20px; padding-bottom: 20px; line-height: 32px; font-size: 20px; font-size: 2rem; color: #333; }

.m-cpjzc1 .list-item a:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-cpjzc1 .list-item a:after { position: absolute; content: ''; left: 50%; margin-left: -6px; bottom: -6px; height: 6px; width: 12px; background: url(../images/sj.png) no-repeat bottom center; display: none; }

.m-cpjzc1 .list-item a.active { color: #cf8418; font-weight: bold; }

.m-cpjzc1 .list-item a.active:before { background-color: #cf8418; }

.m-cpjzc1 .list-item a.active:after { display: block; }

@media screen and (max-width: 991px) { .m-cpjzc1 .box-wp { padding-left: 30px; padding-right: 30px; }
  .m-cpjzc1 .list-item a { padding-top: 15px; padding-bottom: 15px; line-height: 26px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 640px) { .m-cpjzc1 .list-item { width: .33%; } }

@media screen and (max-width: 375px) { .m-cpjzc1 .list-item { width: .5%; } }

.m-cpjzc2 .box-item1, .m-cpjzc2 .box-item2 { display: none; }

.m-cpjzc2 .box-item1.show, .m-cpjzc2 .box-item2.show { display: block; }

.m-cpjzc3 { position: relative; overflow: hidden; margin-top: 72px; }

@media screen and (max-width: 1219px) { .m-cpjzc3 { margin-top: 0; } }

.m-cpjzc3 .box-btn { position: absolute; top: 0; bottom: 0; padding-top: 17.5%; height: 0; width: 30px; }

.m-cpjzc3 .box-btn i { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 30px; font-size: 3rem; color: #333; }

.m-cpjzc3 .box-btn:hover { color: #d78712; }

.m-cpjzc3 .box-btn:hover i { color: #d78712; }

.m-cpjzc3 .box-btn.prev { left: 0; }

.m-cpjzc3 .box-btn.next { right: 0; }

.m-cpjzc3 .box-wp { position: relative; padding-left: 11.25%; padding-right: 11.25%; }

.m-cpjzc3 .box-wp:before { content: ""; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); padding-top: 17.5%; width: 1920px; border-bottom: 1px solid #e6e6e6; }

.m-cpjzc3 .box-list { width: 10000%; overflow: hidden; }

.m-cpjzc3 .box-list, .m-cpjzc3 .box-list * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.m-cpjzc3 .list-item { float: left; margin-right: 0.04731%; width: 0.21505%; }

.m-cpjzc3 .item-wp { position: relative; display: block; padding-top: 1px; }

.m-cpjzc3 .item-wp:before { content: ""; position: absolute; left: 0; width: 100%; top: 0; padding-top: 104%; border-bottom: 3px solid #d78712; border-color: transparent; }

.m-cpjzc3 .item-wp.active .item-title { color: #333; }

.m-cpjzc3 .item-wp.active:before { border-color: #d78712; }

.m-cpjzc3 .item-pic { margin-top: 27.5%; margin-bottom: 19%; -webkit-border-radius: 0; border-radius: 0; }

.m-cpjzc3 .item-title { padding-top: 20px; height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; color: #999; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width: 991px) { .m-cpjzc3 .box-btn { text-align: center; }
  .m-cpjzc3 .box-btn i { font-size: 20px; font-size: 2rem; }
  .m-cpjzc3 .item-title { padding-top: 10px; height: 24px; line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 640px) { .m-cpjzc3 .list-item { margin-right: .02%; width: .32%; }
  .m-cpjzc3 .box-btn { position: absolute; top: 0; bottom: 0; padding-top: 22.5%; height: 0; width: 30px; }
  .m-cpjzc3 .box-wp { padding-left: 16.39344%; padding-right: 16.39344%; }
  .m-cpjzc3 .box-wp:before { padding-top: 22.5%; }
  .m-cpjzc3 .item-title { font-size: 12px; font-size: 1.2rem; } }

.m-cpjzc4 { position: relative; margin-top: 97px; }

@media screen and (max-width: 1219px) { .m-cpjzc4 { margin-top: 70px; } }

@media screen and (max-width: 991px) { .m-cpjzc4 { margin-top: 50px; } }

@media screen and (max-width: 767px) { .m-cpjzc4 { margin-top: 30px; } }

.m-cpjzc4 .btn-wp .prev { left: -53px; }

@media screen and (max-width: 1319px) { .m-cpjzc4 .btn-wp .prev { left: 0; } }

.m-cpjzc4 .btn-wp .next { right: -53px; }

@media screen and (max-width: 1319px) { .m-cpjzc4 .btn-wp .next { right: 0; } }

.m-cpjzc4 .box-btn { position: absolute; z-index: 2; width: 81px; display: block; line-height: 65px; top: 50%; margin-top: -32px; font-size: 22px; font-size: 2.2rem; color: #fff; text-align: center; background-color: #DCDDDD; background-color: rgba(220, 221, 221, 0.6); }

.m-cpjzc4 .box-btn:hover { background-color: #cf8418; }

@media screen and (max-width: 1219px) { .m-cpjzc4 .box-btn { width: 40px; line-height: 40px; margin-top: -20px; font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .m-cpjzc4 .box-btn { font-size: 16px; font-size: 1.6rem; width: 36px; line-height: 36px; margin-top: -18px; } }

@media screen and (max-width: 767px) { .m-cpjzc4 .box-btn { font-size: 14px; font-size: 1.4rem; width: 28px; line-height: 28px; margin-top: -164px; } }

.m-cpjzc4 .box-list { width: 10000%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.m-cpjzc4 .list-item { float: left; width: 1%; position: relative; }

.m-cpjzc4 .item-pic { width: 100%; }

.m-cpjzc4 .item-text { position: absolute; top: 0; bottom: 0; overflow: hidden; width: 36.16667%; right: 6.66667%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); padding: 10px 45px; }

@media screen and (max-width: 1219px) { .m-cpjzc4 .item-text { padding: 10px 20px; } }

@media screen and (max-width: 767px) { .m-cpjzc4 .item-text { position: relative; width: 100%; right: 0; padding: 20px 15px; background-color: #000; } }

.m-cpjzc4 .item-title { line-height: 1.3; font-size: 34px; font-size: 3.4rem; font-weight: bold; color: #fff; display: inline-block; border-bottom: solid 2px #d78712; padding-bottom: 5px; }

@media screen and (max-width: 1219px) { .m-cpjzc4 .item-title { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .m-cpjzc4 .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .m-cpjzc4 .item-title { font-size: 18px; font-size: 1.8rem; } }

.m-cpjzc4 .item-desc { margin-top: 13px; }

@media screen and (max-width: 991px) { .m-cpjzc4 .item-desc { margin-top: 5px; } }

.m-cpjzc4 .item-desc table { border: none; }

.m-cpjzc4 .item-desc table tr td { border: none; height: auto; line-height: 26px; padding: 5px 0; font-size: 16px; font-size: 1.6rem; color: #fff; background: none; }

@media screen and (max-width: 1219px) { .m-cpjzc4 .item-desc table tr td { line-height: 20px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .m-cpjzc4 .item-desc table tr td { padding: 1px 0; font-size: 12px; font-size: 1.2rem; } }

.m-cpjzc4 .item-link { margin-top: 17px; font-size: 0; letter-spacing: 0; text-align: right; }

@media screen and (max-width: 991px) { .m-cpjzc4 .item-link { margin-top: 10px; } }

.m-cpjzc4 .item-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 94px; line-height: 27px; padding: 0 5px; font-size: 12px; font-size: 1.2rem; color: #fff; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #cf8418; }

.m-cpjzc4 .item-link a:hover { color: #d78712; background-color: #fff; }

@media screen and (max-width: 991px) { .m-cpjzc4 .table > div { width: 100% !important; max-height: 100%; } }

.m-crm { padding-top: 23px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #666; }

@media screen and (max-width: 767px) { .m-crm { line-height: 20px; font-size: 12px; font-size: 1.2rem; } }

.m-crm a { color: #666; }

.m-crm a:hover { color: #d78712; }

.m-crm a.active { color: #d78712; }

/* 加入我们-招商加盟 start */
.zsjm-box1 { background: url(../images/zsjm1.jpg) no-repeat center; background-size: cover; padding: 64px 4.16667% 36px; margin-bottom: 84px; }

@media screen and (max-width: 1219px) { .zsjm-box1 { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .zsjm-box1 { padding: 45px 4.16667% 36px; margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .zsjm-box1 { padding: 30px 15px; margin-bottom: 30px; } }

.zsjm-box1, .zsjm-box1 a { color: #FEECD5; }

.zsjm-box1 .item-body { width: 60.45455%; }

@media screen and (max-width: 480px) { .zsjm-box1 .item-body { width: 100%; } }

.zsjm-box1 .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.3; font-weight: bold; margin-bottom: 10px; }

@media screen and (max-width: 991px) { .zsjm-box1 .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .zsjm-box1 .item-title { font-size: 18px; font-size: 1.8rem; } }

.zsjm-box1 .item-subt { font-size: 18px; font-size: 1.8rem; line-height: 1.3; position: relative; padding-bottom: 18px; margin-bottom: 17px; }

.zsjm-box1 .item-subt:before { position: absolute; content: ''; width: 35px; height: 1px; background-color: #FEECD5; bottom: 0; left: 0; }

@media screen and (max-width: 991px) { .zsjm-box1 .item-subt { font-size: 16px; font-size: 1.6rem; padding-bottom: 12px; margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .zsjm-box1 .item-subt { font-size: 14px; font-size: 1.4rem; padding-bottom: 8px; margin-bottom: 12px; } }

.zsjm-box1 .item-desc { margin-bottom: 43px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.zsjm-box1 .item-desc p { min-height: 30px; }

@media screen and (max-width: 1219px) { .zsjm-box1 .item-desc { line-height: 26px; }
  .zsjm-box1 .item-desc p { min-height: 26px; } }

@media screen and (max-width: 991px) { .zsjm-box1 .item-desc { margin-bottom: 30px; font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-bottom: 30px; }
  .zsjm-box1 .item-desc p { min-height: 24px; } }

@media screen and (max-width: 767px) { .zsjm-box1 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-bottom: 20px; }
  .zsjm-box1 .item-desc p { min-height: 20px; } }

.zsjm-box1 .item-btn { width: 25px; height: 15px; background: url(../images/zsjm2.png) no-repeat center; }

.zsjm-box2 { margin-bottom: 96px; }

@media screen and (max-width: 1219px) { .zsjm-box2 { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .zsjm-box2 { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .zsjm-box2 { margin-bottom: 20px; } }

.zsjm-box2 .box-list { font-size: 0; letter-spacing: 0; text-align: center; }

.zsjm-box2 .box-list .list-item { display: inline-block; vertical-align: top; width: 186px; margin: 0 50px 20px; background-color: #B1B2B2; min-height: 371px; padding: 58px 10px 30px; }

@media screen and (max-width: 1219px) { .zsjm-box2 .box-list .list-item { margin: 0 27px; } }

@media screen and (max-width: 991px) { .zsjm-box2 .box-list .list-item { width: 23%; margin: 0 1% 20px; min-height: 300px; } }

@media screen and (max-width: 767px) { .zsjm-box2 .box-list .list-item { padding: 40px 10px 30px; min-height: 230px; } }

@media screen and (max-width: 480px) { .zsjm-box2 .box-list .list-item { width: 48%; padding: 30px 10px; min-height: 160px; } }

.zsjm-box2 .box-list .item1 { background-color: #9FA0A0; }

.zsjm-box2 .box-list .item-pic { width: 70px; margin: 0 auto 94px; }

@media screen and (max-width: 991px) { .zsjm-box2 .box-list .item-pic { margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .zsjm-box2 .box-list .item-pic { width: 55px; } }

@media screen and (max-width: 480px) { .zsjm-box2 .box-list .item-pic { margin-bottom: 20px; width: 45px; } }

.zsjm-box2 .box-list .item-title { font-size: 16px; font-size: 1.6rem; line-height: 1.3; color: #f0ddc7; }

@media screen and (max-width: 767px) { .zsjm-box2 .box-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.zsjm-item { text-align: center; }

.zsjm-item .item-body { display: inline-block; position: relative; padding: 0 3px; }

.zsjm-item .item-body:before, .zsjm-item .item-body:after { position: absolute; content: ''; width: 120px; height: 2px; top: 50%; margin-top: -11px; background-color: #9FA0A0; }

@media screen and (max-width: 767px) { .zsjm-item .item-body:before, .zsjm-item .item-body:after { width: 50px; } }

.zsjm-item .item-body:before { right: 100%; }

.zsjm-item .item-body:after { left: 100%; }

.zsjm-item .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.3; font-weight: bold; margin-bottom: 5px; }

@media screen and (max-width: 991px) { .zsjm-item .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .zsjm-item .item-title { font-size: 18px; font-size: 1.8rem; } }

.zsjm-item .item-subt { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 1.3; text-transform: uppercase; color: #333; }

@media screen and (max-width: 767px) { .zsjm-item .item-subt { font-size: 12px; font-size: 1.2rem; } }

.zsjm-box3 { margin-bottom: 38px; }

@media screen and (max-width: 991px) { .zsjm-box3 { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .zsjm-box3 { margin-bottom: 20px; } }

.zsjm-box3 .zsjm-item { margin-bottom: 53px; }

@media screen and (max-width: 1219px) { .zsjm-box3 .zsjm-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .zsjm-box3 .zsjm-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .zsjm-box3 .zsjm-item { margin-bottom: 20px; } }

.zsjm-box3 .box-list { font-size: 0; letter-spacing: 0; }

.zsjm-box3 .box-list .list-item { display: inline-block; vertical-align: top; margin-bottom: 70px; }

@media screen and (max-width: 1219px) { .zsjm-box3 .box-list .list-item { width: 49.5% !important; margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .zsjm-box3 .box-list .list-item { width: 100% !important; margin-left: 0 !important; margin-bottom: 20px; } }

.zsjm-box3 .box-list .item1 { width: 44%; }

.zsjm-box3 .box-list .item2 { width: 54%; margin-left: 1%; }

.zsjm-box3 .box-list .item-left { float: left; width: 157px; text-align: center; margin-top: 10px; }

@media screen and (max-width: 1219px) { .zsjm-box3 .box-list .item-left { width: 140px; } }

@media screen and (max-width: 991px) { .zsjm-box3 .box-list .item-left { width: 120px; } }

@media screen and (max-width: 767px) { .zsjm-box3 .box-list .item-left { width: 80px; margin-top: 0; } }

.zsjm-box3 .box-list .item-pic { width: 64px; margin: 0 auto 32px; }

@media screen and (max-width: 1219px) { .zsjm-box3 .box-list .item-pic { margin-bottom: 20px; } }

@media screen and (max-width: 991px) { .zsjm-box3 .box-list .item-pic { width: 50px; margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .zsjm-box3 .box-list .item-pic { margin-bottom: 10px; width: 36px; } }

.zsjm-box3 .box-list .item-title { font-size: 18px; font-size: 1.8rem; line-height: 1.3; font-weight: bold; }

@media screen and (max-width: 991px) { .zsjm-box3 .box-list .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .zsjm-box3 .box-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.zsjm-box3 .box-list .item-body { overflow: hidden; }

.zsjm-box3 .box-list .item-desc { height: 140px; width: 1200px; display: table-cell; vertical-align: middle; font-size: 16px; font-size: 1.6rem; line-height: 28px; color: #333; }

@media screen and (max-width: 1219px) { .zsjm-box3 .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 130px; } }

@media screen and (max-width: 991px) { .zsjm-box3 .box-list .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 22px; height: 110px; } }

@media screen and (max-width: 767px) { .zsjm-box3 .box-list .item-desc { line-height: 20px; height: auto; display: block; width: 100%; } }

.zsjm-box4 .zsjm-item { margin-bottom: 53px; }

@media screen and (max-width: 1219px) { .zsjm-box4 .zsjm-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .zsjm-box4 .zsjm-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .zsjm-box4 .zsjm-item { margin-bottom: 20px; } }

.zsjm-box4 .item-pic img { display: block; margin: 0 auto; }

/* 加入我们-招商加盟 end */
/* 森形象-终端店面 start */
.sf-box1 { background: url(../images/sf1.jpg) no-repeat center; background-size: cover; padding: 92px 5% 87px; margin-bottom: 58px; }

@media screen and (max-width: 991px) { .sf-box1 { padding: 60px 3.57143%; margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .sf-box1 { padding: 30px 15px; margin-bottom: 30px; } }

.sf-box1 a:hover { color: #d78712; }

.sf-box1 .item-title { font-size: 22px; font-size: 2.2rem; line-height: 1.3; }

@media screen and (max-width: 991px) { .sf-box1 .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .sf-box1 .item-title { font-size: 14px; font-size: 1.4rem; } }

.sf-box1 .item-subt { font-weight: bold; font-size: 28px; font-size: 2.8rem; line-height: 1.3; }

@media screen and (max-width: 991px) { .sf-box1 .item-subt { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .sf-box1 .item-subt { font-size: 20px; font-size: 2rem; } }

.sf-box1 .item-subt1 { font-size: 22px; font-size: 2.2rem; line-height: 1.3; font-family: Tahoma, Geneva, Verdana, sans-serif; text-transform: uppercase; margin-top: 10px; }

@media screen and (max-width: 991px) { .sf-box1 .item-subt1 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .sf-box1 .item-subt1 { font-size: 14px; font-size: 1.4rem; margin-top: 5px; } }

.sf-box2 { margin-bottom: 35px; }

@media screen and (max-width: 767px) { .sf-box2 { margin-bottom: 30px; } }

.sf-box2 .item-desc { margin-bottom: 28px; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 24px; }

.sf-box2 .item-desc, .sf-box2 .item-desc a { color: #565656; }

.sf-box2 .item-desc p { min-height: 8px; }

@media screen and (max-width: 991px) { .sf-box2 .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .sf-box2 .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-bottom: 20px; } }

.sf-box2 .item-btn { margin: 0 auto; width: 25px; height: 15px; background: url(../images/sf8.png) no-repeat center; }

.sf-box3 .box-list { font-size: 0; letter-spacing: 0; max-width: 1080px; margin: 0 auto; }

.sf-box3 .box-list .list-item { display: inline-block; vertical-align: top; margin-bottom: 14px; position: relative; overflow: hidden; }

.sf-box3 .box-list .list-item:hover .item-body { -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }

.sf-box3 .box-list .item1 { width: 61.85185%; }

.sf-box3 .box-list .item2 { width: 36.75926%; margin-left: 1.38889%; }

.sf-box3 .box-list .item3 { width: 36.85185%; }

.sf-box3 .box-list .item4 { width: 62.03704%; margin-left: 1.11111%; }

.sf-box3 .box-list .item5 { width: 49.35185%; }

.sf-box3 .box-list .item6 { width: 49.35185%; margin-left: 1.2963%; }

.sf-box3 .box-list .item-body { position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -moz-transition: transform 0.4s ease, -moz-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease, -moz-transform 0.4s ease, -o-transform 0.4s ease; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; text-align: center; font-size: 22px; font-size: 2.2rem; font-family: Tahoma, Geneva, Verdana, sans-serif; text-transform: uppercase; color: #fff; }

.sf-box3 .box-list .item-body:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.25; filter: alpha(opacity=25); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; background-color: #fff; }

@media screen and (max-width: 1219px) { .sf-box3 .box-list .item-body { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .sf-box3 .box-list .item-body { font-size: 16px; font-size: 1.6rem; display: none; } }

@media screen and (max-width: 767px) { .sf-box3 .box-list .item-body { font-size: 12px; font-size: 1.2rem; } }

.sf-box3 .box-list .item-backdrop { text-align: center; font-size: 24px; font-size: 2.4rem; line-height: 1.3; }

.sf-box3 .box-list .item-backdrop:before { background-color: #000; }

.sf-box3 .box-list .item-backdrop .item-table { position: relative; z-index: 2; }

.sf-box3 .box-list .item-backdrop, .sf-box3 .box-list .item-backdrop a { color: #fff; }

@media screen and (max-width: 1219px) { .sf-box3 .box-list .item-backdrop { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .sf-box3 .box-list .item-backdrop { padding: 5px; display: block; font-size: 14px; font-size: 1.4rem; position: relative; background-color: #000; background-color: rgba(0, 0, 0, 0.5); } }

@media screen and (max-width: 767px) { .sf-box3 .box-list .item-backdrop { font-size: 12px; font-size: 1.2rem; } }

/* 森形象-终端店面 end */
/* 森形象-体验空间 start */
.ty-main .box-btn { float: right; font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-right: 50px; margin-bottom: 11px; font-weight: bold; }

.ty-main .box-btn:hover { color: #d78712; }

@media screen and (max-width: 991px) { .ty-main .box-btn { font-size: 14px; font-size: 1.4rem; margin-right: 0; } }

@media screen and (max-width: 767px) { .ty-main .box-btn { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.ty-main .ty-item .item-title { font-weight: bold; font-size: 26px; font-size: 2.6rem; line-height: 1.5; }

@media screen and (max-width: 1219px) { .ty-main .ty-item .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 991px) { .ty-main .ty-item .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .ty-main .ty-item .item-title { font-size: 16px; font-size: 1.6rem; } }

.ty-main .ty-item .item-subt { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.5; position: relative; padding-bottom: 6px; margin-bottom: 26px; }

.ty-main .ty-item .item-subt:before { position: absolute; content: ''; width: 20px; height: 2px; background-color: #57B5BF; left: 0; bottom: 0; }

@media screen and (max-width: 1219px) { .ty-main .ty-item .item-subt { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .ty-main .ty-item .item-subt { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .ty-main .ty-item .item-subt { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; } }

.ty-main .ty-item .item-subt1 { font-weight: bold; font-size: 20px; font-size: 2rem; line-height: 1.3; }

.ty-main .ty-item .item-subt1 a { display: block; }

.ty-main .ty-item .item-subt1 a:hover { color: #d78712; }

@media screen and (max-width: 1219px) { .ty-main .ty-item .item-subt1 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .ty-main .ty-item .item-subt1 { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .ty-main .ty-item .item-subt1 { font-size: 14px; font-size: 1.4rem; } }

.ty-main .ty-item .item-desc { font-size: 18px; font-size: 1.8rem; line-height: 1.3; color: #333; }

@media screen and (max-width: 1219px) { .ty-main .ty-item .item-desc { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .ty-main .ty-item .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .ty-main .ty-item .item-desc { font-size: 12px; font-size: 1.2rem; } }

.ty-main .box-item1 { position: relative; margin-bottom: 52px; }

@media screen and (max-width: 991px) { .ty-main .box-item1 { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .ty-main .box-item1 { margin-bottom: 30px; } }

.ty-main .box-item1 .item-pics { width: 7.33333%; position: absolute; right: 3.16667%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 640px) { .ty-main .box-item1 .item-pics { right: 0; bottom: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: auto; } }

.ty-main .box-item1 .item-pic { float: left; width: 53.58333%; }

@media screen and (max-width: 640px) { .ty-main .box-item1 .item-pic { width: 100%; float: none; margin: 0 auto; } }

.ty-main .box-item1 .item-body { position: absolute; left: 53.58333%; top: 0; bottom: 0; right: 0; padding-left: 6.66667%; padding-right: 0; }

@media screen and (max-width: 1219px) { .ty-main .box-item1 .item-body { padding-left: 3.33333%; } }

@media screen and (max-width: 640px) { .ty-main .box-item1 .item-body { position: relative; left: 0; padding: 15px; background-color: #F0EDF1; } }

.ty-main .box-item2 { background-color: #F0EDF1; position: relative; margin-bottom: 62px; }

@media screen and (max-width: 1219px) { .ty-main .box-item2 { margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .ty-main .box-item2 { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .ty-main .box-item2 { margin-bottom: 30px; } }

.ty-main .box-item2 .item-pic { float: right; width: 60.66667%; }

@media screen and (max-width: 640px) { .ty-main .box-item2 .item-pic { width: 100%; float: none; margin: 0 auto; } }

.ty-main .box-item2 .item-pics { width: 8.08333%; position: absolute; right: 56.66667%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 640px) { .ty-main .box-item2 .item-pics { right: 10px; bottom: 10px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: auto; } }

.ty-main .box-item2 .item-body { position: absolute; right: 60.66667%; top: 0; bottom: 0; left: 0; padding-left: 6.66667%; padding-right: 15px; }

@media screen and (max-width: 1219px) { .ty-main .box-item2 .item-body { padding-left: 3.33333%; } }

@media screen and (max-width: 640px) { .ty-main .box-item2 .item-body { position: relative; left: 0; padding: 15px; background-color: #F0EDF1; } }

.ty-main .box-item3 { position: relative; margin-bottom: 73px; }

@media screen and (max-width: 1219px) { .ty-main .box-item3 { margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .ty-main .box-item3 { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .ty-main .box-item3 { margin-bottom: 30px; } }

.ty-main .box-item3 .item-pic { float: left; width: 69.66667%; }

@media screen and (max-width: 640px) { .ty-main .box-item3 .item-pic { width: 100%; float: none; margin: 0 auto; } }

.ty-main .box-item3 .item-body { position: absolute; left: 56.41667%; top: 0; bottom: 0; right: 0; padding-right: 0; }

@media screen and (max-width: 640px) { .ty-main .box-item3 .item-body { position: relative; left: 0; padding: 15px; background-color: #F0EDF1; } }

.ty-main .box-item4 { position: relative; margin-bottom: 53px; }

@media screen and (max-width: 1219px) { .ty-main .box-item4 { margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .ty-main .box-item4 { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .ty-main .box-item4 { margin-bottom: 30px; } }

.ty-main .box-item4 .img1 { float: left; width: 48.5%; }

@media screen and (max-width: 480px) { .ty-main .box-item4 .img1 { width: 100%; } }

.ty-main .box-item4 .img2 { float: left; width: 25.5%; }

@media screen and (max-width: 480px) { .ty-main .box-item4 .img2 { width: 49%; } }

.ty-main .box-item4 .img3 { float: right; width: 25.5%; }

@media screen and (max-width: 480px) { .ty-main .box-item4 .img3 { width: 49%; } }

.ty-main .box-item4 .item-body { position: absolute; left: 48.5%; top: 0; bottom: 0; width: 25.5%; background-color: #000; background-color: rgba(0, 0, 0, 0.7); text-align: center; padding: 15px; }

@media screen and (max-width: 640px) { .ty-main .box-item4 .item-body { position: relative; left: 0; padding: 15px; background-color: #F0EDF1; width: 100%; float: left; text-align: left; } }

@media screen and (min-width: 641px) { .ty-main .box-item4 .ty-item, .ty-main .box-item4 .ty-item a, .ty-main .box-item4 .ty-item .item-desc { color: #fff; }
  .ty-main .box-item4 .ty-item .item-subt:before { margin: 0 auto; right: 0; } }

.ty-main .box-item5 { position: relative; margin-bottom: 78px; }

@media screen and (max-width: 1219px) { .ty-main .box-item5 { margin-bottom: 50px; } }

@media screen and (max-width: 991px) { .ty-main .box-item5 { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .ty-main .box-item5 { margin-bottom: 30px; } }

.ty-main .box-item5 .item-pic { float: right; width: 81%; }

@media screen and (max-width: 640px) { .ty-main .box-item5 .item-pic { width: 100%; float: none; margin: 0 auto; } }

.ty-main .box-item5 .item-body { position: absolute; right: 40%; top: 0; bottom: 0; left: 0; padding-left: 8.08333%; padding-right: 15px; }

@media screen and (max-width: 1219px) { .ty-main .box-item5 .item-body { padding-left: 3.33333%; } }

@media screen and (max-width: 640px) { .ty-main .box-item5 .item-body { position: relative; left: 0; padding: 15px; background-color: #F0EDF1; } }

.ty-main .box-item6 { position: relative; }

.ty-main .box-item6 .item-pics { width: 15.75%; position: absolute; right: 3.33333%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 640px) { .ty-main .box-item6 .item-pics { right: 0; bottom: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: auto; } }

.ty-main .box-item6 .item-pic { float: left; width: 53.58333%; }

@media screen and (max-width: 640px) { .ty-main .box-item6 .item-pic { width: 100%; float: none; margin: 0 auto; } }

.ty-main .box-item6 .item-body { position: absolute; left: 53.58333%; top: 0; bottom: 0; right: 0; padding-left: 7.83333%; padding-right: 0; }

@media screen and (max-width: 1219px) { .ty-main .box-item6 .item-body { padding-left: 3.33333%; } }

@media screen and (max-width: 640px) { .ty-main .box-item6 .item-body { position: relative; left: 0; padding: 15px; background-color: #F0EDF1; } }

/* 森形象-体验空间 end */
/* 心服务-保养知识,特殊说明 start */
.xin-item { background: url(../images/m1.jpg) no-repeat center; background-size: cover; text-align: center; color: #fff; padding: 75px 15px 66px; margin-bottom: 48px; }

.xin-item.si-item { background: url(../images/si1.jpg) no-repeat center; }

@media screen and (max-width: 1219px) { .xin-item { padding: 65px 15px; } }

@media screen and (max-width: 991px) { .xin-item { padding: 50px 15px; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .xin-item { padding: 30px 15px; margin-bottom: 30px; } }

.xin-item .item-title { font-size: 36px; font-size: 3.6rem; line-height: 1.3; margin-bottom: 2px; }

@media screen and (max-width: 1219px) { .xin-item .item-title { font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 991px) { .xin-item .item-title { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .xin-item .item-title { font-size: 18px; font-size: 1.8rem; } }

.xin-item .item-subt { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 22px; font-size: 2.2rem; line-height: 1.3; margin-bottom: 21px; }

@media screen and (max-width: 1219px) { .xin-item .item-subt { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .xin-item .item-subt { font-size: 14px; font-size: 1.4rem; margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .xin-item .item-subt { font-size: 12px; font-size: 1.2rem; margin-bottom: 10px; } }

.xin-item .item-desc { display: inline-block; border-top: solid 1px #fff; font-size: 20px; font-size: 2rem; line-height: 1.3; color: #fff; font-family: Tahoma, Geneva, Verdana, sans-serif; padding-top: 11px; }

@media screen and (max-width: 1219px) { .xin-item .item-desc { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .xin-item .item-desc { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .xin-item .item-desc { font-size: 14px; font-size: 1.4rem; padding-top: 5px; } }

.xin-main .box-title { margin-bottom: 5px; line-height: 1.3; font-size: 24px; font-size: 2.4rem; font-weight: bold; position: relative; }

.xin-main .box-title:before { position: absolute; content: ''; height: 1px; right: 0; width: 100%; background-color: #333; top: 50%; }

.xin-main .box-title strong { background-color: #fff; display: inline-block; padding-right: 15px; position: relative; z-index: 2; }

@media screen and (max-width: 1219px) { .xin-main .box-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 10px; } }

@media screen and (max-width: 991px) { .xin-main .box-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .xin-main .box-title { font-size: 18px; font-size: 1.8rem; } }

.xin-main .box-spec { margin-bottom: 34px; line-height: 1.5; font-size: 16px; font-size: 1.6rem; }

.xin-main .box-spec, .xin-main .box-spec a { color: #565656; }

.xin-main .box-spec em { margin-top: 27px; font-style: italic; display: block; padding-left: 31px; line-height: 22px; background: url(../images/m3.png) no-repeat left top; }

@media screen and (max-width: 1219px) { .xin-main .box-spec { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .xin-main .box-spec { margin-bottom: 30px; }
  .xin-main .box-spec em { margin-top: 20px; } }

@media screen and (max-width: 767px) { .xin-main .box-spec { margin-bottom: 20px; font-size: 12px; font-size: 1.2rem; }
  .xin-main .box-spec em { padding-left: 25px; } }

.xin-main .box-item .item-pic { width: 301px; margin: 0 2.5% 0 6.66667%; }

@media screen and (max-width: 1219px) { .xin-main .box-item .item-pic { margin: 0 0 0 2.5%; } }

@media screen and (max-width: 480px) { .xin-main .box-item .item-pic { width: 100%; margin: 0 auto 15px; max-width: 300px; float: none !important; } }

.xin-main .box-item1 { padding-top: 10px; margin-bottom: 33px; }

@media screen and (max-width: 1219px) { .xin-main .box-item1 { padding-top: 0; margin-bottom: 30px; } }

@media screen and (max-width: 991px) { .xin-main .box-item1 { margin-bottom: 10px; } }

.xin-main .box-item1 .item-pic { width: 43.16667%; margin-left: 10%; }

@media screen and (max-width: 1219px) { .xin-main .box-item1 .item-pic { margin: 0 0 0 2.5%; } }

@media screen and (max-width: 480px) { .xin-main .box-item1 .item-pic { width: 100%; margin: 0 auto 15px; max-width: 464px; float: none !important; } }

.xin-main .box-item1 .box-title { overflow: hidden; }

.xin-main .item-box .item-title { line-height: 1.5; font-size: 16px; font-size: 1.6rem; }

.xin-main .item-box .item-title, .xin-main .item-box .item-title a { color: #565656; }

@media screen and (max-width: 1219px) { .xin-main .item-box .item-title { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .xin-main .item-box .item-title { font-size: 12px; font-size: 1.2rem; } }

.xin-main .item-box .box-list { font-size: 0; letter-spacing: 0; }

.xin-main .item-box .box-list .list-item { display: inline-block; vertical-align: top; width: 47%; margin-left: 6%; font-size: 0; letter-spacing: 0; margin-top: 22px; }

.xin-main .item-box .box-list .list-item > * { display: inline-block; vertical-align: middle; }

@media screen and (max-width: 1219px) { .xin-main .item-box .box-list .list-item { width: 49%; margin-left: 2%; } }

@media screen and (max-width: 767px) { .xin-main .item-box .box-list .list-item { width: 100%; margin-left: 0; margin-top: 15px; } }

.xin-main .item-box .box-list .item-num { color: #DDDDDD; font-size: 78px; font-size: 7.8rem; line-height: 1; font-weight: bold; width: 13.60544%; }

@media screen and (max-width: 1219px) { .xin-main .item-box .box-list .item-num { font-size: 68px; font-size: 6.8rem; } }

@media screen and (max-width: 991px) { .xin-main .item-box .box-list .item-num { font-size: 58px; font-size: 5.8rem; } }

@media screen and (max-width: 767px) { .xin-main .item-box .box-list .item-num { font-size: 40px; font-size: 4rem; width: 30px; margin-right: 10px; } }

.xin-main .item-box .box-list .item-desc { line-height: 1.5; font-size: 16px; font-size: 1.6rem; width: 86.39456%; }

.xin-main .item-box .box-list .item-desc, .xin-main .item-box .box-list .item-desc a { color: #565656; }

@media screen and (max-width: 1219px) { .xin-main .item-box .box-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .xin-main .item-box .box-list .item-desc { font-size: 12px; font-size: 1.2rem; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); } }

.xin-main .item-box1 { margin-bottom: 25px; }

@media screen and (max-width: 767px) { .xin-main .item-box1 { margin-bottom: 10px; } }

.xin-main .item-box1 .item-title { line-height: 1.5; font-size: 16px; font-size: 1.6rem; margin-bottom: 13px; }

.xin-main .item-box1 .item-title, .xin-main .item-box1 .item-title a { color: #333; }

@media screen and (max-width: 1219px) { .xin-main .item-box1 .item-title { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .xin-main .item-box1 .item-title { font-size: 12px; font-size: 1.2rem; } }

.xin-main .item-box1 .box-list { font-size: 0; letter-spacing: 0; }

.xin-main .item-box1 .box-list .list-item { display: inline-block; vertical-align: top; width: 48.75%; margin-left: 2.5%; padding: 23px; min-height: 151px; margin-bottom: 20px; }

@media screen and (max-width: 1219px) { .xin-main .item-box1 .box-list .list-item { padding: 20px; min-height: 166px; } }

@media screen and (max-width: 991px) { .xin-main .item-box1 .box-list .list-item { padding: 15px; min-height: 156px; } }

@media screen and (max-width: 767px) { .xin-main .item-box1 .box-list .list-item { width: 100%; margin-left: 0; min-height: auto; margin-bottom: 15px; } }

.xin-main .item-box1 .box-list .item1 { margin-left: 0; background-color: #F6F4F7; }

.xin-main .item-box1 .box-list .item2 { background-color: #FBFAF6; }

.xin-main .item-box1 .box-list .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 1.5; }

.xin-main .item-box1 .box-list .item-desc, .xin-main .item-box1 .box-list .item-desc a { color: #565656; }

@media screen and (max-width: 991px) { .xin-main .item-box1 .box-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

/* 心服务-保养知识,特殊说明 end */
/* 心服务-售后服务 start */
.as-box1 { background: url(../images/as1.jpg) no-repeat center right; background-size: cover; padding: 68px 5.83333% 50px; min-height: 323px; margin-bottom: 46px; }

@media screen and (max-width: 1219px) { .as-box1 { min-height: auto; padding: 50px 4.16667%; } }

@media screen and (max-width: 991px) { .as-box1 { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .as-box1 { padding: 30px 15px; margin-bottom: 30px; } }

.as-box1, .as-box1 a { color: #fff; }

.as-box1 .item-body { width: 70.28302%; }

@media screen and (max-width: 480px) { .as-box1 .item-body { width: 100%; } }

.as-box1 .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.3; font-weight: bold; margin-bottom: 1px; }

@media screen and (max-width: 991px) { .as-box1 .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .as-box1 .item-title { font-size: 18px; font-size: 1.8rem; } }

.as-box1 .item-subt { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.3; position: relative; padding-bottom: 17px; margin-bottom: 18px; }

.as-box1 .item-subt:before { position: absolute; content: ''; width: 20px; height: 1px; background-color: #fff; bottom: 0; left: 0; }

@media screen and (max-width: 991px) { .as-box1 .item-subt { font-size: 16px; font-size: 1.6rem; padding-bottom: 12px; margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .as-box1 .item-subt { font-size: 14px; font-size: 1.4rem; padding-bottom: 8px; margin-bottom: 12px; } }

.as-box1 .item-desc { font-size: 20px; font-size: 2rem; line-height: 1.2; }

@media screen and (max-width: 1219px) { .as-box1 .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } }

@media screen and (max-width: 991px) { .as-box1 .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .as-box1 .item-desc { font-size: 12px; font-size: 1.2rem; } }

.as-box2 { margin-bottom: 106px; text-align: center; font-weight: 300; font-size: 18px; font-size: 1.8rem; line-height: 22px; }

.as-box2 p { min-height: 22px; }

.as-box2, .as-box2 a { color: #565656; }

@media screen and (max-width: 1219px) { .as-box2 { font-size: 16px; font-size: 1.6rem; margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .as-box2 { font-size: 14px; font-size: 1.4rem; line-height: 20px; margin-bottom: 50px; }
  .as-box2 p { min-height: 20px; } }

@media screen and (max-width: 767px) { .as-box2 { font-size: 12px; font-size: 1.2rem; margin-bottom: 30px; } }

.as-box3 { text-align: center; }

.as-box3 .box-title { display: inline-block; font-size: 20px; font-size: 2rem; line-height: 34px; font-weight: bold; padding-left: 47px; margin-bottom: 37px; background: url(../images/as2.png) no-repeat left center; }

@media screen and (max-width: 1219px) { .as-box3 .box-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .as-box3 .box-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 30px; background-size: 28px; line-height: 28px; padding-left: 35px; } }

@media screen and (max-width: 767px) { .as-box3 .box-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 20px; line-height: 24px; background-size: 24px; padding-left: 28px; } }

.as-box3 .box-list { font-size: 0; letter-spacing: 0; text-align: center; }

.as-box3 .box-list .list-item { display: inline-block; vertical-align: top; width: 281px; margin: 0 0 20px 25px; background-color: #FBFAF6; min-height: 506px; padding: 92px 30px 30px; }

.as-box3 .box-list .list-item:first-child { margin-left: 0; }

.as-box3 .box-list .list-item:last-child .item-title { text-align: center; }

@media screen and (max-width: 1219px) { .as-box3 .box-list .list-item { width: 23.5%; margin-left: 2%; padding: 70px 20px 30px; min-height: 420px; } }

@media screen and (max-width: 991px) { .as-box3 .box-list .list-item { width: 23%; margin: 0 1% 20px !important; padding: 30px 15px; min-height: 330px; } }

@media screen and (max-width: 767px) { .as-box3 .box-list .list-item { width: 48%; min-height: 280px; } }

@media screen and (max-width: 480px) { .as-box3 .box-list .list-item { width: 100%; margin: 0 0 20px !important; padding: 25px 10px; min-height: auto; } }

.as-box3 .box-list .item1 { background-color: #F6F4F7; }

.as-box3 .box-list .item-pic { width: 95px; margin: 0 auto 74px; }

@media screen and (max-width: 1219px) { .as-box3 .box-list .item-pic { width: 80px; margin-bottom: 30px; } }

@media screen and (max-width: 991px) { .as-box3 .box-list .item-pic { width: 60px; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .as-box3 .box-list .item-pic { width: 55px; } }

@media screen and (max-width: 480px) { .as-box3 .box-list .item-pic { width: 45px; } }

.as-box3 .box-list .item-title { text-align: left; font-size: 16px; font-size: 1.6rem; line-height: 22px; color: #565656; }

@media screen and (max-width: 1219px) { .as-box3 .box-list .item-title { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .as-box3 .box-list .item-title { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

/* 心服务-售后服务 end */
/* 心服务-预约维修 start */
.rc_wrap { padding-bottom: 0; }

.rc-item { margin-bottom: 36px; }

@media screen and (max-width: 991px) { .rc-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .rc-item { margin-bottom: 20px; } }

.rc-item .item-subt { text-transform: capitalize; }

.rc-box1 { margin-bottom: 75px; background: url(../images/rc1.jpg) no-repeat center; padding: 72px 7.5% 53px; }

@media screen and (max-width: 1219px) { .rc-box1 { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .rc-box1 { padding: 50px 3.57143%; margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .rc-box1 { padding: 30px 15px; margin-bottom: 30px; } }

.rc-box1 .item-title { font-size: 24px; font-size: 2.4rem; color: #fff; line-height: 1.5; margin-bottom: 11px; padding-left: 35px; background: url(../images/rc3.png) no-repeat center left; }

@media screen and (max-width: 1219px) { .rc-box1 .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 991px) { .rc-box1 .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 767px) { .rc-box1 .item-title { font-size: 14px; font-size: 1.4rem; line-height: 28px; margin-bottom: 5px; background-size: 22px; padding-left: 30px; } }

.rc-box1 .item-subt { padding-left: 32px; line-height: 1; font-size: 54px; font-size: 5.4rem; font-family: Verdana, Geneva, Tahoma, sans-serif; color: #fff; }

@media screen and (max-width: 1219px) { .rc-box1 .item-subt { font-size: 44px; font-size: 4.4rem; } }

@media screen and (max-width: 991px) { .rc-box1 .item-subt { font-size: 34px; font-size: 3.4rem; } }

@media screen and (max-width: 767px) { .rc-box1 .item-subt { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 480px) { .rc-box1 .item-subt { font-size: 20px; font-size: 2rem; } }

.rc-box2 { text-align: center; margin-bottom: 75px; }

@media screen and (max-width: 1219px) { .rc-box2 { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .rc-box2 { margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .rc-box2 { margin-bottom: 30px; } }

.rc-box2 .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.5; margin-bottom: 15px; }

@media screen and (max-width: 1219px) { .rc-box2 .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .rc-box2 .item-title { font-size: 18px; font-size: 1.8rem; margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .rc-box2 .item-title { font-size: 14px; font-size: 1.4rem; margin-bottom: 5px; } }

.rc-box2 .item-img { width: 116px; margin: 0 auto; margin-bottom: 33px; }

.rc-box2 .item-img img { display: block; width: 100%; }

@media screen and (max-width: 991px) { .rc-box2 .item-img { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .rc-box2 .item-img { margin-bottom: 20px; } }

.rc-box2 .item-img1 { margin-bottom: 41px; }

.rc-box2 .item-img1 img { display: block; margin: 0 auto; }

@media screen and (max-width: 1219px) { .rc-box2 .item-img1 { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .rc-box2 .item-img1 { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .rc-box2 .item-img1 { margin-bottom: 20px; } }

.rc-box2 .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 1.5; color: #565656; }

@media screen and (max-width: 1219px) { .rc-box2 .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .rc-box2 .item-desc { font-size: 12px; font-size: 1.2rem; } }

.rc-box3 { background-color: #F6F4F7; font-size: 0; letter-spacing: 0; padding: 55px 15px; text-align: center; }

@media screen and (max-width: 1219px) { .rc-box3 { padding: 50px 15px; } }

@media screen and (max-width: 991px) { .rc-box3 { padding: 30px 15px; } }

@media screen and (max-width: 767px) { .rc-box3 { padding: 20px 15px; } }

.rc-box3 > * { display: inline-block; vertical-align: middle; font-size: 16px; font-size: 1.6rem; line-height: 1.5; color: #565656; }

@media screen and (max-width: 1219px) { .rc-box3 > * { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .rc-box3 > * { font-size: 12px; font-size: 1.2rem; } }

.rc-box3 .item-img { width: 82px; }

.rc-box3 .item-img img { display: block; width: 100%; }

.rc-box3 .item-title, .rc-box3 .item-desc { min-width: 295px; margin-left: 20px; text-align: left; }

@media screen and (max-width: 1219px) { .rc-box3 .item-title, .rc-box3 .item-desc { min-width: 220px; } }

@media screen and (max-width: 991px) { .rc-box3 .item-title, .rc-box3 .item-desc { min-width: 180px; margin-left: 15px; } }

@media screen and (max-width: 767px) { .rc-box3 .item-title, .rc-box3 .item-desc { min-width: 150px; margin-left: 10px; } }

@media screen and (max-width: 640px) { .rc-box3 .item-desc { display: block; width: 100%; text-align: center; margin-top: 15px; margin-left: 0; } }

/* 心服务-预约维修 end */
/* 窗边美学 start */
.w-search { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ cursor: pointer; overflow: hidden; position: relative; width: 311px; height: 35px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #D6D6D6; margin-top: -70px; margin-bottom: 50px; }

.w-search ::-webkit-input-placeholder { color: #666; opacity: 1; }

.w-search :-o-placeholder { color: #666; opacity: 1; }

.w-search ::-moz-placeholder { color: #666; opacity: 1; }

.w-search :-ms-input-placeholder { color: #666; opacity: 1; }

@media screen and (max-width: 1219px) { .w-search { margin-top: -50px; margin-bottom: 30px; } }

@media screen and (max-width: 991px) { .w-search { margin-top: -20px; margin-bottom: 20px; width: 280px; } }

@media screen and (max-width: 767px) { .w-search { float: left; margin-bottom: 15px; } }

.w-search .iconfont { font-size: 18px; font-size: 1.8rem; color: #d78712; position: absolute; width: 27px; height: 35px; line-height: 35px; text-align: left; right: 0; top: 0; }

.w-search .item-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 33px; padding: 0 30px 0 11px; color: #666; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 991px) { .w-search .item-input { font-size: 12px; font-size: 1.2rem; } }

.w-search .item-submit { position: absolute; width: 27px; height: 100%; top: 0px; right: 0px; cursor: pointer; z-index: 2; }

.m-window { position: relative; }

.m-window:before { content: ""; position: absolute; left: 0; width: 100%; top: 0; bottom: 6px; border-top: solid 1px #E6E6E6; border-bottom: solid 1px #E6E6E6; }

.m-window:before { top: 0; -webkit-box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); }

.m-window .box-wp { position: relative; padding-left: 3.75%; padding-right: 3.75%; }

.m-window .box-btn { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); color: #dedede; }

.m-window .box-btn .iconfont { font-size: 30px; font-size: 3rem; }

@media screen and (max-width: 1219px) { .m-window .box-btn .iconfont { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .m-window .box-btn .iconfont { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .m-window .box-btn .iconfont { font-size: 20px; font-size: 2rem; } }

.m-window .box-btn.prev { left: 0; }

.m-window .box-btn.next { right: 0; }

.m-window .box-btn:hover { color: #d78712; }

.m-window .box-list { width: 10000%; }

.m-window .list-item { float: left; width: .125%; text-align: center; padding-bottom: 6px; }

.m-window .list-item a { position: relative; display: inline-block; padding-top: 20px; padding-bottom: 20px; line-height: 32px; font-size: 18px; font-size: 1.8rem; color: #333; }

.m-window .list-item a:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-window .list-item a:after { position: absolute; content: ''; left: 50%; margin-left: -6px; bottom: -6px; height: 6px; width: 12px; background: url(../images/sj.png) no-repeat bottom center; display: none; }

.m-window .list-item a.active { color: #cf8418; }

.m-window .list-item a.active:before { background-color: #cf8418; }

.m-window .list-item a.active:after { display: block; }

@media screen and (max-width: 991px) { .m-window .box-wp { padding-left: 30px; padding-right: 30px; }
  .m-window .list-item { width: 0.2%; }
  .m-window .list-item a { padding-top: 15px; padding-bottom: 15px; line-height: 26px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 640px) { .m-window .list-item { width: .33%; } }

@media screen and (max-width: 375px) { .m-window .list-item { width: .5%; } }

.w1-list { font-size: 0; letter-spacing: 0; padding-top: 60px; }

@media screen and (max-width: 1219px) { .w1-list { padding-top: 50px; } }

@media screen and (max-width: 991px) { .w1-list { padding-top: 40px; } }

@media screen and (max-width: 767px) { .w1-list { padding-top: 30px; } }

.w1-list .list-item { display: inline-block; vertical-align: top; width: 30.33333%; margin-left: 4.5%; margin-bottom: 76px; }

@media screen and (max-width: 1219px) { .w1-list .list-item { margin-bottom: 50px; width: 32%; margin-left: 2%; } }

@media screen and (max-width: 991px) { .w1-list .list-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .w1-list .list-item { margin-bottom: 20px; } }

@media screen and (max-width: 480px) { .w1-list .list-item { width: 48%; margin: 0 1% 20px !important; } }

.w1-list .item-body { background-color: #F5F5F5; padding: 23px 25px 17px; }

@media screen and (max-width: 1219px) { .w1-list .item-body { padding: 15px; } }

@media screen and (max-width: 991px) { .w1-list .item-body { padding: 10px; } }

@media screen and (max-width: 767px) { .w1-list .item-body { padding: 10px 5px; } }

.w1-list .item-title { font-weight: bold; font-size: 22px; font-size: 2.2rem; line-height: 1.5; }

@media screen and (max-width: 1219px) { .w1-list .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .w1-list .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .w1-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.w1-list .item-subt { margin-bottom: 10px; float: left; margin-right: 20px; font-size: 18px; font-size: 1.8rem; line-height: 1.5; padding-bottom: 11px; position: relative; }

.w1-list .item-subt:before { position: absolute; content: ''; width: 27px; height: 2px; left: 0; bottom: 0; background-color: #d78712; }

@media screen and (max-width: 1219px) { .w1-list .item-subt { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .w1-list .item-subt { font-size: 14px; font-size: 1.4rem; margin-right: 15px; padding-bottom: 8px; } }

@media screen and (max-width: 767px) { .w1-list .item-subt { font-size: 12px; font-size: 1.2rem; margin-bottom: 5px; margin-right: 10px; } }

.w1-list .item-add { margin-bottom: 10px; float: left; line-height: 1.5; font-size: 18px; font-size: 1.8rem; }

.w1-list .item-add .iconfont { color: #999; }

@media screen and (max-width: 1219px) { .w1-list .item-add { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .w1-list .item-add { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .w1-list .item-add { font-size: 12px; font-size: 1.2rem; margin-bottom: 5px; } }

.w1-title { font-weight: bold; font-size: 44px; font-size: 4.4rem; line-height: 1.3; text-align: center; margin-bottom: 39px; margin-top: -23px; }

@media screen and (max-width: 1219px) { .w1-title { font-size: 36px; font-size: 3.6rem; margin-bottom: 30px; margin-top: 0; } }

@media screen and (max-width: 991px) { .w1-title { font-size: 28px; font-size: 2.8rem; margin-bottom: 25px; } }

@media screen and (max-width: 767px) { .w1-title { font-size: 20px; font-size: 2rem; margin-bottom: 15px; } }

.w1-title p { display: inline-block; padding: 0 107px; position: relative; }

.w1-title p:before { position: absolute; content: ''; width: 100%; left: 0; height: 1px; background-color: #D3D3D3; top: 50%; }

@media screen and (max-width: 480px) { .w1-title p { padding: 0 60px; } }

.w1-title span { display: block; position: relative; background-color: #fff; padding: 0 20px; }

@media screen and (max-width: 480px) { .w1-title span { padding: 0 10px; } }

.w1-title span:before, .w1-title span:after { position: absolute; content: ''; width: 30px; height: 2px; background-color: #d78712; top: 50%; margin-top: -1px; }

.w1-title span:before { right: 100%; }

.w1-title span:after { left: 100%; }

.w1-desc { font-size: 0; letter-spacing: 0; margin-bottom: 90px; }

@media screen and (max-width: 1219px) { .w1-desc { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .w1-desc { margin-bottom: 45px; } }

@media screen and (max-width: 767px) { .w1-desc { margin-bottom: 25px; } }

.w1-desc > * { display: inline-block; vertical-align: top; font-size: 18px; font-size: 1.8rem; line-height: 36px; margin-right: 25px; margin-bottom: 8px; }

@media screen and (max-width: 1219px) { .w1-desc > * { font-size: 16px; font-size: 1.6rem; line-height: 30px; } }

@media screen and (max-width: 991px) { .w1-desc > * { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-right: 20px; } }

@media screen and (max-width: 767px) { .w1-desc > * { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-bottom: 5px; margin-right: 15px; } }

.w1-desc a:hover { color: #d78712; }

/* 窗边美学 end */
/* 地方频道start */
.local-item .item-title { font-weight: bold; font-size: 24px; font-size: 2.4rem; line-height: 1.5; }

@media screen and (max-width: 1219px) { .local-item .item-title { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 991px) { .local-item .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .local-item .item-title { font-size: 18px; font-size: 1.8rem; } }

.local-item .item-subt { margin-top: 1px; line-height: 1.5; font-size: 15px; font-size: 1.5rem; font-family: arial, helvetica, sans-serif; }

@media screen and (max-width: 991px) { .local-item .item-subt { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .local-item .item-subt { font-size: 12px; font-size: 1.2rem; } }

.local-news { margin-bottom: 96px; padding-top: 44px; }

@media screen and (max-width: 1219px) { .local-news { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .local-news { margin-bottom: 50px; padding-top: 40px; } }

@media screen and (max-width: 767px) { .local-news { margin-bottom: 30px; padding-top: 30px; } }

.local-news .local-item { margin-bottom: 53px; }

@media screen and (max-width: 1219px) { .local-news .local-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .local-news .local-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .local-news .local-item { margin-bottom: 20px; } }

.news-scroll { overflow: hidden; position: relative; padding-right: 50px; margin-left: 2.91667%; }

@media screen and (max-width: 1219px) { .news-scroll { margin-left: 0; } }

@media screen and (max-width: 991px) { .news-scroll { padding-right: 40px; } }

@media screen and (max-width: 767px) { .news-scroll { padding-right: 30px; } }

.news-scroll .scroll-btns { font-size: 0; letter-spacing: 0; width: 30px; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }

@media screen and (max-width: 991px) { .news-scroll .scroll-btns { width: 26px; } }

@media screen and (max-width: 767px) { .news-scroll .scroll-btns { width: 24px; } }

.news-scroll .scroll-btns > * { display: inline-block; vertical-align: top; position: absolute; width: 100%; text-align: center; height: 30px; line-height: 30px; background-color: #EAEAEA; font-size: 14px; font-size: 1.4rem; color: #fff; cursor: pointer; }

.news-scroll .scroll-btns > *:hover { background-color: #d78712; }

@media screen and (max-width: 991px) { .news-scroll .scroll-btns > * { height: 26px; line-height: 26px; } }

@media screen and (max-width: 767px) { .news-scroll .scroll-btns > * { height: 24px; line-height: 24px; font-size: 12px; font-size: 1.2rem; } }

.news-scroll .scroll-btns .prev { top: 0; }

.news-scroll .scroll-btns .next { bottom: 0; }

.news-scroll .scroll-list-box { width: 100%; height: 311px; overflow: hidden; }

@media screen and (max-width: 1219px) { .news-scroll .scroll-list-box { height: 248px; } }

@media screen and (max-width: 991px) { .news-scroll .scroll-list-box { height: 214px; } }

@media screen and (max-width: 767px) { .news-scroll .scroll-list-box { height: 194px; } }

.news-scroll .scroll-list { width: 100%; }

.news-scroll .scroll-list .list-item { margin-bottom: 26px; }

@media screen and (max-width: 1219px) { .news-scroll .scroll-list .list-item { margin-bottom: 0; } }

.news-scroll .scroll-list .item-date { float: left; width: 110px; padding-left: 23px; position: relative; }

@media screen and (max-width: 991px) { .news-scroll .scroll-list .item-date { width: 70px; padding-left: 15px; } }

.news-scroll .scroll-list .item-date:before { position: absolute; content: ''; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #d78712; top: 9px; left: 0; }

@media screen and (max-width: 1219px) { .news-scroll .scroll-list .item-date:before { top: 7px; } }

@media screen and (max-width: 991px) { .news-scroll .scroll-list .item-date:before { width: 8px; height: 8px; top: 6px; } }

.news-scroll .scroll-list .item-date .p1 { font-size: 24px; font-size: 2.4rem; line-height: 1.2; }

@media screen and (max-width: 1219px) { .news-scroll .scroll-list .item-date .p1 { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 991px) { .news-scroll .scroll-list .item-date .p1 { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .news-scroll .scroll-list .item-date .p1 { font-size: 14px; font-size: 1.4rem; } }

.news-scroll .scroll-list .item-date .p2 { font-size: 18px; font-size: 1.8rem; line-height: 1.3; }

@media screen and (max-width: 1219px) { .news-scroll .scroll-list .item-date .p2 { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .news-scroll .scroll-list .item-date .p2 { font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 767px) { .news-scroll .scroll-list .item-date .p2 { font-size: 12px; font-size: 1.2rem; } }

.news-scroll .scroll-list .item-body { overflow: hidden; }

.news-scroll .scroll-list .item-li { margin-bottom: 28px; }

@media screen and (max-width: 1219px) { .news-scroll .scroll-list .item-li { margin-bottom: 20px; } }

@media screen and (max-width: 991px) { .news-scroll .scroll-list .item-li { margin-bottom: 10px; } }

.news-scroll .scroll-list .item-li .item-title { font-weight: bold; font-size: 16px; font-size: 1.6rem; line-height: 1.5; }

.news-scroll .scroll-list .item-li .item-title a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width: 767px) { .news-scroll .scroll-list .item-li .item-title { font-size: 14px; font-size: 1.4rem; } }

.news-scroll .scroll-list .item-li .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 1.5; margin-top: 4px; }

.news-scroll .scroll-list .item-li .item-desc a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width: 991px) { .news-scroll .scroll-list .item-li .item-desc { margin-top: 2px; } }

.news-owl { float: right; width: 45.08333%; margin-left: 4.16667%; margin-right: 2.91667%; position: relative; overflow: hidden; z-index: 2; }

@media screen and (max-width: 1219px) { .news-owl { margin-right: 0; } }

@media screen and (max-width: 991px) { .news-owl { width: 50%; margin-left: 2.14286%; } }

@media screen and (max-width: 767px) { .news-owl { width: 100%; float: none; margin: 0 auto 20px; max-width: 541px; } }

.news-owl .owl-theme .owl-controls .owl-pagination { margin-top: 0; position: absolute; bottom: 4.50161%; right: 3.88889%; text-align: right; }

.news-owl .owl-theme .owl-controls .owl-page span { border: 0; background-color: #fff; width: 15px !important; height: 15px !important; margin-left: 9px; margin-right: 0; opacity: 0.31; filter: alpha(opacity=31); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=31)"; }

@media screen and (max-width: 1219px) { .news-owl .owl-theme .owl-controls .owl-page span { width: 12px !important; height: 12px !important; margin-left: 8px; } }

@media screen and (max-width: 991px) { .news-owl .owl-theme .owl-controls .owl-page span { width: 10px !important; height: 10px !important; margin-left: 5px; } }

@media screen and (max-width: 767px) { .news-owl .owl-theme .owl-controls .owl-page span { width: 8px !important; height: 8px !important; margin-left: 3px; } }

.news-owl .owl-theme .owl-controls .owl-page.active span, .news-owl .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border: 0; }

.local-atlas { margin-bottom: 70px; }

@media screen and (max-width: 991px) { .local-atlas { margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .local-atlas { margin-bottom: 30px; } }

.local-atlas .local-item { margin-bottom: 21px; }

@media screen and (max-width: 767px) { .local-atlas .local-item { margin-bottom: 20px; } }

.local-atlas .box-body { background-color: #F4F4F4; padding: 50px 0; }

@media screen and (max-width: 767px) { .local-atlas .box-body { padding: 30px 0; } }

.local-atlas .atlas-content { margin-left: 2.5%; }

@media screen and (max-width: 1219px) { .local-atlas .atlas-content { margin-left: 0; } }

@media screen and (max-width: 767px) { .local-atlas .atlas-content { width: 100%; max-width: 564px; margin: 0 auto; } }

.atlas-scroll { float: right; position: relative; width: 37.5%; margin-left: 10.41667%; margin-right: 2.91667%; padding-right: 50px; }

@media screen and (max-width: 1219px) { .atlas-scroll { margin-right: 0; margin-left: 4.16667%; } }

@media screen and (max-width: 991px) { .atlas-scroll { padding-right: 40px; width: 45.83333%; } }

@media screen and (max-width: 767px) { .atlas-scroll { padding-right: 30px; width: 100%; float: none; margin: 0 auto 20px; } }

.atlas-scroll .scroll-btns { font-size: 0; letter-spacing: 0; width: 30px; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }

@media screen and (max-width: 991px) { .atlas-scroll .scroll-btns { width: 26px; } }

@media screen and (max-width: 767px) { .atlas-scroll .scroll-btns { width: 24px; } }

.atlas-scroll .scroll-btns > * { display: inline-block; vertical-align: top; position: absolute; width: 100%; text-align: center; height: 30px; line-height: 30px; background-color: #EAEAEA; font-size: 14px; font-size: 1.4rem; color: #fff; cursor: pointer; }

.atlas-scroll .scroll-btns > *:hover { background-color: #d78712; }

@media screen and (max-width: 991px) { .atlas-scroll .scroll-btns > * { height: 26px; line-height: 26px; } }

@media screen and (max-width: 767px) { .atlas-scroll .scroll-btns > * { height: 24px; line-height: 24px; font-size: 12px; font-size: 1.2rem; } }

.atlas-scroll .scroll-btns .prev { top: 0; }

.atlas-scroll .scroll-btns .next { bottom: 0; }

.atlas-scroll .scroll-list-box { width: 100%; height: 270px; margin-top: 34px; margin-bottom: 34px; overflow: hidden; }

@media screen and (max-width: 991px) { .atlas-scroll .scroll-list-box { height: 210px; margin: 0; } }

@media screen and (max-width: 767px) { .atlas-scroll .scroll-list-box { height: 186px; } }

.atlas-scroll .scroll-list { width: 100%; }

.atlas-scroll .scroll-list .list-item { margin-bottom: 18px; padding-left: 23px; position: relative; cursor: pointer; }

.atlas-scroll .scroll-list .list-item.active .item-title, .atlas-scroll .scroll-list .list-item.active .item-title a, .atlas-scroll .scroll-list .list-item.active .item-desc, .atlas-scroll .scroll-list .list-item.active .item-desc a { color: #d78712; }

@media screen and (max-width: 991px) { .atlas-scroll .scroll-list .list-item { padding-left: 15px; margin-bottom: 10px; } }

.atlas-scroll .scroll-list .list-item:before { position: absolute; content: ''; width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #d78712; top: 9px; left: 0; }

@media screen and (max-width: 1219px) { .atlas-scroll .scroll-list .list-item:before { top: 7px; } }

@media screen and (max-width: 991px) { .atlas-scroll .scroll-list .list-item:before { width: 8px; height: 8px; top: 6px; } }

.atlas-scroll .scroll-list .item-title, .atlas-scroll .scroll-list .item-desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.atlas-scroll .scroll-list .item-title { font-size: 20px; font-size: 2rem; line-height: 1.5; font-weight: bold; }

.atlas-scroll .scroll-list .item-title, .atlas-scroll .scroll-list .item-title a { color: #565656; }

@media screen and (max-width: 1219px) { .atlas-scroll .scroll-list .item-title { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .atlas-scroll .scroll-list .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) { .atlas-scroll .scroll-list .item-title { font-size: 14px; font-size: 1.4rem; } }

.atlas-scroll .scroll-list .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 1.5; }

.atlas-scroll .scroll-list .item-desc, .atlas-scroll .scroll-list .item-desc a { color: #565656; }

@media screen and (max-width: 991px) { .atlas-scroll .scroll-list .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .atlas-scroll .scroll-list .item-desc { font-size: 12px; font-size: 1.2rem; } }

.atlas-owl { position: relative; overflow: hidden; display: none; }

.atlas-owl:first-child { display: block; }

.atlas-owl .owl-buttons { display: none !important; }

.atlas-owl .owl-btns { font-size: 0; letter-spacing: 0; }

.atlas-owl .owl-btns .owl-btn { position: absolute; top: 50%; margin-top: -15px; display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 30px; font-size: 14px; font-size: 1.4rem; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); color: #d78712; cursor: pointer; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.atlas-owl .owl-btns .owl-btn:hover { background-color: #d78712; color: #fff; }

.atlas-owl .owl-btns .owl-btn.disabled { background-color: #ccc; cursor: auto; }

@media screen and (max-width: 767px) { .atlas-owl .owl-btns .owl-btn { margin-top: -12px; width: 24px; height: 24px; line-height: 24px; } }

.atlas-owl .owl-btns .item-prev { left: 0; }

.atlas-owl .owl-btns .item-next { right: 0; }

.local-video { overflow: hidden; margin-bottom: 96px; }

@media screen and (max-width: 1219px) { .local-video { margin-bottom: 70px; } }

@media screen and (max-width: 991px) { .local-video { margin-bottom: 50px; } }

@media screen and (max-width: 767px) { .local-video { margin-bottom: 30px; } }

.local-video .local-item { margin-bottom: 50px; }

@media screen and (max-width: 1219px) { .local-video .local-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .local-video .local-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .local-video .local-item { margin-bottom: 20px; } }

.local-video .video-owl { max-width: 1086px; margin: 0 auto; position: relative; /* .item-videobox start */ /* .item-videobox end */ }

.local-video .video-owl .owl-buttons { display: none !important; }

.local-video .video-owl .owl-btns { font-size: 0; letter-spacing: 0; }

.local-video .video-owl .owl-btns .owl-btn { position: absolute; top: 50%; margin-top: -54px; display: inline-block; vertical-align: top; width: 42px; height: 42px; line-height: 42px; font-size: 22px; font-size: 2.2rem; background-color: #EAEAEA; background-color: rgba(234, 234, 234, 0.7); color: #fff; cursor: pointer; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.local-video .video-owl .owl-btns .owl-btn:hover { background-color: #d78712; color: #fff; }

.local-video .video-owl .owl-btns .owl-btn.disabled { background-color: #ccc; cursor: auto; }

@media screen and (max-width: 1219px) { .local-video .video-owl .owl-btns .owl-btn { width: 32px; height: 32px; line-height: 32px; font-size: 18px; font-size: 1.8rem; margin-top: -48px; } }

@media screen and (max-width: 767px) { .local-video .video-owl .owl-btns .owl-btn { margin-top: -34px; width: 24px; height: 24px; line-height: 24px; font-size: 12px; font-size: 1.2rem; } }

.local-video .video-owl .owl-btns .item-prev { left: -22px; }

@media screen and (max-width: 1219px) { .local-video .video-owl .owl-btns .item-prev { left: -11px; } }

@media screen and (max-width: 767px) { .local-video .video-owl .owl-btns .item-prev { left: -5px; } }

.local-video .video-owl .owl-btns .item-next { right: -22px; }

@media screen and (max-width: 1219px) { .local-video .video-owl .owl-btns .item-next { right: -11px; } }

@media screen and (max-width: 767px) { .local-video .video-owl .owl-btns .item-next { right: -5px; } }

.local-video .video-owl .item-videobox { width: 100%; overflow: hidden; margin: 0 auto; }

.local-video .video-owl .item-videobox .item-video { position: relative; overflow: hidden; padding-bottom: 59.94152%; height: 0; }

.local-video .video-owl .item-videobox .item-video iframe, .local-video .video-owl .item-videobox .item-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.local-video .video-owl .item-videobox .item-video iframe body { margin: 0px !important; }

.local-video .video-owl .list-item { margin: 0 2.76243%; text-align: center; }

.local-video .video-owl .item-title { margin-top: 15px; font-weight: bold; font-size: 18px; font-size: 1.8rem; line-height: 1.5; }

@media screen and (max-width: 1219px) { .local-video .video-owl .item-title { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 991px) { .local-video .video-owl .item-title { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .local-video .video-owl .item-title { margin-top: 10px; } }

.local-video .video-owl .item-desc { margin-top: 3px; font-size: 16px; font-size: 1.6rem; line-height: 1.5; color: #333; }

@media screen and (max-width: 1219px) { .local-video .video-owl .item-desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 991px) { .local-video .video-owl .item-desc { font-size: 12px; font-size: 1.2rem; } }

.local-qa .wp1 { max-width: 1130px; margin: 0 auto; }

.local-qa .local-item { margin-bottom: 42px; }

@media screen and (max-width: 1219px) { .local-qa .local-item { margin-bottom: 40px; } }

@media screen and (max-width: 991px) { .local-qa .local-item { margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .local-qa .local-item { margin-bottom: 20px; } }

.local-qa .box-form { margin-bottom: 18px; /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ }

.local-qa .box-form ::-webkit-input-placeholder { color: #999; opacity: 1; }

.local-qa .box-form :-o-placeholder { color: #999; opacity: 1; }

.local-qa .box-form ::-moz-placeholder { color: #999; opacity: 1; }

.local-qa .box-form :-ms-input-placeholder { color: #999; opacity: 1; }

.local-qa .box-form .item-textarea { width: 100%; margin-bottom: 18px; }

.local-qa .box-form textarea { display: block; width: 100%; height: 133px; border: solid 1px #E5E5E5; font-size: 15px; font-size: 1.5rem; color: #999; line-height: 24px; padding: 10px; }

@media screen and (max-width: 991px) { .local-qa .box-form textarea { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .local-qa .box-form textarea { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.local-qa .box-form .item-btn { float: right; width: 149px; }

@media screen and (max-width: 767px) { .local-qa .box-form .item-btn { width: 100px; } }

.local-qa .box-form .item-btn input { height: 44px; line-height: 44px; background-color: #d78712; display: block; width: 100%; color: #fff; font-weight: bold; font-size: 16px; font-size: 1.6rem; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.local-qa .box-form .item-btn input:hover { background-color: #333; }

@media screen and (max-width: 991px) { .local-qa .box-form .item-btn input { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .local-qa .box-form .item-btn input { font-size: 12px; font-size: 1.2rem; height: 34px; line-height: 34px; } }

.local-qa .faq-title { font-size: 15px; font-size: 1.5rem; line-height: 28px; margin-bottom: 12px; }

@media screen and (max-width: 767px) { .local-qa .faq-title { line-height: 1.5; } }

.faq-list { height: 400px; overflow-y: scroll; }

.faq-list .list-item { border-bottom: solid 1px #E1E1E1; padding: 20px 0; }

@media screen and (max-width: 767px) { .faq-list .list-item { padding: 15px 0; } }

.faq-list .item-left { float: left; width: 80px; padding-right: 10px; margin-top: 10px; text-align: center; }

@media screen and (max-width: 1219px) { .faq-list .item-left { margin-top: 0; } }

@media screen and (max-width: 767px) { .faq-list .item-left { width: 70px; } }

.faq-list .item-left .iconfont { font-size: 26px; font-size: 2.6rem; line-height: 1; color: #d78712; margin-bottom: 1px; display: inline-block; }

@media screen and (max-width: 1219px) { .faq-list .item-left .iconfont { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 767px) { .faq-list .item-left .iconfont { font-size: 18px; font-size: 1.8rem; } }

.faq-list .item-left .item-subt { color: #666; font-size: 15px; font-size: 1.5rem; }

@media screen and (max-width: 1219px) { .faq-list .item-left .item-subt { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .faq-list .item-left .item-subt { font-size: 12px; font-size: 1.2rem; } }

.faq-list .item-right { overflow: hidden; font-size: 15px; font-size: 1.5rem; line-height: 28px; }

@media screen and (max-width: 1219px) { .faq-list .item-right { font-size: 14px; font-size: 1.4rem; line-height: 24px; } }

@media screen and (max-width: 767px) { .faq-list .item-right { font-size: 12px; font-size: 1.2rem; line-height: 20px; } }

.faq-list .box-title { margin-bottom: 25px; }

@media screen and (max-width: 1219px) { .faq-list .box-title { margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .faq-list .box-title { margin-bottom: 10px; } }

.faq-list .box-desc .item-right { color: #666; }

/* 地方频道 end */
.pic_wrap { overflow: hidden; position: relative; }

.pic_wrap .item-bg { display: block; margin: 0 auto; width: 1920px; max-width: 1920px; visibility: hidden; }

.pic_wrap .item-img { position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920px; max-width: 1920px; }

/* 经销商网络 */
.jsx-wrap { padding-bottom: 0; }

.jxs-item { text-align: center; margin-bottom: 44px; }

@media screen and (max-width: 991px) { .jxs-item { margin-bottom: 30px; } }

.jxs-item .item-body { display: inline-block; position: relative; padding: 0 15px; }

.jxs-item .item-body:before, .jxs-item .item-body:after { position: absolute; content: ''; width: 120px; height: 1px; top: 50%; margin-top: -6px; background-color: #9FA0A0; }

@media screen and (max-width: 767px) { .jxs-item .item-body:before, .jxs-item .item-body:after { width: 50px; } }

.jxs-item .item-body:before { right: 100%; }

.jxs-item .item-body:after { left: 100%; }

.jxs-item .item-title { font-size: 24px; font-size: 2.4rem; line-height: 1.3; font-weight: bold; margin-bottom: 2px; }

@media screen and (max-width: 991px) { .jxs-item .item-title { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .jxs-item .item-title { font-size: 18px; font-size: 1.8rem; } }

.jxs-item .item-subt { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 1.3; text-transform: uppercase; color: #333; }

@media screen and (max-width: 767px) { .jxs-item .item-subt { font-size: 12px; font-size: 1.2rem; } }

.jxs-item .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #565656; margin-top: 29px; }

@media screen and (max-width: 1219px) { .jxs-item .item-desc { font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 20px; } }

@media screen and (max-width: 991px) { .jxs-item .item-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 15px; } }

@media screen and (max-width: 767px) { .jxs-item .item-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top: 10px; } }

.jxs-body { background: url(../images/jxs-bg.jpg) repeat-y; background-size: 100%; padding: 105px 0 117px; }

@media screen and (max-width: 1219px) { .jxs-body { padding: 80px 0; } }

@media screen and (max-width: 991px) { .jxs-body { padding: 50px 0; } }

@media screen and (max-width: 767px) { .jxs-body { padding: 30px 0; } }

.jxs-body .item-pic { float: left; width: 50%; margin-right: 7.14286%; margin-top: 29px; }

.jxs-body .item-pic img { display: block; }

@media screen and (max-width: 1219px) { .jxs-body .item-pic { margin-right: 3.57143%; } }

@media screen and (max-width: 991px) { .jxs-body .item-pic { float: none; width: 100%; margin: 0 auto 30px; } }

.jxs-body .item-right { font-size: 0; letter-spacing: 0; text-align: center; }

.jxs-body .select { display: inline-block; vertical-align: top; margin-right: 4px; width: 121px; background-color: #fff; text-align: center; position: relative; padding-right: 12px; cursor: pointer; z-index: 3; }

@media screen and (max-width: 1219px) { .jxs-body .select { width: 110px; } }

@media screen and (max-width: 991px) { .jxs-body .select { width: 120px; } }

.jxs-body .select:before { position: absolute; content: '\e612'; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #535353; font-size: 12px; font-size: 1.2rem; right: 10px; top: 0; line-height: 30px; }

@media screen and (max-width: 1219px) { .jxs-body .select:before { right: 8px; } }

.jxs-body .select input { display: none; }

.jxs-body .select .item-title { font-size: 16px; font-size: 1.6rem; height: 30px; line-height: 30px; }

@media screen and (max-width: 991px) { .jxs-body .select .item-title { font-size: 14px; font-size: 1.4rem; } }

.jxs-body .select .syiji { position: absolute; top: 100%; left: 0; width: 100%; font-size: 0; letter-spacing: 0; text-align: left; border-top: solid 1px #9fa0a0; }

.jxs-body .select .syiji li { display: inline-block; vertical-align: top; width: 50%; line-height: 30px; font-size: 12px; font-size: 1.2rem; text-align: center; background-color: #9fa0a0; color: #fff; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.jxs-body .select .syiji li:hover, .jxs-body .select .syiji li.active { background-color: #fff !important; color: #333; }

.jxs-body .select .syiji li:nth-child(2n) { border-left: solid 1px #fff; }

.jxs-body .select .syiji li:nth-child(2n+1) { background-color: #b1b2b2; }

.jxs-body .select .syiji li:nth-child(4n) { background-color: #b1b2b2; }

.jxs-body .select .syiji li:nth-child(4n+1) { background-color: #9fa0a0; }

@media screen and (max-width: 767px) { .jxs-body .select .syiji li { line-height: 24px; } }

.jxs-body .select .serji { position: absolute; top: 100%; left: 0; width: 100%; font-size: 0; letter-spacing: 0; text-align: left; border-top: solid 1px #9fa0a0; }

.jxs-body .select .serji li { display: inline-block; vertical-align: top; width: 100%; line-height: 30px; font-size: 12px; font-size: 1.2rem; text-align: center; background-color: #9fa0a0; color: #fff; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.jxs-body .select .serji li:hover, .jxs-body .select .serji li.active { background-color: #fff !important; color: #333; }

.jxs-body .select .serji li:nth-child(2n) { background-color: #b1b2b2; }

@media screen and (max-width: 767px) { .jxs-body .select .serji li { line-height: 24px; } }

.jxs-body .select-info { text-align: left; display: inline-block; vertical-align: top; position: relative; margin-left: 15px; width: 240px; }

@media screen and (max-width: 1219px) { .jxs-body .select-info { width: 200px; } }

@media screen and (max-width: 991px) { .jxs-body .select-info { width: 240px; } }

@media screen and (max-width: 550px) { .jxs-body .select-info { width: 100%; margin-top: 20px; margin-left: 0; } }

.jxs-body .select-info:before { position: absolute; content: '\e65f'; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 40px; font-size: 4rem; left: -20px; top: 5px; }

@media screen and (max-width: 550px) { .jxs-body .select-info:before { display: none; } }

.jxs-body .select-info .item-box { background-color: #fff; background-color: rgba(255, 255, 255, 0.61); -webkit-border-radius: 1px; border-radius: 1px; padding: 6px; margin-bottom: 10px; }

.jxs-body .select-info .item-box p { position: relative; z-index: 2; color: #707070; line-height: 1.5; }

.jxs-body .select-info .item-box .item-title { font-size: 14px; font-size: 1.4rem; font-weight: bold; }

.jxs-body .select-info .item-box .item-li { font-size: 12px; font-size: 1.2rem; padding-left: 18px; margin-top: 8px; }

.jxs-body .select-info .item-box .item-li .iconfont { position: absolute; left: 0; top: 0; }

.jxs-body .select-info .item-box .item-subt { font-size: 12px; font-size: 1.2rem; margin-top: 12px; }

/* 产品家族1 start */
.m-pro1 { position: relative; }

.m-pro1:before { content: ""; position: absolute; left: 0; width: 100%; top: 0; bottom: 6px; border-top: solid 1px #E6E6E6; border-bottom: solid 1px #E6E6E6; }

.m-pro1:before { top: 0; -webkit-box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); }

.m-pro1 .box-wp { position: relative; padding-left: 3.75%; padding-right: 3.75%; }

.m-pro1 .box-btn { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); color: #dedede; }

.m-pro1 .box-btn .iconfont { font-size: 30px; font-size: 3rem; }

@media screen and (max-width: 1219px) { .m-pro1 .box-btn .iconfont { font-size: 26px; font-size: 2.6rem; } }

@media screen and (max-width: 991px) { .m-pro1 .box-btn .iconfont { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .m-pro1 .box-btn .iconfont { font-size: 20px; font-size: 2rem; } }

.m-pro1 .box-btn.prev { left: 0; }

.m-pro1 .box-btn.next { right: 0; }

.m-pro1 .box-btn:hover { color: #d78712; }

.m-pro1 .box-list { width: 10000%; }

.m-pro1 .list-item { float: left; width: .1428%; text-align: center; padding-bottom: 6px; }

.m-pro1 .list-item a { position: relative; display: inline-block; padding-top: 20px; padding-bottom: 20px; line-height: 32px; font-size: 18px; font-size: 1.8rem; color: #333; }

.m-pro1 .list-item a:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-pro1 .list-item a:after { position: absolute; content: ''; left: 50%; margin-left: -6px; bottom: -6px; height: 6px; width: 12px; background: url(../images/sj.png) no-repeat bottom center; display: none; }

.m-pro1 .list-item a.active { color: #cf8418; }

.m-pro1 .list-item a.active:before { background-color: #cf8418; }

.m-pro1 .list-item a.active:after { display: block; }

@media screen and (max-width: 991px) { .m-pro1 .box-wp { padding-left: 30px; padding-right: 30px; }
  .m-pro1 .list-item { width: 0.2%; }
  .m-pro1 .list-item a { padding-top: 15px; padding-bottom: 15px; line-height: 26px; font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 640px) { .m-pro1 .list-item { width: .33%; } }

@media screen and (max-width: 375px) { .m-pro1 .list-item { width: .5%; } }

.pro1-main { max-width: 1050px; background-color: #F5F5F5; margin: 82px auto 0; padding: 54px 75px 45px; }

@media screen and (max-width: 1219px) { .pro1-main { margin-top: 70px; padding: 50px; max-width: 860px; } }

@media screen and (max-width: 991px) { .pro1-main { margin-top: 50px; padding: 30px; max-width: 640px; } }

@media screen and (max-width: 767px) { .pro1-main { margin-top: 30px; padding: 20px 15px; margin-left: 15px; margin-right: 15px; width: auto; max-width: none; } }

.pro1-main .box-desc { margin-top: 42px; font-size: 18px; font-size: 1.8rem; line-height: 36px; }

@media screen and (max-width: 1219px) { .pro1-main .box-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 30px; } }

@media screen and (max-width: 991px) { .pro1-main .box-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 20px; } }

@media screen and (max-width: 767px) { .pro1-main .box-desc { font-size: 12px; font-size: 1.2rem; line-height: 20px; margin-top: 15px; } }

.pro1-box { position: relative; }

.pro1-box .item-bg { visibility: hidden; }

.pro1-box .item-bg img { display: block; width: 100%; }

.pro1-box .pro1-owl { position: absolute; top: 0; left: 0; width: 100%; display: none; }

.pro1-box .pro1-owl:first-child { display: block; }

.pro1-owl { overflow: hidden; position: relative; }

.pro1-owl .owl-buttons { display: none !important; }

.pro1-owl .owl-btns { font-size: 0; letter-spacing: 0; position: absolute; right: 23px; bottom: 17px; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; }

@media screen and (max-width: 991px) { .pro1-owl .owl-btns { right: 15px; bottom: 15px; } }

@media screen and (max-width: 767px) { .pro1-owl .owl-btns { right: 10px; bottom: 10px; } }

.pro1-owl .owl-btns .owl-btn { display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; font-size: 1.4rem; color: #333; text-align: center; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; background-color: #fff; }

.pro1-owl .owl-btns .owl-btn:hover { background-color: #dedede; }

.pro1-owl .owl-btns .owl-btn.disabled { opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; cursor: auto; }

@media screen and (max-width: 991px) { .pro1-owl .owl-btns .owl-btn { width: 30px; height: 30px; line-height: 30px; } }

@media screen and (max-width: 767px) { .pro1-owl .owl-btns .owl-btn { width: 22px; height: 22px; line-height: 22px; font-size: 12px; font-size: 1.2rem; } }

.pro1-owl .owl-btns .item-prev { left: 12px; }

@media screen and (max-width: 767px) { .pro1-owl .owl-btns .item-prev { left: 5px; } }

.pro1-owl .owl-btns .item-next { right: 12px; }

@media screen and (max-width: 767px) { .pro1-owl .owl-btns .item-next { right: 5px; } }

.procate-box { margin-top: 40px; position: relative; }

@media screen and (max-width: 1219px) { .procate-box { margin-top: 30px; } }

@media screen and (max-width: 991px) { .procate-box { margin-top: 20px; } }

@media screen and (max-width: 767px) { .procate-box { margin-top: 15px; } }

.procate-box .owl-btns { font-size: 0; letter-spacing: 0; }

.procate-box .owl-btns .owl-btn { display: inline-block; vertical-align: top; font-size: 42px; font-size: 4.2rem; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; color: #999; text-align: center; cursor: pointer; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; position: absolute; top: 50%; margin-top: -21px; }

.procate-box .owl-btns .owl-btn:hover { color: #d78712; }

.procate-box .owl-btns .owl-btn.disabled { opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; cursor: auto; }

@media screen and (max-width: 1219px) { .procate-box .owl-btns .owl-btn { font-size: 36px; font-size: 3.6rem; margin-top: -18px; } }

@media screen and (max-width: 991px) { .procate-box .owl-btns .owl-btn { font-size: 30px; font-size: 3rem; margin-top: -15px; } }

@media screen and (max-width: 767px) { .procate-box .owl-btns .owl-btn { font-size: 22px; font-size: 2.2rem; margin-top: -11px; } }

.procate-box .owl-btns .item-prev { left: -145px; }

@media screen and (max-width: 1219px) { .procate-box .owl-btns .item-prev { left: -100px; } }

@media screen and (max-width: 991px) { .procate-box .owl-btns .item-prev { left: -70px; } }

@media screen and (max-width: 767px) { .procate-box .owl-btns .item-prev { left: -40px; } }

.procate-box .owl-btns .item-next { right: -145px; }

@media screen and (max-width: 1219px) { .procate-box .owl-btns .item-next { right: -100px; } }

@media screen and (max-width: 991px) { .procate-box .owl-btns .item-next { right: -70px; } }

@media screen and (max-width: 767px) { .procate-box .owl-btns .item-next { right: -40px; } }

.procate-owl { width: 101.11111%; margin-left: -0.55556%; }

.procate-owl .owl-buttons { display: none !important; }

.procate-owl .list-item { margin: 0 3.2967%; }

.procate-owl .box-item { cursor: pointer; opacity: 0.3; filter: alpha(opacity=30); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }

.procate-owl .box-item.active { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* 产品家族1 end */

@media screen and (min-width: 992px) { .n-nav, .n-nav-icon { display: none; } }

@-webkit-keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale(5, 5);
    transform: scale(5, 5); }
  100% { opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-moz-keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale(5, 5);
    -moz-transform: scale(5, 5);
         transform: scale(5, 5); }
  100% { opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
         transform: scale(1, 1); } }

@keyframes resize { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: scale(5, 5);
    -moz-transform: scale(5, 5);
      -o-transform: scale(5, 5);
         transform: scale(5, 5); }
  100% { opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
      -o-transform: scale(1, 1);
         transform: scale(1, 1); } }

.n-nav .n-nav-icon { position: absolute; left: 5px; top: 6px; width: 35px; height: 28px; line-height: 28px; text-align: center; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999; }

.n-nav .n-nav-icon .iconfont { font-size: 24px; font-size: 2.4rem; color: #fff; }

.n-nav .n-nav-icon span { display: none; width: 100%; height: 2px; margin-bottom: 4px; background-color: #d78712; }

.n-nav .n-nav-icon.active { position: fixed; top: 5px; background: #666 url(../fonts/nav-close.png) no-repeat center; background-size: 30px; }

.n-nav .n-nav-icon.active span, .n-nav .n-nav-icon.active .iconfont { display: none; }

.n-nav .n-nav-body { display: none; position: fixed; z-index: 99999; top: 0; bottom: 0; width: 100%; left: 0; overflow-y: scroll; background-color: #666; padding-top: 40px; }

.n-nav .box-search { background-color: #fff; padding: 5px 10px; position: relative; border: solid 1px #d78712; margin: 5px 10px; }

.n-nav .box-search .item-input { width: 100%; line-height: 32px; height: 32px; padding: 0 60px 0 0; }

.n-nav .box-search .iconfont { font-weight: bold; background-color: #d78712; width: 44px; height: 32px; line-height: 32px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; text-align: center; position: absolute; right: 10px; top: 5px; z-index: 0; }

.n-nav .box-search .iconfont:hover { background-color: #666; }

.n-nav .box-search .item-submit { position: absolute; width: 44px; height: 32px; right: 10px; top: 5px; z-index: 1; }

.n-nav .box-list { margin-top: 30px; }

.n-nav .box-list > li { position: relative; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: resize; -moz-animation-name: resize; animation-name: resize; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; padding: 0 10px; }

.n-nav .box-list > li a { display: block; font-size: 14px; font-size: 1.4rem; line-height: 26px; padding: 10px 25px 10px 10px; color: #fff; text-transform: uppercase; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.n-nav .box-list li { position: relative; }

.n-nav .box-list li .has-next { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../fonts/n1.png) no-repeat center; background-size: contain; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; cursor: pointer; }

.n-nav .box-list li.active > .has-next { background: url(../fonts/n2.png) no-repeat center; background-size: contain; }

.n-nav .box-list .yiji-list { display: none; }

.n-nav .box-list .yiji-list li { padding-left: 12px; }

.n-nav .box-list .yiji-list li .has-next { right: 0; }

.n-nav .box-list .yiji-list li > a { padding: 10px 25px 10px 20px; line-height: 22px; position: relative; }

.n-nav .box-list .yiji-list li > a:before { position: absolute; content: ''; width: 5px; height: 5px; background-color: #fff; top: 19px; left: 10px; }

.n-nav .box-list .erji-list { display: none; }

.n-nav .box-list .sanji-list { display: none; }

@charset "UTF-8";
/* .m-xx start */
.m-desc { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.m-desc a { color: #fabf13; }

.m-desc a:hover { text-decoration: underline; }

.m-desc p, .m-desc span, .m-desc b { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.m-desc p { min-height: 30px; }

.m-desc img { max-width: 100%; }

.m-desc iframe { display: block; max-width: 100%; margin: 0 auto; }

.m-desc table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; }

.m-desc table tr td { padding: 10px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }

@media screen and (max-width: 991px) { .m-desc { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .m-desc a { color: #fabf13; }
  .m-desc a:hover { text-decoration: underline; }
  .m-desc p, .m-desc span, .m-desc b { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .m-desc p { min-height: 24px; } }

.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.table table tr td { padding: 10px; height: 30px; border: 1px solid #ccc; }

@media screen and (max-width: 991px) { .table { width: 100%; overflow-x: scroll; }
  .table > div { width: 991px !important; max-width: 991px; } }

.m-nnav { margin-top: 52px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); box-shadow: 0px 5px 5px 0px rgba(167, 167, 167, 0.2); border: solid 1px #e6e6e6; }

.m-nnav .nav-list { font-size: 0; letter-spacing: 0; }

.m-nnav .nav-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 9.16667%; }

.m-nnav .nav-item a { display: block; position: relative; line-height: 34px; padding-top: 20px; padding-bottom: 20px; font-size: 20px; font-size: 2rem; }

.m-nnav .nav-item a:hover, .m-nnav .nav-item a.active { color: #fabf13; }

.m-nnav .nav-item a:hover:before, .m-nnav .nav-item a.active:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #e8af24; }

.m-nnav .nav-item a:hover:after, .m-nnav .nav-item a.active:after { content: ""; position: absolute; top: 100%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); border-top: 5px solid #e8af24; border-left: 4px solid transparent; border-right: 4px solid transparent; }

.m-nnav .nav-item:first-child { margin-left: 0; }

@media screen and (max-width: 1219px) { .m-nnav .nav-item a { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 991px) { .m-nnav { margin-top: 30px; }
  .m-nnav .nav-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } }

.m-gonggaonav { margin-bottom: 60px; text-align: center; font-size: 0; letter-spacing: 0; }

.m-gonggaonav .nav-item { position: relative; padding-left: 5%; padding-right: 5%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.m-gonggaonav .nav-item a { position: relative; display: inline-block; padding-bottom: 3px; line-height: 36px; font-size: 26px; font-size: 2.6rem; font-weight: bold; color: #182737; }

.m-gonggaonav .nav-item a:hover, .m-gonggaonav .nav-item a.active { color: #e8af24; }

.m-gonggaonav .nav-item a:hover:before, .m-gonggaonav .nav-item a.active:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #e8af24; }

.m-gonggaonav .nav-item:before { content: ""; position: absolute; right: 0; top: 8px; width: 1px; height: 28px; background-color: #dedede; }

.m-gonggaonav .nav-item:last-child:before { display: none; }

@media screen and (max-width: 991px) { .m-gonggaonav { margin-bottom: 30px; }
  .m-gonggaonav .nav-item a { line-height: 28px; font-size: 18px; font-size: 1.8rem; } }

.m-gonggaolst { margin-bottom: 74px; }

@media screen and (max-width: 991px) { .m-gonggaolst { margin-bottom: 45px; } }

.m-gonggaolst .list-item { padding-top: 31px; padding-bottom: 28px; border-bottom: 1px dashed #dfdfdf; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.m-gonggaolst .list-item:first-child { padding-top: 0; }

.m-gonggaolst .item-day { float: left; margin-right: 14px; line-height: 44px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; font-size: 40px; font-size: 4rem; font-weight: bold; color: #000; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.m-gonggaolst .item-time { float: left; margin-right: 33px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.m-gonggaolst .item-time i { font-size: 14px; font-size: 1.4rem; color: #fabf13; }

.m-gonggaolst .item-time span { display: block; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #999; }

.m-gonggaolst .item-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; }

.m-gonggaolst .item-title { height: 26px; line-height: 26px; font-size: 16px; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media screen and (max-width: 991px) { .m-gonggaolst .item-day { font-size: 28px; font-size: 2.8rem; }
  .m-gonggaolst .item-time { margin-right: 15px; }
  .m-gonggaolst .item-time i, .m-gonggaolst .item-time span { font-size: 12px; font-size: 1.2rem; }
  .m-gonggaolst .item-title { font-size: 14px; font-size: 1.4rem; } }

.m-gonggaoname { margin-bottom: 60px; line-height: 44px; font-size: 34px; font-size: 3.4rem; font-weight: bold; color: #182737; text-align: center; }

@media screen and (max-width: 991px) { .m-gonggaoname { margin-bottom: 30px; line-height: 30px; font-size: 24px; font-size: 2.4rem; } }

.m-tzeform .form-item { float: left; margin-bottom: 20px; }

.m-tzeform .form-item1 { width: 100%; }

.m-tzeform .form-item2 { margin-right: 10px; width: 22.25%; }

.m-tzeform .form-item3 { width: 115px; }

.m-tzeform .form-item4 { float: right; width: 158px; }

.m-tzeform .form-text { width: 100%; height: 46px; line-height: 44px; padding: 0 14px; font-size: 16px; font-size: 1.6rem; color: #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #e5e5e5; }

.m-tzeform .form-text::-webkit-input-placeholder { color: #999; opacity: 1; }

.m-tzeform .form-text:-moz-placeholder { color: #999; opacity: 1; }

.m-tzeform .form-text::-moz-placeholder { color: #999; opacity: 1; }

.m-tzeform .form-text:-ms-input-placeholder { color: #999; opacity: 1; }

.m-tzeform .form-text1 { height: 140px; }

.m-tzeform .form-code { display: block; height: 46px; line-height: 44px; overflow: hidden; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f3fbfe; border: solid 1px #e5e5e5; }

.m-tzeform .form-code img { max-height: 44px; vertical-align: middle; }

.m-tzeform .form-btn { width: 100%; height: 46px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#e8af24), to(#e8af24)), -webkit-gradient(linear, left top, left bottom, from(#fabf13), to(#fabf13)); background-image: -webkit-linear-gradient(#e8af24, #e8af24), -webkit-linear-gradient(#fabf13, #fabf13); background-image: -moz-linear-gradient(#e8af24, #e8af24), -moz-linear-gradient(#fabf13, #fabf13); background-image: linear-gradient(#e8af24, #e8af24), linear-gradient(#fabf13, #fabf13); background-blend-mode: normal, 
 normal; background-color: #e8af24; }

@media screen and (max-width: 991px) { .m-tzeform .form-item2 { width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px); width: calc(100% - 120px); }
  .m-tzeform .form-item3 { float: right; width: 110px; }
  .m-tzeform .form-item4 { width: 100%; } }

.m-tzehd { margin-bottom: 74px; }

@media screen and (max-width: 991px) { .m-tzehd { margin-bottom: 45px; } }

.m-tzehd .box-title { margin-bottom: 34px; line-height: 26px; font-size: 16px; font-size: 1.6rem; }

.m-tzehd .list-item { padding-top: 27px; padding-bottom: 34px; border-bottom: 1px solid #e1e1e1; }

.m-tzehd .list-item:first-child { padding-top: 0; }

.m-tzehd .item-hd, .m-tzehd .item-bd { position: relative; padding-left: 86px; min-height: 52px; }

.m-tzehd .item-icon { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 75px; text-align: center; }

.m-tzehd .item-icon i { color: #e8af24; font-size: 26px; font-size: 2.6rem; line-height: 26px; display: block; }

.m-tzehd .item-icon span { line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #666; }

.m-tzehd .item-title { line-height: 30px; font-size: 16px; font-size: 1.6rem; }

.m-tzehd .item-bd { margin-top: 18px; }

.m-tzehd .item-desc { line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; }

@media screen and (max-width: 991px) { .m-tzehd .item-title, .m-tzehd .item-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; } }

.m-tzerx { line-height: 40px; }

.m-tzerx p, .m-tzerx span, .m-tzerx b { line-height: 40px; }

.m-tzerx p { min-height: 40px; }

.m-tzerx a { color: #333; }

.m-tzerx a:hover { color: #e8af24; }

@media screen and (max-width: 991px) { .m-tzerx { line-height: 24px; }
  .m-tzerx p, .m-tzerx span, .m-tzerx b { line-height: 24px; }
  .m-tzerx p { min-height: 24px; } }

.m-nhd { margin-bottom: 52px; }

.m-nhd .hd-title { display: inline-block; *display: inline; *zoom: 1; line-height: 1; font-size: 44px; font-size: 4.4rem; font-weight: bold; color: #182737; }

.m-nhd .hd-title a { color: #182737; }

.m-nhd .hd-title a:hover { color: #fabf13; }

.m-nhd .hd-info { display: inline-block; *display: inline; *zoom: 1; font-size: 18px; font-size: 1.8rem; color: #fabf13; font-weight: bold; }

.m-nhd .hd-info span { font-size: 36px; font-size: 3.6rem; }

@media screen and (max-width: 991px) { .m-nhd { margin-bottom: 30px; }
  .m-nhd .hd-title { font-size: 24px; font-size: 2.4rem; }
  .m-nhd .hd-info { font-size: 12px; font-size: 1.2rem; }
  .m-nhd .hd-info span { font-size: 24px; font-size: 2.4rem; } }

.m-yjsyl { margin-bottom: 38px; font-size: 0; letter-spacing: 0; }

@media screen and (max-width: 991px) { .m-yjsyl { margin-bottom: 9px; } }

.m-yjsyl .list-item { position: relative; margin-right: 5%; margin-bottom: 76px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 30%; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-yjsyl .list-item:hover { -webkit-transform: translate(0, -38px); -moz-transform: translate(0, -38px); -ms-transform: translate(0, -38px); -o-transform: translate(0, -38px); transform: translate(0, -38px); }

.m-yjsyl .list-item:hover .item-title { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); background-color: #fff; color: #333; }

.m-yjsyl .list-item:hover .item-title a { color: #333; }

.m-yjsyl .item-title { position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; line-height: 54px; padding: 0 10px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #fff; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-yjsyl .item-title a { color: #fff; }

@media screen and (max-width: 991px) { .m-yjsyl .list-item { margin-bottom: 38px; }
  .m-yjsyl .list-item .item-title { height: 36px; line-height: 36px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 375px) { .m-yjsyl .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }

.j-videomodal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #000; background-color: rgba(0, 0, 0, 0.5); display: none; }

.j-videomodal iframe { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; height: 80%; max-width: 1200px; max-height: 600px; }

.j-videomodal i { position: absolute; z-index: 2; right: 20px; top: 20px; font-size: 24px; font-size: 2.4rem; color: #fff; }

.m-videoc { margin-top: 5px; padding-bottom: 163px; }

.m-videoc .box-title { margin-bottom: 28px; padding-left: 75px; line-height: 46px; font-size: 36px; font-size: 3.6rem; font-weight: bold; color: #242424; }

.m-videoc .box-wp { background-color: #e3e3e3; }

.m-videoc .box-img { line-height: 0; font-size: 0; }

.m-videoc .box-fix { position: absolute; bottom: -163px; right: 16.66667%; width: 432px; }

.m-videoc .box-bd { height: 654px; }

.m-videoc .box-btn { position: absolute; left: 100%; margin-left: 14px; font-size: 46px; font-size: 4.6rem; color: #fff; }

.m-videoc .box-btn.prev { top: 227px; }

.m-videoc .box-btn.next { top: 227px; margin-top: 54px; }

.m-videoc .box-btn:hover { color: #fabf13; }

.m-videoc .item-top { display: block; position: relative; }

.m-videoc .item-icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 37.03704%; }

.m-videoc .item-text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 302px; text-align: center; background-color: #10384f; }

.m-videoc .item-title, .m-videoc .item-desc, .m-videoc .item-tags { width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-videoc .item-title { height: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #fff; }

.m-videoc .item-desc { margin-top: 24px; height: 60px; line-height: 30px; font-size: 14px; font-size: 1.4rem; color: #a1a1a1; overflow: hidden; }

.m-videoc .item-tags { margin-top: 28px; line-height: 24px; max-height: 48px; font-size: 14px; font-size: 1.4rem; overflow: hidden; color: #9b9b9b; }

.m-videoc .item-link { margin-top: 4px; }

.m-videoc .item-link a { display: block; line-height: 40px; padding: 22px; font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #000; text-align: center; background-color: #dcdcdc; }

.m-videoc .item-link a:hover { color: #fff; background-color: #fabf13; }

@media screen and (max-width: 991px) { .m-videoc .box-img { overflow: hidden; }
  .m-videoc .box-img img { max-width: 800px; width: 800px; position: relative; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
  .m-videoc .box-title { padding-left: 30px; line-height: 30px; font-size: 24px; font-size: 2.4rem; }
  .m-videoc .box-btn { font-size: 30px; font-size: 3rem; }
  .m-videoc .box-fix { width: 300px; }
  .m-videoc .box-bd { height: 457px; }
  .m-videoc .item-link a { line-height: 30px; padding: 10px 15px; font-size: 16px; font-size: 1.6rem; }
  .m-videoc .item-text { height: 220px; }
  .m-videoc .item-title { font-size: 14px; font-size: 1.4rem; }
  .m-videoc .item-desc, .m-videoc .item-tags { margin-top: 15px; font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 375px) { .m-videoc .box-fix { right: auto; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); padding-top: 50px; }
  .m-videoc .box-btn.prev { top: 0; left: 0; }
  .m-videoc .box-btn.next { left: auto; right: 0; top: 0; margin-top: 0; } }

.m-qyjj { padding-left: 6.66667%; padding-right: 6.66667%; }

.m-qyjj .box-img { line-height: 0; font-size: 0; letter-spacing: 0; }

.m-qyjj .box-title { margin-top: 65px; line-height: 46px; font-size: 36px; font-size: 3.6rem; color: #242424; text-align: center; font-weight: bold; }

.m-qyjj .box-desc { margin-top: 30px; line-height: 22px; font-size: 16px; font-size: 1.6rem; color: #666; }

.m-qyjj .box-desc p { min-height: 22px; }

@media screen and (max-width: 991px) { .m-qyjj .box-desc { font-size: 14px; font-size: 1.4rem; } }

.m-zhucailst { padding-top: 15.05208%; background: url("../images/zhucaibg1.png") no-repeat center top; }

.m-zhucailst .box-title { margin-bottom: 145px; line-height: 46px; font-size: 36px; font-size: 3.6rem; color: #242424; text-align: center; }

.m-zhucailst .box-list { margin-left: auto; margin-right: auto; margin-bottom: -107px; font-size: 0; letter-spacing: 0; max-width: 875px; }

.m-zhucailst .list-item { margin-right: 6.62857%; margin-bottom: 107px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 28.91429%; }

.m-zhucailst .item-top { position: relative; }

.m-zhucailst .item-link { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; width: 100%; }

.m-zhucailst .item-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 104px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #fff; text-align: center; padding: 0 5px; -webkit-border-radius: 20px; border-radius: 20px; border: 3px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.m-zhucailst .item-link a:hover { color: #fff; background-color: #e8af24; }

.m-zhucailst .item-text { padding-top: 11px; }

.m-zhucailst .item-title { padding-bottom: 6px; line-height: 34px; overflow: hidden; border-bottom: 3px solid #000; overflow: hidden; }

.m-zhucailst .item-title span { float: right; margin-left: 5px; font-size: 18px; font-size: 1.8rem; color: #242424; letter-spacing: -1px; }

.m-zhucailst .item-title a { font-size: 24px; font-size: 2.4rem; color: #242424; font-weight: bold; }

.m-zhucailst .item-title a:hover { color: #e8af24; }

.m-zhucailst .item-desc { margin-top: 17px; line-height: 22px; font-size: 16px; font-size: 1.6rem; color: #000; }

@media screen and (max-width: 991px) { .m-zhucailst { padding-top: 30px; background-size: 100% auto; }
  .m-zhucailst .box-title { margin-bottom: 30px; }
  .m-zhucailst .box-list { margin-bottom: -30px; }
  .m-zhucailst .list-item { margin-bottom: 30px; }
  .m-zhucailst .item-title span { float: none; display: block; margin-left: 0; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-zhucailst .item-title a { line-height: 24px; font-size: 16px; font-size: 1.6rem; }
  .m-zhucailst .item-desc { font-size: 12px; font-size: 1.2rem; } }

@media screen and (max-width: 640px) { .m-zhucailst .list-item { margin-left: 1%; margin-right: 1% !important; width: 48%; } }

@media screen and (max-width: 320px) { .m-zhucailst .list-item { width: 98%; } }

.m-pplc { margin-left: auto; margin-right: auto; max-width: 1045px; }

.m-pplc .box-title { margin-bottom: 46px; line-height: 46px; font-size: 36px; font-size: 3.6rem; font-weight: bold; color: #242424; }

.m-pplc .list-item { overflow: hidden; margin-top: 40px; }

.m-pplc .list-item:first-child { margin-top: 0; }

.m-pplc .item-left { float: left; width: 28.70813%; overflow: hidden; }

.m-pplc .item-right { float: right; width: 66.02871%; }

.m-pplc .item-left, .m-pplc .item-right { padding-top: 40px; border-top: 6px solid #d3d3d3; }

.m-pplc .item-num { float: left; padding-left: 10px; padding-right: 10px; width: 122px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 36px; font-size: 34px; font-size: 3.4rem; color: #000; }

.m-pplc .item-time { float: left; overflow: hidden; line-height: 36px; font-size: 20px; font-size: 2rem; color: #666; font-family: "Microsoft YaHei Light", 微软雅黑; }

.m-pplc .item-desc { line-height: 24px; font-size: 20px; font-size: 2rem; color: #666; overflow: visible; }

.m-pplc .item-desc p { min-height: 24px; }

.m-pplc .item-desc img { display: block; }

.m-pplc .item-btn { margin-top: 14px; font-size: 0; letter-spacing: 0; }

.m-pplc .item-btn p { margin-right: 11.56069%; margin-bottom: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 205px; line-height: 30px; padding: 8px 10px; font-size: 20px; font-size: 2rem; font-weight: bold; color: #fff; text-align: center; background-color: #cbc4ae; -webkit-border-radius: 15px; border-radius: 15px; }

@media screen and (max-width: 991px) { .m-pplc .box-title { margin-bottom: 30px; line-height: 30px; font-size: 24px; font-size: 2.4rem; }
  .m-pplc .list-item { margin-top: 30px; }
  .m-pplc .item-left, .m-pplc .item-right { padding-top: 25px; }
  .m-pplc .item-desc { font-size: 14px; font-size: 1.4rem; }
  .m-pplc .item-num { width: 80px; line-height: 26px; font-size: 24px; font-size: 2.4rem; }
  .m-pplc .item-time { line-height: 26px; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 480px) { .m-pplc .item-left, .m-pplc .item-right { float: none; width: 100%; }
  .m-pplc .item-right { margin-top: 20px; border-top: none; } }

.m-syry .hsicon { position: relative; }

.m-syry .hsicon:before { content: ""; position: absolute; right: 100%; top: 3px; margin-right: 20px; width: 18px; height: 18px; background-color: #000000; }

@media screen and (max-width: 991px) { .m-syry .hsicon { padding-left: 15px; }
  .m-syry .hsicon:before { width: 10px; height: 10px; top: 7px; right: auto; margin-right: 0; left: 0; } }

.c-bg1 { background: url("../images/ppwhbg1.jpg") no-repeat center bottom; background-color: #e3e3e3; }

.m-sywh { position: relative; padding-top: 55.66667%; overflow: hidden; }

.m-sywh .box-item { position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-sywh .box-item1:hover + .box-item2 { left: 100%; }

.m-sywh .box-item1:hover + .box-item2 + .box-item3 { left: 100%; }

.m-sywh .box-item2 { left: 34.16667%; }

.m-sywh .box-item2:hover { left: 0; }

.m-sywh .box-item2:hover + .box-item3 { left: 100%; }

.m-sywh .box-item3 { left: 68.33333%; }

.m-sywh .box-item3:hover { left: 0; }

.m-sywh .item-img { line-height: 0; font-size: 0; }

.m-sywh .item-fix { position: absolute; left: 0; top: 0; width: 34.16667%; height: 100%; }

.m-sywh .item-text { position: absolute; left: 0; bottom: 78px; text-align: center; width: 100%; }

.m-sywh .item-title { font-size: 90px; font-size: 9rem; font-weight: bold; color: #fffefe; }

.m-sywh .item-title span { display: block; }

.m-sywh .item-title1 { padding-bottom: 30px; }

.m-sywh .item-title1 span { margin: 30px 0; }

.m-sywh .item-name { margin-top: 47px; line-height: 50px; font-size: 40px; font-size: 4rem; font-weight: bold; color: #fff; }

@media screen and (max-width: 991px) { .m-sywh { padding-top: 0; }
  .m-sywh .box-item { position: relative; left: auto !important; }
  .m-sywh .item-title { padding-bottom: 0; font-size: 40px; font-size: 4rem; }
  .m-sywh .item-name { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 640px) { .m-sywh .item-title { font-size: 6.25vw; }
  .m-sywh .item-title span { margin: 0; }
  .m-sywh .item-name { margin-top: 4.6875vw; font-size: 3.125vw; }
  .m-sywh .item-text { bottom: auto; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } }

.m-zlzs { margin-left: auto; margin-right: auto; max-width: 930px; }

.m-zlzs .box-list { font-size: 0; letter-spacing: 0; margin-bottom: -28px; }

.m-zlzs .list-item { margin-right: 9.89247%; margin-bottom: 102px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 25.80645%; position: relative; overflow: hidden; }

.m-zlzs .list-item:hover .item-modal { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.m-zlzs .item-modal { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }

.m-zlzs .item-modal i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 24px; font-size: 2.4rem; color: #fff; }

@media screen and (max-width: 991px) { .m-zlzs .box-list { margin-bottom: 0; }
  .m-zlzs .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 30px; width: 31.33%; } }

.c-bg2 { margin-top: 24px; background: url("../images/zlxzbg1.jpg") no-repeat center; background-size: cover; }

.m-zlxzpdf { position: relative; z-index: 2; padding-top: 65.08333%; }

.m-zlxzpdf .box-wp { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.m-zlxzlst { margin-left: auto; margin-right: auto; margin-bottom: -78px; margin-top: 73px; max-width: 860px; font-size: 0; letter-spacing: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.m-zlxzlst .list-item { position: relative; padding-bottom: 68px; margin-right: 9.30233%; margin-bottom: 78px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 45.34884%; }

.m-zlxzlst .item-top { position: relative; display: inline-block; *display: inline; *zoom: 1; }

.m-zlxzlst .item-top:before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #000000; }

.m-zlxzlst .item-pic { -webkit-transform: translate(12px, -12px); -moz-transform: translate(12px, -12px); -ms-transform: translate(12px, -12px); -o-transform: translate(12px, -12px); transform: translate(12px, -12px); }

.m-zlxzlst .item-title { margin-top: 12px; line-height: 34px; font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #404041; min-height: 34px; letter-spacing: 2px; }

.m-zlxzlst .item-desc { margin-top: 17px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #5e5e5f; }

.m-zlxzlst .item-link { position: absolute; left: 0; bottom: 0; overflow: hidden; padding-left: 15px; padding-right: 10px; line-height: 32px; border: 2px solid #000; -webkit-border-radius: 20px; border-radius: 20px; }

.m-zlxzlst .item-link span { float: left; margin-right: 10px; font-size: 20px; font-size: 2rem; color: #404041; font-weight: bold; }

.m-zlxzlst .item-link a { font-size: 10px; font-size: 1rem; color: #1e7fb8; }

.m-zlxzlst .item-link a:hover { color: #e8af24; }

.m-zlxzlst .list-none p { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #404041; line-height: 1; }

@media screen and (max-width: 991px) { .m-zlxzlst { margin-top: 30px; margin-bottom: -30px; }
  .m-zlxzlst .list-item { margin-bottom: 30px; padding-bottom: 80px; }
  .m-zlxzlst .item-title { line-height: 26px; min-height: 26px; font-size: 16px; font-size: 1.6rem; }
  .m-zlxzlst .item-desc { line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-zlxzlst .item-link span { font-size: 16px; font-size: 1.6rem; }
  .m-zlxzlst .item-link a { font-size: 10px; font-size: 1rem; } }

@media screen and (max-width: 640px) { .m-zlxzlst .list-item { width: 100%; margin-right: 0; } }

.m-gysyhd { margin-bottom: 131px; }

.m-gysyhd .hd-title { line-height: 46px; font-size: 36px; font-size: 3.6rem; font-weight: bold; color: #373737; text-align: center; }

.m-gysyhd .hd-desc { margin-top: 59px; line-height: 24px; font-size: 18px; font-size: 1.8rem; color: #2c2c2c; }

.m-gysyhd .hd-desc:first-child { margin-top: 0; }

@media screen and (max-width: 991px) { .m-gysyhd { margin-bottom: 30px; }
  .m-gysyhd .hd-title { line-height: 30px; font-size: 24px; font-size: 2.4rem; }
  .m-gysyhd .hd-desc { margin-top: 20px; font-size: 14px; font-size: 1.4rem; } }

.m-cpyslst { margin-left: auto; margin-right: auto; max-width: 1065px; font-size: 0; letter-spacing: 0; margin-bottom: -75px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.m-cpyslst .list-item { position: relative; margin-right: 6.76056%; margin-bottom: 75px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 28.82629%; padding-top: 47px; padding-bottom: 26px; padding-left: 28px; padding-right: 28px; min-height: 368px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #ececec; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; text-align: center; }

.m-cpyslst .list-item:hover { background-color: #646464; }

.m-cpyslst .list-item:hover .item-fix1 { opacity: 0; visibility: hidden; }

.m-cpyslst .list-item:hover .item-fix2 { opacity: 1; visibility: visible; }

.m-cpyslst .item-fix2 { opacity: 0; visibility: hidden; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-cpyslst .item-fix2 .icon { line-height: 0; font-size: 0; }

.m-cpyslst .item-fix2 .desc { margin-top: 29px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #ececec; text-align: left; }

.m-cpyslst .item-fix1 { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

.m-cpyslst .item-fix1 .icon { line-height: 0; font-size: 0; }

.m-cpyslst .item-fix1 .title { margin-top: 59px; line-height: 26px; font-size: 16px; font-size: 1.6rem; color: #2c2c2c; }

@media screen and (max-width: 991px) { .m-cpyslst { margin-bottom: -30px; }
  .m-cpyslst .list-item { margin-left: 1%; margin-right: 1% !important; margin-bottom: 30px; width: 48%; }
  .m-cpyslst .item-fix1 .title { margin-top: 30px; }
  .m-cpyslst .item-fix2 .desc { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 375px) { .m-cpyslst .list-item { width: 98%; min-height: 0; } }

.m-sfgc { padding-bottom: 37px; border-bottom: 1px solid #e4e4e4; }

.m-sfgc .box-desc em { font-weight: bold; }

.m-sfgc .box-wp1 { margin-bottom: 77px; }

.m-sfgc .box-wp2 { margin-top: 58px; margin-bottom: 67px; }

.m-sfgc .box-wp { position: relative; overflow: hidden; }

.m-sfgc .box-wp .box-fix { float: left; margin-right: 2.5%; width: 75%; position: relative; overflow: hidden; -webkit-border-radius: 26px; border-radius: 26px; }

.m-sfgc .box-wp .box-btn { position: absolute; z-index: 2; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 30px; font-size: 3rem; line-height: 100px; color: #fff; }

.m-sfgc .box-wp .box-btn:hover { color: #fabf13; text-decoration: none; }

.m-sfgc .box-wp .box-btn.prev { left: 30px; }

.m-sfgc .box-wp .box-btn.next { right: 30px; }

.m-sfgc .box-wp .box-list { float: left; width: 10000%; overflow: hidden; }

.m-sfgc .box-wp .list-item { float: left; width: 1%; }

.m-sfgc .box-wp .box-text { padding-top: 7.58333%; overflow: hidden; text-align: right; }

.m-sfgc .box-wp .box-title { line-height: 42px; font-size: 32px; font-size: 3.2rem; font-weight: bold; color: #182737; }

.m-sfgc .box-wp .box-info { margin-top: 29px; line-height: 28px; font-size: 18px; font-size: 1.8rem; color: #182737; }

.m-sfgc .box-wp .box-icon { padding-top: 65.92593%; line-height: 0; font-size: 0; }

@media screen and (max-width: 1219px) { .m-sfgc .box-wp .box-title { line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-sfgc .box-wp .box-info { margin-top: 10px; line-height: 24px; font-size: 14px; font-size: 1.4rem; }
  .m-sfgc .box-wp .box-icon { padding-top: 30px; } }

@media screen and (max-width: 991px) { .m-sfgc { padding-bottom: 30px; }
  .m-sfgc .box-wp .box-btn { font-size: 20px; font-size: 2rem; }
  .m-sfgc .box-wp .box-btn.prev { left: 20px; }
  .m-sfgc .box-wp .box-btn.next { right: 20px; }
  .m-sfgc .box-wp1 { margin-bottom: 30px; }
  .m-sfgc .box-wp2 { margin-top: 30px; margin-bottom: 30px; } }

@media screen and (max-width: 640px) { .m-sfgc .box-wp .box-fix { float: none; margin-right: 0; width: 100%; }
  .m-sfgc .box-wp .box-text { text-align: left; } }

.m-jzjnb1 .box-title { padding-left: 80px; padding-bottom: 34px; line-height: 46px; font-size: 36px; font-size: 3.6rem; font-weight: bold; color: #242424; }

.m-jzjnb1 .box-wp { background: url("../images/jzjnbg1.jpg") no-repeat center top; background-color: #f1f1f1; }

.m-jzjnb1 .box--wp { padding-top: 345px; padding-left: 22.33333%; padding-bottom: 35px; }

.m-jzjnb1 .box-name { position: absolute; right: 20px; top: -10px; line-height: 0; font-size: 0; max-width: 80%; }

.m-jzjnb1 .box-text { position: relative; padding-left: 120px; overflow: hidden; }

.m-jzjnb1 .box-info { position: absolute; left: 0; bottom: 0; max-width: 75px; line-height: 15px; font-size: 12px; font-size: 1.2rem; color: #000; text-align: right; }

.m-jzjnb1 .box-info p { min-height: 15px; }

.m-jzjnb1 .box--title { margin-bottom: 20px; line-height: 76px; font-size: 66px; font-size: 6.6rem; font-weight: bold; color: #2a2a2a; }

.m-jzjnb1 .box-desc { max-width: 575px; line-height: 24px; font-size: 18px; font-size: 1.8rem; color: #4d4d4d; }

.m-jzjnb1 .box-link { margin-top: 90px; text-align: right; }

.m-jzjnb1 .box-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 104px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #000; text-align: center; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #000; -webkit-border-radius: 20px; border-radius: 20px; }

.m-jzjnb1 .box-link a:hover { color: #fff; background-color: #fabf13; }

@media screen and (max-width: 991px) { .m-jzjnb1 .box-title { line-height: 30px; font-size: 24px; font-size: 2.4rem; padding-left: 0; }
  .m-jzjnb1 .box--title { line-height: 30px; font-size: 24px; font-size: 2.4rem; }
  .m-jzjnb1 .box-wp { background-size: auto 100px; }
  .m-jzjnb1 .box--wp { padding-top: 130px; padding-left: 0; }
  .m-jzjnb1 .box-desc { font-size: 14px; font-size: 1.4rem; }
  .m-jzjnb1 .box-info { font-size: 14px; font-size: 1.4rem; } }

.m-jzjnb2 { margin-top: 89px; }

.m-jzjnb2 .box-title { padding-left: 80px; padding-bottom: 34px; line-height: 46px; font-size: 36px; font-size: 3.6rem; font-weight: bold; color: #242424; }

.m-jzjnb2 .box-wp { background: url("../images/jzjnbg2.jpg") no-repeat center top; background-size: cover; }

.m-jzjnb2 .box--wp { position: relative; padding-top: 403px; padding-left: 41.33333%; padding-bottom: 32px; }

.m-jzjnb2 .box-name { position: absolute; right: 20px; top: -10px; line-height: 0; font-size: 0; max-width: 80%; }

.m-jzjnb2 .box-text { position: relative; overflow: hidden; }

.m-jzjnb2 .box--title { margin-bottom: 22px; line-height: 76px; font-size: 30px; font-size: 3rem; font-weight: bold; color: #fff; }

.m-jzjnb2 .box--title span { font-size: 66px; font-size: 6.6rem; font-weight: bold; color: #f5d721; }

.m-jzjnb2 .box-desc { max-width: 494px; line-height: 24px; font-size: 18px; font-size: 1.8rem; color: #fff; }

.m-jzjnb2 .box-link { margin-top: 62px; text-align: right; }

.m-jzjnb2 .box-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-width: 104px; line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #f5d721; text-align: center; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #f5d721; -webkit-border-radius: 20px; border-radius: 20px; }

.m-jzjnb2 .box-link a:hover { color: #fff; background-color: #f5d721; }

@media screen and (max-width: 991px) { .m-jzjnb2 .box-title { line-height: 30px; font-size: 24px; font-size: 2.4rem; padding-left: 0; }
  .m-jzjnb2 .box--title { line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-jzjnb2 .box--title span { font-size: 26px; font-size: 2.6rem; }
  .m-jzjnb2 .box--wp { padding-top: 130px; padding-left: 0; }
  .m-jzjnb2 .box-desc { font-size: 14px; font-size: 1.4rem; } }

.m-lingtanb { position: relative; margin-top: 102px; }

.m-lingtanb .box-wp { position: relative; padding-left: 6.33333%; padding-right: 50.83333%; padding-top: 75px; padding-bottom: 99px; }

.m-lingtanb .box-title { padding-left: 24px; line-height: 60px; font-size: 50px; font-size: 5rem; font-weight: bold; color: #fff; }

.m-lingtanb .box-title a { color: #fff; }

.m-lingtanb .box-title a:hover { color: #fabf13; }

.m-lingtanb .box-title span { margin-right: 30px; }

.m-lingtanb .box-info { margin-top: 199px; }

.m-lingtanb .box-info p { position: relative; padding-left: 26px; margin-top: 28px; line-height: 28px; font-size: 18px; font-size: 1.8rem; color: #62717d; }

.m-lingtanb .box-info p:first-child { margin-top: 0; }

.m-lingtanb .box-info p:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 11px; height: 11px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #e8af24; }

.m-lingtanb .box-name { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); max-width: 80%; line-height: 0; font-size: 0; }

.m-lingtanb .box-img { position: absolute; right: 11.25%; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 40%; }

.m-lingtanb:before { content: ""; position: absolute; left: 0; top: 0; width: 49.58333%; height: 100%; background-color: #b2bfc9; }

.m-lingtanb:first-child { margin-top: 0; }

@media screen and (max-width: 991px) { .m-lingtanb { margin-top: 40px; }
  .m-lingtanb .box-wp { padding-top: 50px; padding-bottom: 50px; padding-left: 0; }
  .m-lingtanb .box-title { line-height: 30px; font-size: 24px; font-size: 2.4rem; }
  .m-lingtanb .box-title span { margin-right: 10px; }
  .m-lingtanb .box-info { margin-top: 50px; }
  .m-lingtanb .box-info p { margin-top: 15px; line-height: 26px; font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 480px) { .m-lingtanb:before { display: none; }
  .m-lingtanb .box-wp { padding: 40px 15px; background-color: #b2bfc9; }
  .m-lingtanb .box-img { position: relative; max-width: 100%; margin-top: 20px; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; right: auto; } }

.m-lingtanb3 .box-text { margin-top: 65px; padding-left: 26px; max-width: 333px; }

.m-lingtanb3 .box--title { line-height: 30px; font-size: 20px; font-size: 2rem; color: #57626a; font-weight: bold; }

.m-lingtanb3 .box-desc { margin-top: 12px; line-height: 20px; font-size: 14px; font-size: 1.4rem; color: #62717d; }

.m-lingtanb3 .box-info { margin-top: 66px; }

@media screen and (max-width: 991px) { .m-lingtanb3 .box-text { margin-top: 30px; padding-left: 0; }
  .m-lingtanb3 .box--title { line-height: 28px; font-size: 18px; font-size: 1.8rem; }
  .m-lingtanb3 .box-info { margin-top: 30px; } }

.m-news { padding-bottom: 30px; border-bottom: 1px solid #e4e4e4; }

.m-news .box-title { margin-bottom: 21px; line-height: 44px; font-size: 34px; font-size: 3.4rem; text-align: center; }

.m-news .pro-share { margin-top: 48px; }

.m-news .pro-share .share-title { display: none; }

.m-news .box-share { margin-top: 48px; font-size: 0; letter-spacing: 0; }

.m-news .share-item { margin-right: 4px; margin-bottom: 4px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 34px; line-height: 34px; font-size: 20px; font-size: 2rem; color: #fff; text-align: center; background-color: #c1c4c7; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }

.m-news .share-item img { position: absolute; left: 0; bottom: 101%; width: 120px; display: none; max-width: 120px; }

.m-news .share-item:hover { color: #fff; background-color: #ff0000; }

.m-news .share-item:hover img { display: block; }

.m-zhucaihd .hd-title { padding-left: 80px; margin-bottom: 32px; line-height: 46px; font-size: 36px; font-size: 3.6rem; font-weight: bold; color: #242424; }

@media screen and (max-width: 991px) { .m-zhucaihd .hd-title { margin-bottom: 20px; line-height: 30px; font-size: 24px; font-size: 2.4rem; padding-left: 0; } }

.m-zhucaiwp { margin-left: auto; margin-right: auto; max-width: 1120px; }

.m-zhucaitext .title1 { margin-top: 18px; line-height: 52px; font-size: 42px; font-size: 4.2rem; color: #969696; font-weight: bold; }

.m-zhucaitext .title1:first-child { margin-top: 0; }

.m-zhucaitext .title2 { margin-top: 14px; line-height: 42px; font-size: 32px; font-size: 3.2rem; color: #595757; font-weight: bold; }

.m-zhucaitext .desc { margin-top: 7px; line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757; }

.m-zhucaitext .desc p { min-height: 24px; }

.m-zhucaitext .hsicon { position: relative; }

.m-zhucaitext .hsicon:before { content: ""; position: absolute; top: 4px; left: -28px; width: 16px; height: 16px; background-color: #595757; }

@media screen and (max-width: 991px) { .m-zhucaitext .title1 { line-height: 30px; font-size: 20px; font-size: 2rem; }
  .m-zhucaitext .title2 { line-height: 26px; font-size: 16px; font-size: 1.6rem; }
  .m-zhucaitext .desc { font-size: 14px; font-size: 1.4rem; }
  .m-zhucaitext .hsicon { padding-left: 30px; }
  .m-zhucaitext .hsicon:before { left: 0; } }

.m-bolib1 { padding-top: 66px; padding-bottom: 55px; background-color: #f1f1f1; }

.m-bolib1 .box-info { margin-bottom: 27px; line-height: 26px; font-size: 20px; font-size: 2rem; color: #595757; font-weight: bold; }

.m-bolib1 .box-left1 { float: left; width: 313px; padding-top: 60px; margin-right: 11.25vw; }

.m-bolib1 .box-left1 .info { line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757; }

.m-bolib1 .box-left1 .img { margin-top: 239px; }

.m-bolib1 .box-right1 { overflow: hidden; padding-left: 30px; }

.m-bolib1 .box-fix1 { margin-top: 30px; }

.m-bolib1 .box-fix2 { margin-top: 47px; float: right; max-width: 585px; }

@media screen and (max-width: 991px) { .m-bolib1 { padding-top: 30px; padding-bottom: 30px; } }

@media screen and (max-width: 640px) { .m-bolib1 .box-left1 { float: none; margin-right: 0; margin-bottom: 30px; width: 100%; padding-top: 0; }
  .m-bolib1 .box-left1 .img { margin-top: 30px; }
  .m-bolib1 .box-right1 { padding-left: 0; } }

.m-bolib2 { padding-top: 54px; }

.m-bolib2 .box-fix1 { float: right; max-width: 490px; margin-top: 70px; margin-bottom: 89px; }

@media screen and (max-width: 991px) { .m-bolib2 { padding-top: 30px; }
  .m-bolib2 .box-fix1 { margin-top: 20px; margin-bottom: 20px; } }

.m-jiaotiaob1 { padding-top: 67px; padding-bottom: 176px; background-color: #f1f1f1; }

.m-jiaotiaob1 .box-info { margin-bottom: 30px; line-height: 26px; font-size: 22px; font-size: 2.2rem; font-weight: bold; color: #595757; }

.m-jiaotiaob1 .box-fix1 { margin-bottom: 99px; }

.m-jiaotiaob1 .box-left1 { float: left; margin-left: 8.39286%; margin-right: 12.85714%; width: 213px; padding-top: 183px; }

.m-jiaotiaob1 .box-right1 { overflow: hidden; padding-left: 30px; }

.m-jiaotiaob1 .img-item { margin-bottom: 9px; }

@media screen and (max-width: 991px) { .m-jiaotiaob1 { padding-top: 30px; padding-bottom: 30px; }
  .m-jiaotiaob1 .box-fix1 { margin-bottom: 30px; }
  .m-jiaotiaob1 .box-left1 { margin-left: 0; padding-top: 0; } }

@media screen and (max-width: 640px) { .m-jiaotiaob1 .box-left1 { float: none; margin-right: 0; width: 100%; margin-bottom: 20px; }
  .m-jiaotiaob1 .box-left1 .img-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
  .m-jiaotiaob1 .box-right1 { padding-left: 0; } }

.m-lvcaib1 { padding-top: 67px; padding-bottom: 62px; background-color: #f1f1f1; }

.m-lvcaib1 .box-info { margin-bottom: 30px; line-height: 26px; font-size: 20px; font-size: 2rem; font-weight: bold; color: #595757; }

.m-lvcaib1 .box-left1 { float: left; margin-right: 8.92857%; width: 325px; padding-top: 68px; }

.m-lvcaib1 .box-left1 .desc { line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757; }

.m-lvcaib1 .box-left1 .desc p { min-height: 24px; }

.m-lvcaib1 .box-left1 .img { margin-top: 54px; }

.m-lvcaib1 .box-text .pdl { padding-left: 34px; }

.m-lvcaib1 .box-right1 { padding-left: 30px; overflow: hidden; }

@media screen and (max-width: 991px) { .m-lvcaib1 { padding-top: 30px; padding-bottom: 30px; }
  .m-lvcaib1 .box-left1 { margin-left: 0; padding-top: 0; }
  .m-lvcaib1 .box-left1 .desc { font-size: 14px; font-size: 1.4rem; }
  .m-lvcaib1 .box-left1 .img { margin-top: 20px; } }

@media screen and (max-width: 640px) { .m-lvcaib1 .box-left1 { float: none; margin-right: 0; width: 100%; margin-bottom: 20px; }
  .m-lvcaib1 .box-right1 { padding-left: 0; } }

.m-mucaib1 { padding-top: 67px; padding-bottom: 83px; background-color: #f1f1f1; }

.m-mucaib1 .box-info { margin-bottom: 29px; line-height: 26px; font-size: 22px; font-size: 2.2rem; font-weight: bold; color: #595757; }

.m-mucaib1 .box-left1 { float: left; width: 275px; padding-top: 68px; }

.m-mucaib1 .box-left1 .desc { line-height: 24px; font-size: 16px; font-size: 1.6rem; color: #595757; }

.m-mucaib1 .box-right1 { float: right; width: 52.67857%; }

.m-mucaib1 .desc1 { position: relative; }

.m-mucaib1 .desc1 .img { position: absolute; left: -232px; bottom: 0; line-height: 0; font-size: 0; width: 153px; }

@media screen and (max-width: 991px) { .m-mucaib1 { padding-top: 30px; padding-bottom: 30px; }
  .m-mucaib1 .box-left1 { float: none; width: 100%; padding-top: 0; padding-bottom: 30px; }
  .m-mucaib1 .box-right1 { float: none; width: 100%; }
  .m-mucaib1 .desc1 .img { position: relative; left: auto; margin-bottom: 10px; } }

.m-mucaib2 { padding-top: 52px; padding-bottom: 127px; }

.m-mucaib2 .box-fix1 { margin-bottom: 87px; }

.m-mucaib2 .box-left { float: left; width: 36.60714%; }

.m-mucaib2 .box-right { float: right; width: 36.60714%; }

.m-mucaib2 .box-right .title3 { margin-bottom: 150px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #595959; }

.m-mucaib2 .pdl { padding-left: 34px; }

@media screen and (max-width: 991px) { .m-mucaib2 { padding-top: 30px; padding-bottom: 30px; }
  .m-mucaib2 .box-fix1 { margin-bottom: 30px; }
  .m-mucaib2 .box-left, .m-mucaib2 .box-right { float: none; width: 100%; }
  .m-mucaib2 .box-right .title3 { margin-top: 20px; margin-bottom: 20px; } }

.m-shuixqb1 { padding-top: 67px; padding-bottom: 156px; background-color: #f1f1f1; }

.m-shuixqb1 .box-info { margin-bottom: 29px; line-height: 26px; font-size: 20px; font-size: 2rem; font-weight: bold; color: #595757; }

.m-shuixqb1 .box-fix { margin-bottom: 100px; }

.m-shuixqb1 .box-left { float: left; width: 213px; margin-right: 18.75%; padding-top: 116px; }

.m-shuixqb1 .box-right { padding-left: 30px; overflow: hidden; }

@media screen and (max-width: 991px) { .m-shuixqb1 { padding-top: 30px; padding-bottom: 30px; }
  .m-shuixqb1 .box-fix { margin-bottom: 30px; }
  .m-shuixqb1 .box-left { float: none; width: 100%; margin-right: 0; margin-bottom: 30px; padding-top: 0; }
  .m-shuixqb1 .box-right { padding-left: 0; } }

.m-wujinb1 { padding-top: 66px; padding-bottom: 125px; background-color: #f1f1f1; }

.m-wujinb1 .box-info { margin-bottom: 29px; line-height: 26px; font-size: 20px; font-size: 2rem; color: #595757; font-weight: bold; }

.m-wujinb1 .box-left { float: left; width: 321px; margin-left: 2.85714%; margin-right: 6.25%; padding-top: 141px; }

.m-wujinb1 .box-right { padding-left: 30px; overflow: hidden; }

@media screen and (max-width: 991px) { .m-wujinb1 { padding-top: 30px; padding-bottom: 30px; }
  .m-wujinb1 .box-left { float: none; width: 100%; margin-left: 0; margin-right: 0; padding-top: 0; margin-bottom: 30px; }
  .m-wujinb1 .box-right { padding-left: 0; } }

.g-hmap { background: url("../images/hbg2.jpg") no-repeat center; }

.m-hmap { position: relative; height: 933px; }

.m-hmap .box-map { position: absolute !important; left: -179px; top: -3px; width: 1019.23077px; height: 814.10256px; background: none !important; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }

.m-hmap .jvectormap-zoomin, .m-hmap .jvectormap-zoomout { display: none !important; }

.m-hmap .box-text { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 300px; }

.m-hmap .box-text .item { margin-top: 62px; }

.m-hmap .box-text .item:first-child { margin-top: 0; }

.m-hmap .box-text .item-num { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 1; font-size: 52px; font-size: 5.2rem; font-weight: bold; }

.m-hmap .box-text .item-num sup { vertical-align: top; }

.m-hmap .box-text .item-title { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: 26px; padding-bottom: 11px; position: relative; font-size: 16px; font-size: 1.6rem; }

.m-hmap .box-text .item-title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 18px; height: 5px; background-color: #fabf13; }

.m-hmap .box-text .item-desc { margin-top: 3px; line-height: 30px; max-height: 90px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }

.m-hmap .box-text .item-desc a { color: #666; }

.m-hmap .box-text .item-desc a:hover { color: #fabf13; }

.m-hmap .box-text .item-link { margin-top: 7px; text-align: right; }

.m-hmap .box-text .item-link a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 26px; line-height: 24px; font-size: 14px; font-size: 1.4rem; color: #fabf13; text-align: center; border: 1px solid #fabf13; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; border-radius: 50%; }

.m-hmap .list-item { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 300px; display: none; }

.m-hmap .list-item .item-title { position: relative; padding-bottom: 7px; height: 30px; line-height: 30px; font-size: 20px; font-size: 2rem; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }

.m-hmap .list-item .item-title:before { content: ""; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background-color: #fabf13; }

.m-hmap .list-item .item-name { display: none; }

.m-hmap .list-item .item-desc { margin-top: 20px; max-height: 252px; line-height: 36px; font-size: 14px; font-size: 1.4rem; color: #666; overflow: hidden; }

.m-hmap .list-item .item-desc a { color: #666; }

.m-hmap .list-item .item-desc a:hover { color: #fabf13; }

.m-hmap .list-item .item-img { margin-top: 21px; text-align: center; }

.m-hmap .list-item .item-img a { display: inline-block; *display: inline; *zoom: 1; line-height: 0; font-size: 0; }

.m-hmap .list-item.hide { display: none !important; }

.m-hmap .box-mapimg { display: none; }

.m-hmap .box-menu { display: none; }

@media screen and (max-width: 991px) { .g-hmap { background: none; }
  .m-hmap { height: auto; padding: 30px 0; }
  .m-hmap .box-map { display: none; }
  .m-hmap .box-mapimg { display: block; }
  .m-hmap .box-text { position: relative; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; margin-top: 30px; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .m-hmap .box-text .item { width: 45%; margin-top: 0; }
  .m-hmap .box-text .item-num { font-size: 34px; font-size: 3.4rem; }
  .m-hmap .box-text .item-title { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .m-hmap .box-text .item-desc { max-height: 44px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-hmap .box-text .item-link { text-align: left; }
  .m-hmap .list-item { position: relative; right: auto; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; margin-top: 20px; display: none; }
  .m-hmap .list-item .item-title { display: none; line-height: 26px; font-size: 16px; font-size: 1.6rem; }
  .m-hmap .list-item .item-desc { margin-top: 0; max-height: 132px; line-height: 22px; font-size: 12px; font-size: 1.2rem; }
  .m-hmap .list-item .item-img { text-align: left; }
  .m-hmap .list-item .item-img a { max-width: 100%; }
  .m-hmap .list-item .item-name { display: none; padding-top: 10px; padding-bottom: 10px; padding-left: 38px; padding-right: 38px; line-height: 28px; font-size: 18px; font-size: 1.8rem; font-weight: bold; cursor: pointer; border: 1px solid #4b4b4b; }
  .m-hmap .list-item .item-name.active { color: #fabf13; }
  .m-hmap .list-item .item-name:after { content: ""; position: absolute; right: 15px; top: 22px; border-top: 8px solid #898989; border-left: 6px solid transparent; border-right: 6px solid transparent; }
  .m-hmap .list-item:first-child { display: block; }
  .m-hmap .box-menu { position: relative; z-index: 2; display: block; margin-top: 30px; margin-bottom: 20px; }
  .m-hmap .menu-btn { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 38px; padding-right: 38px; line-height: 28px; font-size: 18px; font-size: 1.8rem; font-weight: bold; cursor: pointer; border: 1px solid #4b4b4b; }
  .m-hmap .menu-btn.active { color: #fabf13; }
  .m-hmap .menu-btn:after { content: ""; position: absolute; right: 15px; top: 22px; border-top: 8px solid #898989; border-left: 6px solid transparent; border-right: 6px solid transparent; }
  .m-hmap .menu-wp { position: absolute; top: 100%; background-color: #fff; width: 100%; overflow-y: scroll; padding: 10px 0; display: none; }
  .m-hmap .menu-list { max-height: 240px; }
  .m-hmap .menu-item a { display: block; padding-top: 8px; padding-bottom: 8px; padding-left: 38px; padding-right: 38px; line-height: 24px; font-size: 14px; font-size: 1.4rem; font-weight: bold; }
  .m-hmap .menu-item a:hover, .m-hmap .menu-item a.active { color: #fabf13; background-color: #e4e2e2; }
  .m-hmap .menu-item.hide { display: none !important; } }

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes bounce {

	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes bounce {

	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -30px, 0);
		-ms-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}

	70% {
		-webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
		-webkit-transform: translate3d(0, -15px, 0);
		-ms-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		-ms-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1
	}

	25%,
	75% {
		opacity: 0
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		-ms-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		-ms-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}

	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		-ms-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1)
	}

	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		-ms-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}

	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		-ms-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}

	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		-ms-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes shake {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		-ms-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}

	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		-ms-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}

	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		-ms-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}

	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		-ms-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}

	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		-ms-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}

	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}

	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}

	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		-ms-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		-ms-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		-ms-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceInDown {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInLeft {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px, 0, 0);
		-ms-transform: translate3d(-3000px, 0, 0);
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		-ms-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		-ms-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInRight {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		-ms-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		-ms-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		-ms-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}

	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		-ms-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes bounceInUp {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		-ms-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		-ms-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		-ms-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		-ms-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		-ms-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		-ms-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		-ms-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(-20px, 0, 0);
		-ms-transform: translate3d(-20px, 0, 0);
		transform: translate3d(-20px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		-ms-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		-ms-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		-ms-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		-ms-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(2000px, 0, 0);
		-ms-transform: translate3d(2000px, 0, 0);
		transform: translate3d(2000px, 0, 0)
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		-ms-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		-ms-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		-ms-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		-ms-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		-ms-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	0% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
		-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		-ms-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		-ms-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		-ms-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		-ms-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		-ms-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		-ms-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		-ms-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		-ms-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0, 700px, 0);
		-ms-transform: translate3d(0, 700px, 0);
		transform: translate3d(0, 700px, 0);
		opacity: 0
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@-webkit-keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes rollOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	100% {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		-ms-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	100% {
		opacity: 0
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		transform-origin: left center
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		-ms-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		transform-origin: right center
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		-ms-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0);
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInLeft {
	0% {
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%)
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%)
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%)
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%)
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

@media screen and (min-width:1000px) and (max-width:1219px) {}
@media screen and (max-width:1419px) {}
@media screen and (max-width:1219px) {}
@media screen and (max-width:991px) {	}
@media screen and (max-width:767px) {	}
@media screen and (max-width:640px) {	}
@media screen and (max-width:480px) {	}

@font-face {
	font-family: 'SourceHanSansCN-Heavy';
	src: url('../fonts/SourceHanSansCN-Heavy.eot');
	src: url('../fonts/SourceHanSansCN-Heavy.eot') format('embedded-opentype'),
		url('../fonts/SourceHanSansCN-Heavy.woff2') format('woff2'),
		url('../fonts/SourceHanSansCN-Heavy.woff') format('woff'),
		url('../fonts/SourceHanSansCN-Heavy.ttf') format('truetype'),
		url('../fonts/SourceHanSansCN-Heavy.svg#SourceHanSansCN-Heavy') format('svg');
	font-display: swap;
}


@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Light.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Light.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Light.svg") format("svg");
  font-display: swap;
}


@font-face {
  font-family: "iconfont"; /* Project id 2355424 */
  src: url('../fonts/iconfont.woff2?t=1620722930828') format('woff2'),
       url('../fonts/iconfont.woff?t=1620722930828') format('woff'),
       url('../fonts/iconfont.ttf?t=1620722930828') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
   
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


.owl-theme { position: relative; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons { font-size: 0; letter-spacing: 0; text-align: center; }

.owl-theme .owl-controls .owl-buttons div { display: inline-block; vertical-align: top; font-size: 12px; font-size: 1.2rem; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
/* Styling Pagination*/
.owl-theme .owl-controls .owl-pagination { font-size: 0; letter-spacing: 0; text-align: center; position: absolute; bottom: 3.28152%; left: 3.45238%; z-index: 2; }

.owl-theme .owl-controls .owl-page { display: inline-block; vertical-align: middle; }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 6px; font-size: 0; background-color: #fff; border: solid 1px #fff; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }

@media screen and (max-width: 991px) { .owl-theme .owl-controls .owl-page span { margin: 0 5px; width: 10px; height: 10px; } }

@media screen and (max-width: 767px) { .owl-theme .owl-controls .owl-page span { margin: 0 3px; width: 8px; height: 8px; } }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color: transparent; border: solid 1px #e3e3e3; width: 15px; height: 15px; }

@media screen and (max-width: 991px) { .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { width: 12px; height: 12px; } }

@media screen and (max-width: 767px) { .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { width: 10px; height: 10px; } }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

.banner.swiper-container .swiper-slide { position: relative; }

.banner.swiper-container .swiper-slide img { display: block; width: 100%; }

.banner.swiper-container .item1 .item-fix { top: 26.29213%; }

.banner.swiper-container .item2 .item-fix { top: 35.8427%; }

.banner.swiper-container .item3 .item-fix { top: 31.23596%; }

.banner.swiper-container .item-fix { position: absolute; z-index: 9999; text-align: center; left: 0; width: 100%; }

.banner.swiper-container .swiper-pagination { bottom: 2.58427%; font-size: 0; letter-spacing: 0; text-align: center; }

.banner.swiper-container .swiper-pagination > * { display: inline-block; vertical-align: top; font-size: 0; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; width: 7.60417%; height: 4px; margin: 0 5px; background-color: #fff; -webkit-border-radius: 0; border-radius: 0; opacity: 0.8; }

.banner.swiper-container .swiper-pagination > *.swiper-pagination-bullet-active { background-color: #d78712; }

@media screen and (max-width: 991px) { .banner.swiper-container .swiper-pagination > * { height: 3px; margin: 0 4px; } }

@media screen and (max-width: 767px) { .banner.swiper-container .swiper-pagination > * { height: 2px; margin: 0 2px; } }

/**
 * Swiper 4.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 14, 2018
 */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	-o-transition-property: transform, height;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top, .2s -webkit-transform;
	transition: .2s top, .2s -webkit-transform;
	-o-transition: .2s transform, .2s top;
	transition: .2s transform, .2s top;
	transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left, .2s -webkit-transform;
	transition: .2s left, .2s -webkit-transform;
	-o-transition: .2s transform, .2s left;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right, .2s -webkit-transform;
	transition: .2s right, .2s -webkit-transform;
	-o-transition: .2s transform, .2s right;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}