@font-face { font-family: 'fz'; src: url("../font/FZLBK.ttf") format("truetype"); src: url("../font/FZLBK.eot") format("embedded-opentype"), url("../font/FZLBK.woff") format("woff"), url("../font/FZLBK.ttf") format("truetype"), url("../font/FZLBK.svg") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAB8CAYAAAC7fppiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI5MDUzNjg3OTBBQTExRTg4RDFGODNCQ0NGNUE3MDMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI5MDUzNjg4OTBBQTExRTg4RDFGODNCQ0NGNUE3MDMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjkwNTM2ODU5MEFBMTFFODhEMUY4M0JDQ0Y1QTcwMzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjkwNTM2ODY5MEFBMTFFODhEMUY4M0JDQ0Y1QTcwMzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7YVPUHAAAC+ElEQVR42uxYMZabQAzFxE1KWpf4CPgI7BFwmw7adGyZEo4AZcrlCHAEUyaduQJtOkciXzwtzADZ9W7leU/PA08zkv58SYN3t9vNKcsyduyj2ZOCT5OCpMNLj6RX82dXrXiK4/gIhVzNHdfZMFxos/hk2oMJngeYdzs4zj5FUG5ZiYSVKjJ7dliJpSiKiEU9+zIfduKBKEMjBFBI6SdVoevR72hbdu7KeJD90hadRNRsgsCmNIWgMuiUA+LkS8I+Le60NvbjnqALR6gwY8R7FwoZ/WQK1Atwq/ndl8PhwOH/FJzatk1xft9IftBzZ8KJzbRsBtB4GvEz2MmmjlBmaJ5crMhJXqBQYecCDG01VcIJVbwZVVZx2pJSHjCxjf5zzAnIycwcFmXgF+OUuxOFGOjzIZ9YQfvkY3VoSgh9dg4OeZpWpZCuWoLgvjh9cqV7k1I3wwpUjYWqWoTCjzS/d5o/cPo4jn+gkj47H9XNB4gNhd+MO5FCCIzkXsCKL7gKjD34ihN/VjuHAPjkwgzLqxIIU2w2tLZ8dQPq5ez4vAohHhRqOF/pll9ipYx/1yJVMDxTwRBhZrIvv4iBPsmfIAg62zUkApAhgijhTzsr0YIXIg3B1MRW6RKwdbjbmZRidUQJZ9Be5V2kWgiHPwYgTTFA3lXvvxqZBlmpx5vYwuDovL3quY6lWW/j+KLjOIF8baehz6x1TsatfXTOxapSSSJIVQlAWWEnP9fTqnJBCumqEgHko1SVQK5HoI4DKrPZSEPQ4wwvM5yQFS388ZS5FM+V7FSCnZkyyYvOXJqm31KDWdSst39tbAYzvAuY0xL9Csyx1y5e2pHzPepRD5xitP2jKEnGBGpXWdRMa2Y46VK9ju6/r/+z5DRd/69IztJYMFRnMucdjqbWxWvaNjLgkkMhAhE52pM0oBQEq6gBNdSIvtIzy3d69/t9JVoV3Na1KETgF7vSmBAP4Pj4kWNDvNLfMibEhRG+NCVrdOrfiGSt2A+95a8AAwA8ZAeFCVWHWAAAAABJRU5ErkJggg==") 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: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAPCAYAAACMa21tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjODViMWQ2Yy1iYWQzLWIwNGMtYWFmYS1jODJkNmM2YmU4MmUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDg5OEMzOTg5MEFCMTFFOEIwMEU5OTM0OTc0QUI3RjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDg5OEMzOTc5MEFCMTFFOEIwMEU5OTM0OTc0QUI3RjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MWI1NmJlN2YtY2M4Ny0zYzQ4LWI0YmItNDVmMjdhMGI1N2VkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YjEwODc2YjctMzcxYy0xMWU4LWE1MDItZmM3YWI2NjFlODJlIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zsv76QAAALpJREFUeNpirK2tZ6AzsAJiNSBeAcQ/0CWZGOgPTgLxJyCuBmKlweCgv0C8DoiXAnEKEHshu2MgHAQDN4C4FYjlgLgIiIVBgixA3M8w8IALiGuAeBnIQYUMgwgwMQwyMOogQgCUhpyBOBSIGQeBe9JBDtoLxB+AOA6IVwHx+YEOIRA4Cy09M4CYDYj3D4Y0dBuIe4DYDYiDBioK0RP1cyDuBGJtIE5ECsEBzWWg9NQNxNxALE5vBwEEGAAlwRoyzJggKQAAAABJRU5ErkJggg==") 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: url("../img/bg-case.jpg") 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; }