.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; transition-property: transform,-webkit-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-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: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform,-o-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -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-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.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-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.suzycommonweb { max-width: 1280px; padding: 0 2.6rem; margin-left: auto; margin-right: auto; }

.suzyneibanner-btn { padding-top: 10px; font-size: 0; }

.suzyneibanner-btn a { display: inline-block; vertical-align: middle; width: 120px; height: 40px; line-height: 38px; margin-right: 10px; text-align: center; border: 1px solid #868994; }

.suzyneibanner-btn a:last-child { margin-right: 0; }

.suzyneibanner-btn a span { display: inline-block; vertical-align: middle; font-size: 14px; color: #fff; }

.suzyneibanner-btn a img { display: inline-block; width: 18px !important; height: auto !important; -webkit-transform: translate(0) !important; -ms-transform: translate(0) !important; -o-transform: translate(0) !important; transform: translate(0) !important; vertical-align: middle; margin-right: 5px; }

.suzyneicontent .suzycase-one { background-size: 60% auto; }

.suzycase-three { padding: 30px 0 30px; background-repeat: no-repeat; background-size: cover; background-position: center center; }

.suzycase-threeview { padding: 15px 0px 0; }

.suzycase-threetxt { text-align: center; line-height: 1.44444; font-size: 14px; color: #666; }

.suzycase-threewrap { margin-top: 20px; text-align: center; }

.suzycase-threeitem1 { padding-top: 15px; margin-bottom: 10px; border: 1px solid #666666; }

.suzycase-threeitemtit { line-height: 1.33333; font-size: 16px; font-weight: normal; color: #666; }

.suzycase-threeitemcon { padding: 10px 10px 0px; font-size: 0; text-align: left; }

.suzycase-threeitemcon a { display: inline-block; vertical-align: top; text-align: center; width: 49%; height: 36px; font-size: 0; line-height: 34px; margin-right: 2%; margin-bottom: 10px; border: 1px solid #666666; cursor: auto; }

.suzycase-threeitemcon a:nth-child(2n) { margin-right: 0; }

.suzycase-threeitemcon a img { max-width: 19px; max-height: 18px; margin-right: 5px; }

.suzycase-threeitemcon a img, .suzycase-threeitemcon a span { display: inline-block; vertical-align: middle; }

.suzycase-threeitemcon a span { font-size: 12px; color: #666; }

.suzycase-threeitem2 { background: rgba(234, 71, 49, 0.1); border-color: #c34232; }

.suzycase-threeitemcon2 { padding: 10px 10px 0px; font-size: 0; text-align: left; }

.suzycase-threeitemcon2 a { display: inline-block; vertical-align: top; width: 49%; height: 34px; text-align: center; line-height: 34px; margin-right: 2%; background: #ea4731; margin-bottom: 10px; }

.suzycase-threeitemcon2 a:nth-child(2n) { margin-right: 0; }

.suzycase-threeitemcon2 a span { display: inline-block; vertical-align: middle; font-size: 12px; color: #fff; }

.suzycase-five { padding: 30px 0 40px; }

.suzycase-fiveul { margin-top: 25px; }

.suzycase-fiveul li { margin-bottom: 30px; }

.suzycase-fiveul li:last-child { margin-bottom: 0; }

.suzycase-fiveimg img { width: 100%; }

.suzycase-fivetext { padding-top: 15px; }

.suzycase-fiveh3 { line-height: 1; font-size: 16px; color: #2f3034; }

.suzycase-fiveh3:after { display: block; width: 80px; height: 2px; margin-top: 10px; background: #e94730; content: ''; }

.suzycase-fivedes { margin-top: 10px; text-indent: 1.5em; line-height: 2; font-size: 14px; color: #636466; }

.suzyneiview .suzyneicontent .suzycase-seven { background: #fff; }

.suzycase-six { padding: 30px 0 40px; background: #ededee; }

.suzycase-sixview { margin-top: 20px; }

.suzycase-sixview .swiper-slide { -webkit-transition: -webkit-box-shadow .5s; transition: -webkit-box-shadow .5s; -o-transition: box-shadow .5s; transition: box-shadow .5s; transition: box-shadow .5s, -webkit-box-shadow .5s; }

.suzycase-siximg { position: relative; height: 0; padding-top: 55.55556%; overflow: hidden; }

.suzycase-siximg img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.suzycase-sixtext { background: #fff; padding: 20px 25px 0; height: 130px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzycase-sixtext h3 { line-height: 1; font-size: 16px; color: #171924; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzycase-sixdes { margin-top: 7px; line-height: 1.55556; font-size: 14px; color: #9b9c9f; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.suzycase-sixdes:after { display: block; width: 36px; height: 4px; margin-top: 10px; background: #ea4731; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; content: ''; }

.suzycase-sixbat { display: none; text-align: center; margin-top: 15px; font-size: 0; }

.suzycase-sixbat span { vertical-align: middle; display: inline-block; margin: 0 3px; width: 4px; height: 4px; -webkit-border-radius: 3px; border-radius: 3px; background: #aaa; }

.suzycase-sixbat span.swiper-pagination-bullet-active { width: 10px; -webkit-border-radius: 4px; border-radius: 4px; background: #ea4731; }

.suzycase-four { padding: 30px 0; }

.suzycase-fourul { margin-top: 30px; }

.suzycase-threeview img{max-width: 100%;}

.suzycase-fourul li { margin-bottom: 20px; }

.suzycase-fourh3 { line-height: 1.30769; font-size: 18px; color: #ea4731; }

.suzycase-fourdes { margin-top: 10px; line-height: 1.55556; font-size: 14px; color: #636466; }

.mainCont .mainCont-detail .suzycase-two .tip-text,.suzycase-threeview{color: #636466;}

@media (min-width: 768px) { .suzycase-fiveimg { float: right; width: 37.73585%; }
  .suzycase-fivetext { padding-top: 0; float: left; width: 55.66038%; }
  .suzycase-fiveul li:nth-child(2n) .suzycase-fiveimg { float: left; }
  .suzycase-fiveul li:nth-child(2n) .suzycase-fivetext { float: right; }
  .suzycase-fourul { font-size: 0; }
  .suzycase-fourul li { display: inline-block; width: 42.45283%; margin-right: 15.09434%; vertical-align: top;}
  .suzycase-fourul li:nth-child(2n) { margin-right: 0; } }

@media (min-width: 1024px) { .suzycommonweb { padding-left: 40px; padding-right: 40px; }
  .suzyneibanner-btn { padding-top: 38px; }
  .suzyneibanner-btn a { width: 164px; height: 46px; line-height: 44px; margin-right: 15px; }
  .suzyneibanner-btn a span { font-size: 18px; }
  .suzyneibanner-btn a img { height: auto !important; margin-right: 10px; }
  .suzyneicontent .suzycase-one { background-size: auto 63.4058%; }
  .suzycase-three { padding: 68px 0 50px; }
  .suzycase-threeview { padding: 28px 0px 0; }
  .suzycase-threetxt { font-size: 16px; }
  .suzycase-threewrap { margin-top: 60px; font-size: 0; }
  .suzycase-threeitemtit { font-size: 20px; }
  .suzycase-threeitem1 { display: inline-block; vertical-align: top; width: 100%; }
  .suzycase-threeitem1:nth-child(1) { width: 40.56604%; margin-right: 0.9434%; }
  .suzycase-threeitem1:nth-child(2) { width: 58.49057%; }
  .suzycase-threeitemcon { padding: 16px 0px 22px; width: 100%; display: table; table-layout: fixed; border-spacing: 20px 0; }
  .suzycase-threeitemcon a { margin-bottom: 0; margin-right: 0; display: table-cell; vertical-align: middle; }
  .suzycase-threeitemcon a img { margin-right: 10px; }
  .suzycase-threeitemcon2 { padding: 16px 20px 22px; display: table; table-layout: fixed; width: 100%; }
  .suzycase-threeitemcon2 a { position: relative; display: table-cell; vertical-align: middle; height: 42px; line-height: 42px; }
  .suzycase-threeitemcon2 a:after { position: absolute; top: 50%; right: 0; width: 1px; height: 16px; background: #fff; margin-top: -8px; content: ''; }
  .suzycase-threeitemcon2 a:last-child::after { display: none; }
  .suzycase-five { padding: 60px 0 100px; }
  .suzycase-fiveul { margin-top: 65px; }
  .suzycase-fiveul li { margin-bottom: 70px; }
  .suzycase-fiveh3 { font-size: 26px; }
  .suzycase-fiveh3:after { height: 4px; margin-top: 22px; }
  .suzycase-fivedes { margin-top: 30px; font-size: 18px; }
  .suzycase-six { padding: 80px 0 60px; }
  .suzycase-sixview { margin-top: 20px; }
  .suzycase-sixview .swiper-container { padding: 20px 0px; }
  .suzycase-sixview .swiper-slide { -webkit-transition: -webkit-box-shadow .5s; transition: -webkit-box-shadow .5s; -o-transition: box-shadow .5s; transition: box-shadow .5s; transition: box-shadow .5s, -webkit-box-shadow .5s; overflow: hidden; }
  .suzycase-sixview .swiper-slide:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
  .suzycase-sixview .swiper-slide img { -webkit-transition: -webkit-transform ease 0.5s; transition: -webkit-transform ease 0.5s; -o-transition: -o-transform ease 0.5s; transition: transform ease 0.5s; transition: transform ease 0.5s, -webkit-transform ease 0.5s, -o-transform ease 0.5s; }
  .suzycase-sixview .swiper-slide:hover { -webkit-box-shadow: 0px 10px 20px -10px rgba(234, 71, 49, 0.5); box-shadow: 0px 10px 20px -10px rgba(234, 71, 49, 0.5); }
  .suzycase-sixview .swiper-slide:hover .suzycase-sixtext { background: #ea4731; }
  .suzycase-sixview .swiper-slide:hover .suzycase-sixtext h3 { color: #fff; }
  .suzycase-sixview .swiper-slide:hover .suzycase-sixtext .suzycase-sixdes { color: #fff; }
  .suzycase-sixview .swiper-slide:hover .suzycase-sixtext .suzycase-sixdes:after { background: #fff; }
  .suzycase-sixview .swiper-slide:hover .suzycase-sixtext:after { opacity: 1; margin-right: 0; }
  .suzycase-sixtext { padding: 35px 25px 0; height: 180px; }
  .suzycase-sixtext h3 { font-size: 24px; }
  .suzycase-sixtext:after { position: absolute; bottom: 33px; right: 25px; width: 25px; height: 9px; margin-right: 10px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; /*background: url(../images/suzycase-sixdesafter.png) no-repeat center center/100% 100%;*/ content: ''; }
  .suzycase-sixdes { font-size: 18px; }
  .suzycase-sixdes:after { margin-top: 20px; }
  .suzycase-sixbat { margin-top: 25px; }
  .suzycase-sixbat span { margin: 0 5px; width: 6px; height: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #aaa; }
  .suzycase-sixbat span.swiper-pagination-bullet-active { width: 20px; -webkit-border-radius: 6px; border-radius: 6px; }
  .suzycase-four { padding: 60px 0 68px; }
  .suzycase-fourul { margin-top: 105px; }
  .suzycase-fourul li { margin-bottom: 70px; }
  .suzycase-fourh3 { font-size: 26px; }
  .suzycase-fourdes { margin-top: 15px; font-size: 18px; } }

@media (min-width: 1260px) { .suzyneiview .suzyneicontent .suzycase-one{ padding-top: 60px; padding-bottom: 60px; }
  .suzyneiview .suzyneicontent .suzycase-one .detail-1-content { font-size: 18px;color: #636466;}
  .mainCont .mainCont-detail .suzycase-two .tip-text,.suzycase-threeview{font-size: 18px;}
  .suzyneiview .suzyneicontent .suzycase-two { padding-top: 60px; padding-bottom: 60px; }
  .suzyneiview .suzyneicontent .suzycase-two .content-item { margin-top: 66px; }
  .suzyneiview .suzyneicontent .suzycase-two .tip-title { font-weight: normal; }
  .suzyneiview .suzyneicontent .suzycase-two .detail-2-tip:not(:last-child) { margin-bottom: 100px; }
  .suzyneiview .suzyneicontent .suzycase-four { padding-top: 60px; padding-bottom: 30px;}
  .suzyneiview .suzyneicontent .suzycase-seven { padding-top: 60px; }
  .suzycase-threeview { padding: 28px 64px 0; }
  .suzycase-fourul { padding-left: 64px; padding-right: 64px; }
  .suzycase-threetxt { font-size: 18px; }
  .suzycase-threeitemtit { font-size: 24px; }
  .suzycase-threeitemcon a img { max-width: none; max-height: none; }
  .suzycase-threeitemcon a span { font-size: 18px; }
  .suzycase-threeitemcon2 a span { font-size: 18px; }
  .suzycase-five { padding-bottom: 60px; }
  .suzycase-fiveul { padding-left: 64px; padding-right: 64px; } }


.video-player-popup { display: none; position: fixed; left: 0; top: 0; z-index: 201; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); font-size: 0; text-align: center; }

.video-player-popup:before { content: ""; width: 0; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.video-player-popup .video-player { position: relative; width: 94%; min-height: 300px; max-width: 960px; margin-top: 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.video-player-popup .close { position: absolute; right: 0; top: -40px; width: 40px; height: 40px; background: url(../images/closebtn.png) no-repeat center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.video-player-popup .close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }


@media (min-width: 1024px) { .video-player-popup .video-player { height: 500px; } }

@media (min-width: 1600px) { .video-player-popup .video-player { height: 600px; } }

/*20200914*/
.video-player-popup .close {
  background: url(../../images/solution/solution/closebtn.png) no-repeat center;
}