@font-face { font-family: 'fz'; src:  format("truetype"); src:  format("embedded-opentype"),  format("woff"),  format("truetype"),  format("svg"); font-weight: normal; font-style: normal; }

.category { position: relative; z-index: 222; background: #f1f2f3; margin-bottom:0px; }

.category dl { background: #fff; position: relative; top: -90px;padding:30px 0 30px 90px; box-shadow: 0 4px 6px 0 rgba(45, 45, 45, 0.5); }

.category dl dt { width: 26px; font-size: 20px; font-family: 'fz'; color: #ff5a00; position: relative; }

.category dl dt::after { content: ''; position: absolute; width: 9px; height: 124px; background:  no-repeat center; font-size: 10px; color: #666; top: 0; left: 32px; }

.category dl li { float: left; text-align: center; margin-right: 100px; position: relative; }

.category dl li::after { content: ''; width: 36px; height: 15px; position: absolute; right: -60px; top: 50%; margin-top: -30px; background:  no-repeat center; }

.category dl li:last-child::after { display: none; }

.category dl li:hover span { background: #0e9a95; border: 1px solid #0e9a95; }

.category dl li:hover span .ms { color: #fff; }

.category dl li .category-icon span { display: block; margin-left: auto; margin-right: auto; width: 120px; height: 120px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px dashed #0e9a95; line-height: 120px; }

.category dl li .category-icon .ms { font-size: 42px; color: #0e9a95; }

.category dl li h3 { font-size: 14px; color: #0e9a95; line-height: 2em; }

.category dl li h4 { color: #898989; font-size: 12px; }

.product-show { padding-bottom: 38px; }

.product-show .productlist { position: relative; }

.product-show .productlist .swiper-button-prev { left: -60px; }

.product-show .productlist .swiper-button-next { right: -60px; }

.product-show .product-show-container { position: relative; overflow: hidden; margin-bottom: 40px; }

.product-show .product-show-container .swiper-slide { position: relative; overflow: hidden; }

.product-show .product-show-container .swiper-slide:hover .product-info { top: 0; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.product-show .product-show-container .show-img { text-align: center; }

.product-show .product-show-container .show-img .show-img-con { border: 1px solid #d5d6d7; height: 210px; background: #f1f2f3; }

.product-show .product-show-container .show-img .show-img-con img { width: 100%; height: auto; }

.product-show .product-show-container .show-img p { font-size: 14px; color: #444; line-height: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.product-show .product-show-container .product-info { position: absolute; left: 0; top: 238px; width: 100%; height: 238px; color: #fff; background: rgba(58, 162, 171, 0.9); padding: 56px 30px 0; line-height: 1.8em; text-indent: 2em; }

.product-show .product-show-container .product-info p { font-weight: normal; }

.product-show .product-show-container .product-info .moreinfo { text-align: center; margin-top: 20px; }

.product-show .product-show-container .product-info .moreinfo a { display: block; margin-left: auto; margin-right: auto; width: 80px; height: 30px; line-height: 30px; background: #e3fffe; color: #26a49f; text-indent: 0; }

.case { width: 100%; height: 578px; padding-top: 56px; padding-bottom: 24px; background:  no-repeat top center; }

.case .title { color: #fff; }

.case .title span::before, .case .title span::after { background: #bbb; }

.case .title .color-1 { color: #fff; }

.case .title .color-2 { color: #eedb0d; }

.case .title p { color: #fff; }

.news { padding-top: 40px; padding-bottom: 50px; }

.news .newscon .newstype { text-align: center; margin-bottom: 70px; }

.news .newscon .newstype a { position: relative; display: inline-block; line-height: 36px; width: 120px; background: #b7b8b8; color: #fff; margin-left: 8px; margin-right: 8px; }

.news .newscon .newstype a::after { content: ''; position: absolute; bottom: -16px; left: 50%; margin-left: -8px; width: 0; height: 0; border: 8px solid transparent; }

.news .newscon .newstype a:hover { background: #0e9a95; }

.news .newscon .newstype a:hover::after { border-top-color: #0e9a95; }

.news .newscon .newstype a.on { background: #0e9a95; }

.news .newscon .newstype a.on::after { border-top-color: #0e9a95; }

.news .newscon .newsmenu { height: 340px; margin-bottom: 40px; position: relative; }

.news .newscon .newsmenu > li.active { z-index: 30; }

.news .newscon .newsmenu > li { position: absolute; z-index: 20; }

.news .newscon .newsmenu > li .up-part .imgnews { width: 400px; height: 240px; margin-right: 32px; }

.news .newscon .newsmenu > li .up-part .imgnews .imgnews-container, .news .newscon .newsmenu > li .up-part .imgnews .imgbrand-container { width: 100%; overflow: hidden; position: relative; }

.news .newscon .newsmenu > li .up-part .imgnews .imgnews-container .swiper-pagination-bullets, .news .newscon .newsmenu > li .up-part .imgnews .imgbrand-container .swiper-pagination-bullets { width: 84px; right: 4px; left: auto; bottom: 6px; }

.news .newscon .newsmenu > li .up-part .imgnews .imgnews-container .swiper-pagination-bullet, .news .newscon .newsmenu > li .up-part .imgnews .imgbrand-container .swiper-pagination-bullet { width: 12px; height: 12px; background: #454545; margin-right: 4px; }

.news .newscon .newsmenu > li .up-part .imgnews .imgnews-container .swiper-pagination-bullet-active, .news .newscon .newsmenu > li .up-part .imgnews .imgbrand-container .swiper-pagination-bullet-active { background: #0e9a95; }

.news .newscon .newsmenu > li .down-part { padding: 18px 0; border-top: 1px dashed #eee; border-bottom: 1px dashed #eee; }

.news .newscon .newsmenu > li .down-part > li { float: left; width: 50%; }

.news .newscon .newsmenu > li .down-part > li .ms { margin-right: 16px; }

.news .newscon .newsmenu > li .down-part > li .txt { display: inline-block; width: 300px; margin-right: 20px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }