.hidden {
     display: none 
}
 .swiper-banner img {
     width: 100% 
}
 .swiper-banner .page_father {
     position: absolute;
     width: 100%;
     bottom: 32px;
     text-align: center 
}
 .swiper-banner .banner-page {
     display: inline-block;
     position: relative 
}
 .swiper-banner .banner-page .swiper-pagination-bullet {
     position: relative;
     width: 6px;
     height: 13px;
     margin: 0 8px;
     background: #fff;
     background-size: 100%;
     vertical-align: bottom;
     box-sizing: border-box;
     opacity: 1;
     font-size: 0;
     border-radius: 0;
     -webkit-transition: all .3s ease 0s;
     transition: all .3s ease 0s 
}
 .swiper-banner .banner-page .swiper-pagination-bullet-active {
     height: 20px;
     background-color: #30318d 
}
 .home_title {
     text-align: center;
     line-height: 1 
}
 .home_title h2 {
     font-family: timesbd;
     color: #222;
     font-size: 36px 
}
 .home_title h3 {
     margin-top: 12px;
     font-size: 20px;
     color: #666 
}
 .more-product {
     margin-top: 60px;
     position: relative;
     font-size: 18px;
     color: #222;
     text-align: center;
     font-family: timesbd 
}
 .more-product::after {
     content: '';
     display: block;
     width: 100%;
     height: 1px;
     background-color: #e6e6e6;
     position: absolute;
     left: 0;
     top: 50% 
}
 .more-product span {
     position: relative;
     z-index: 2;
     background-color: #fff;
     display: inline-block;
     padding: 0 24px 
}
 .more-product a {
     color: #30318d;
     text-decoration: underline 
}
 .section_product {
     padding-top: 108px;
     padding-bottom: 102px 
}
 .section_product .auto-container {
     width: 1720px 
}
 .product_wrapper {
     margin-top: 112px 
}
 .product_wrapper .list_filter {
     margin-bottom: 44px;
     text-align: center 
}
 .product_wrapper .list_filter .filter_item {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     padding: 0;
     text-align: center 
}
 .product_wrapper .list_filter .filter_item .inner {
     padding-bottom: 6px;
     display: inline-block;
     cursor: pointer;
     border-bottom: 2px solid transparent 
}
 .product_wrapper .list_filter .filter_item.active .inner {
     border-bottom: 2px solid #30318d 
}
 .product_wrapper .list_filter .filter_item.active h3 {
     color: #30318d 
}
 .product_wrapper .list_filter .filter_item.active .default {
     display: none 
}
 .product_wrapper .list_filter .filter_item.active .hover {
     display: inline-block 
}
 .product_wrapper .list_filter .filter_item img {
     vertical-align: middle;
     margin-bottom: 8px;
     margin-top: -30px 
}
 .product_wrapper .list_filter .filter_item .default {
     display: inline-block;
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     filter: gray 
}
 .product_wrapper .list_filter .filter_item .hover {
     display: none 
}
 .product_wrapper .list_filter .filter_item h3 {
     margin-left: 14px;
     display: inline-block;
     font-size: 20px;
     color: #222;
     font-family: timesbd;
     width: 80%;
     text-align: left 
}
 .product_wrapper .product_body .product_item {
}
 .product_wrapper .product_body .product_item ul {
     margin: 0 -8px 
}
 .product_wrapper .product_body .product_item li {
     position: relative;
     z-index: 1;
     padding: 0 6px;
     box-sizing: border-box;
     float: left;
     width: 25%;
     margin-bottom: 12px 
}
 .product_wrapper .product_body .product_item li:hover .info {
     background-color: #f5f5f5 
}
 .product_wrapper .product_body .product_item li:hover .info span {
     background-color: #222;
     color: #fff 
}
 .product_wrapper .product_body .product_item li a {
     display: block 
}
 .product_wrapper .product_body .product_item li .product_img {
     position: relative;
     display: block;
     box-sizing: border-box;
     border: 1px solid #eee;
     overflow: hidden 
}
 .product_wrapper .product_body .product_item li .img {
     max-width: 100% 
}
 .product_wrapper .product_body .product_item li .info {
     background-color: #eee;
     text-align: center;
     padding-top: 25px;
     padding-bottom: 25px;
     padding-left: 50px;
     padding-right: 50px 
}
 .product_wrapper .product_body .product_item li .info h3 {
     margin-bottom: 14px;
     font-size: 20px;
     font-weight: 700;
     color: #222 ;
     min-height:44px;
     display: -webkit-box;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     text-overflow: ellipsis 
}
 .product_wrapper .product_body .product_item li .info p {
     margin-bottom: 14px;
     font-size: 16px;
     color: #222;
     line-height: 24px;
     min-height: 144px;
     display: -webkit-box;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 6;
     text-overflow: ellipsis 
}
 .product_wrapper .product_body .product_item li .info span {
     width: 150px;
     height: 30px;
     line-height: 26px;
     border-radius: 20px;
     border: 2px solid #222;
     display: inline-block;
     font-size: 16px;
     color: #222 
}
 .section-choose {
     padding-top: 126px;
     padding-bottom: 190px;
     background: url(../images/why.jpg) no-repeat center top;
     background-attachment: fixed 
}
 .section-choose .home_title h2 {
     color: #fff 
}
 .section-choose .home_title h3 {
     color: #fff 
}
 .choose-list {
     margin-top: 125px;
     text-align: center 
}
 .choose-list li {
     width: 24%;
     box-sizing: border-box;
     display: inline-block;
     vertical-align: top;
     text-align: center 
}
 .choose-list li .item {
     display: block;
     max-width: 240px;
     margin: 0 auto 
}
 .choose-list li .item:hover img {
     transform: rotate(360deg) 
}
 .choose-list li .item img {
     -webkit-transition: all .3s ease 0s;
     transition: all .3s ease 0s 
}
 .choose-list li .choose-title {
     margin-top: 40px;
     font-size: 20px;
     font-weight: 700;
     color: #fff;
     line-height: 26px 
}
 .choose-list li p {
     max-width: 400px;
     margin-top: 30px;
     font-size: 16px;
     line-height: 24px;
     color: #fff;
}
 .choose-list li p span {
     color: #421c36 
}
 .section-aboutit {
     padding-top: 72px;
     padding-bottom: 64px 
}
 .section_about {
     max-width: 1920px;
     margin: 0 auto;
     position: relative;
/*     background: url(../images/about-bg.jpg) no-repeat top left;*/
     background-color: #ececec 
}
 .section_about .home_title {
     text-align: left 
}
 .section_about .home_title .t::before {
     left: 0;
     transform: translateX(0) 
}
 .home_video_wrapper .leo-6 {
     width: 50.25%;
     float: left 
}
 .home_video_wrapper .leo-6-2 {
     width: 49.75%;
     float: left 
}
 .home_video_wrapper .about_left_text {
     max-width: 625px;
     padding-right: 0 
}
 .home_video_wrapper .about_left_text .home_title_about h3 {
     font-size: 40px;
     font-weight: 700;
     font-family: timesbd;
     line-height: 40px;
     color: #222 
}
 .home_video_wrapper .about_left_text .home_title_about h3 span {
     color: #30318d 
}
 .home_video_wrapper .about_left_text .info {
     max-width: 600px;
     margin-top: 24px 
}
 .home_video_wrapper .about_left_text .info .t {
     margin-bottom: 20px;
     font-size: 20px;
     font-weight: 700 
}
 .home_video_wrapper .about_left_text .info p {
     font-size: 16px;
     line-height: 26px;
     color: #222 
}
 .home_video_wrapper .about_left_text .info .btn-move {
     display: block;
     width: 140px;
     height: 40px;
     margin-top: 36px;
     line-height: 36px;
     font-size: 16px;
     color: #222;
     background-color: transparent;
     text-align: center;
     border-radius: 40px;
     border: 2px solid #222;
     font-weight: 700 
}
 .home_video_wrapper .leo_video_box {
     position: relative 
}
 .home_video_wrapper .leo_video_box .video_cover {
     position: relative;
     width: 100%;
     height: 700px;
     overflow: hidden 
}
 .home_video_wrapper .leo_video_box .video_cover .img {
     width: 100%;
     height: 100%;
     object-fit: cover 
}
 .home_video_wrapper .leo_video_box .play_btn {
     cursor: pointer;
     position: absolute;
     top: 32%;
     left: 50%;
     transform: translateX(-50%);
     color: #fff;
     text-align: center 
}
 .home_video_wrapper .leo_video_box .play_btn img {
     vertical-align: middle;
     margin-bottom: 2px;
     margin-right: 15px 
}
 .home_video_wrapper .leo_video_box .play_btn div {
     display: inline-block;
     font-size: 20px;
     font-weight: 700 
}
 .home_video_wrapper .video_right_text {
     margin-left: 26%;
     padding-top: 112px 
}
 .video {
     display: none;
     width: 100%;
     height: 100%;
     position: fixed;
     left: 0;
     top: 0;
     z-index: 50 
}
 .video .videoBox {
     width: 80%;
     height: 60vh;
     position: fixed;
     z-index: 60;
     top: 20%;
     left: 10% 
}
 .video .videoBox iframe {
     width: 100%;
     height: 100% 
}
 .video .zy_media {
     z-index: 60 
}
 .pop {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 10;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,.8) 
}
 .section_honor {
     padding-top: 96px;
     padding-bottom: 68px;
     background: url(../images/honor-bg.jpg) no-repeat center top;
     background-size: cover 
}
 #bigimg {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 101;
     display: none;
     width: 100%;
     height: 100% 
}
 #bigimg>img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     max-height: 88% 
}
 .section_honor .honor-tex {
     color: #fff;
     text-align: center 
}
 .section_honor .honor-tex p {
     color: #fff;
     letter-spacing: 0;
     font-size: 16px;
     line-height: 24px 
}
 .section_honor .honor-tex ul {
     padding: 20px 0;
     font-size: 0 
}
 .section_honor .honor-tex ul li {
     display: inline-block;
     margin: 0 5px;
     padding: 0 16px;
     border-radius: 17px;
     background: rgba(255,255,255,.1);
     font-size: 16px;
     line-height: 34px 
}
 .swiper-father {
     position: relative 
}
 .swiper-honor-father {
     margin-top: 66px 
}
 .swiper-honor-next,.swiper-honor-prev {
     width: 21px;
     height: 37px;
     margin-top: -37px;
     background: url(../images/arrow.png) no-repeat center;
     background-size: 100%;
     color: #fff;
     opacity: 1;
     -webkit-transition: all .3s ease 0s;
     transition: all .3s ease 0s 
}
 .swiper-honor-next:hover,.swiper-honor-prev:hover {
     background-image: url(../images/arrow-hover.png) 
}
 .swiper-honor-next {
     right: -100px;
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg) 
}
 .swiper-honor-prev {
     left: -100px 
}
 .section_honor .swiper-slide {
     box-sizing: border-box;
     padding: 5px;
     border-radius: 0 
}
 .section_honor .swiper-slide .img {
     position: relative;
     width: 100%;
     background: #fff;
     cursor: pointer 
}
 .section_honor .swiper-slide .img>img {
     display: block;
     max-width: 100%;
     max-height: 100% 
}
 .section_honor .swiper-slide .img span img {
     position: absolute;
     top: 50%;
     left: 50%;
     display: block;
     max-width: 100%;
     max-height: 100%;
     transform: translate(-50%,-50%) 
}
 .section_honor .swiper-slide .img span {
     position: absolute;
     top: 0;
     left: 0;
     display: block;
     width: 100%;
     height: 100%;
     background: rgba(255,255,255,.8);
     text-align: center;
     opacity: 0;
     transition: .4s 
}
 .section_honor .swiper-slide .img:hover span {
     opacity: 1 
}
 .section_honor .swiper-slide p {
     overflow: hidden;
     padding: 20px 0 23px;
     color: #222;
     text-align: center;
     font-size: 16px;
     line-height: 24px 
}
 .section_case {
     padding-top: 20px;
     padding-left: 20px;
     padding-right: 20px;
     overflow: hidden 
}
 .section_case .home_title h2 {
     max-width: 700px;
     margin: 0 auto 
}
 .section_case .home-news .item {
     display: block;
     transition: all .25s ease-in;
     text-decoration: none;
     overflow: hidden 
}
 .section_case .home-news .item:hover .img img {
     transform: scale(1.1,1.1);
     -webkit-transform: scale(1.1,1.1) 
}
 .section_case .home-news .img {
     overflow: hidden 
}
 .section_case .home-news .img img {
     width: 100%;
     vertical-align: top;
     transition: all .4s;
     -webkit-transition: all .4s 
}
 .section_case .home-news .dec {
     padding: 30px 0 0;
     box-sizing: border-box 
}
 .section_case .home-news .dec .time {
     margin-bottom: 16px;
     font-size: 16px;
     color: #666;
     font-weight: 700 
}
 .section_case .home-news .dec .time img {
     margin-right: 4px;
     margin-bottom: 2px 
}
 .section_case .home-news .dec .t {
     font-size: 18px;
     color: #333;
     line-height: 24px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 2 
}
 .section_case .home-news .dec .p {
     font-size: 16px;
     color: #222;
     line-height: 24px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 2 
}
 .section_case .Home-case-father {
     position: relative 
}
 .section_case .Home-case-father .swiper-pagination-progress {
     background-color: #eee 
}
 .section_case .Home-case-father .swiper-pagination-progress .swiper-pagination-progressbar {
     background: #467b37 
}
 .section_case .case-page {
     position: relative;
     margin-top: 95px 
}
 .section_case .case-page .swiper-pagination-bullet {
     background-color: #000 
}
 .section_case .more-case {
     margin-top: 60px;
     font-size: 20px;
     color: #467b37 
}
 .section_case .more-case a {
     color: #e44311 
}
 .section_case .more-case img {
     margin-left: 18px 
}
 .section_factory {
     padding-top: 82px;
     padding-bottom: 75px 
}
 .section_factory .factory-imgs {
     margin: 55px -15px 0 
}
 .section_factory .factory-imgs li {
     width: 25%;
     float: left;
     margin-bottom: 30px 
}
 .section_factory .factory-imgs li .item {
     padding: 0 15px 
}
 .section_factory .factory-imgs li img {
     width: 100% 
}
 .section_factory .customer-text {
     max-width: 670px;
     margin: 0 auto;
     color: #222;
     font-size: 20px;
     line-height: 30px 
}
 .section-news {
     padding-top: 90px;
     padding-bottom: 76px 
}
 .section-news .home-news .item {
     display: block;
     transition: all .25s ease-in;
     text-decoration: none 
}
 .section-news .home-news .item:hover .img img {
     transform: scale(1.1,1.1);
     -webkit-transform: scale(1.1,1.1) 
}
 .section-news .home-news .img {
     overflow: hidden 
}
 .section-news .home-news .img img {
     width: 100%;
     vertical-align: top;
     transition: all .4s;
     -webkit-transition: all .4s 
}
 .section-news .home-news .dec {
     padding: 25px 0 0;
     box-sizing: border-box 
}
 .section-news .home-news .dec .date {
     margin-bottom: 26px;
     font-size: 16px;
     color: #467b37 
}
 .section-news .home-news .dec .date span {
     display: inline-block 
}
 .section-news .home-news .dec .t {
     margin-bottom: 16px;
     font-size: 22px;
     color: #222;
     font-weight: 700;
     line-height: 26px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     min-height: 52px 
}
 .section-news .home-news .dec .p {
     margin-bottom: 26px;
     font-size: 16px;
     color: #666;
     line-height: 24px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: block;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     min-height: 48px 
}
 .section-news .home-news .more_btn {
     background-color: #474443 
}
 .section-news .home-news .flex-news-row {
     display: flex;
     justify-content: space-between 
}
 .section-news .home-news .flex-news-row .more {
     font-size: 16px;
     font-weight: 700;
     color: #30318d 
}
 .section-news .home-news .flex-news-row .date {
     color: #999;
     font-size: 16px 
}
 .section-news .home-news .flex-news-row .date span {
     margin-left: 20px 
}
 .section-news .home-news .flex-news-row .date span img {
     margin-right: 5px 
}
 .section-news .Home-news-father {
     position: relative;
     margin-top: 55px;
     margin-bottom: 54px 
}
 .section-news .Home-news-father .news-page {
     position: relative 
}
 .section-news .Home-news-father .news-page .swiper-pagination-bullet-active {
     background-color: #222 
}
 .section_msg {
     position: relative;
     overflow: hidden;
     padding-bottom: 60px 
}
 .section_msg .home_title {
     text-align: left;
     line-height: 40px;
     max-width: 500px 
}
 .section_msg .auto-container {
     position: relative;
     z-index: 2 
}
 .section_msg .msg_wrapper .img {
     height: 470px 
}
 .section_msg .msg_wrapper .img img {
     width: 100%;
     height: 100%;
     object-fit: cover 
}
 .section_msg .panel {
     margin-bottom: 0;
     background-color: #fff;
     box-shadow: 0 0 0 
}
 .section_msg .panel .panel-title {
     margin-bottom: 20px;
     font-size: 16px;
     color: #999 
}
 .section_msg .contact-panel {
     box-sizing: border-box;
     border: 4px solid #eee;
     padding: 103px 50px;
}
 .section_msg .faq-panel {
     height: 390px;
     background: url(../images/faqbg.jpg) no-repeat center;
     background-size: 100%;
     padding: 0 50px 
}
 .section_msg .faq-panel .home_title {
     max-width: 100%;
     margin-top: 65px;
     margin-bottom: 84px;
     background: url(../images/faqline.png) no-repeat center 
}
 .section_msg .faq-panel .home_title h2 {
     color: #fff 
}
 .section_msg .contact-form-box {
     box-sizing: border-box;
     width: 100% 
}
 .section_msg .contact-form-box dt {
     margin-bottom: 24px 
}
 .section_msg .contact-form-box dt p {
     color: #666;
     font-size: 16px 
}
 .section_msg .contact-form-box dt p span {
     color: red 
}
 .section_msg .contact-form-box .contact-form .form-group {
     position: relative;
     margin-bottom: 0 
}
 .section_msg .contact-form-box .contact-form .form-group>div {
     padding-left: 3px;
     padding-right: 3px;
     margin-bottom: 6px 
}
 .section_msg .contact-form-box .contact-form .form-group.leo-6-m {
     width: 49%;
     float: left;
     position: relative;
     margin-right: 2% 
}
 .section_msg .contact-form-box .contact-form .form-group.leo-6-m:last-child {
     margin-right: 0 
}
 .section_msg .contact-form-box .contact-form .form-group .tips {
     position: absolute;
     left: 26px;
     line-height: 48px;
     z-index: 1;
     color: #aaa;
     font-size: 16px 
}
 .section_msg .contact-form-box .contact-form .form-group .tips i {
     font-style: normal 
}
 .section_msg .contact-form-box .contact-form input {
     width: 100%;
     height: 50px;
     box-sizing: border-box;
     padding: 4px 15px;
     font-size: 16px;
     outline: 0;
     color: #222;
     border-radius: 5px;
     background-color: #f4f4f4;
     border: none 
}
 .section_msg .contact-form-box .contact-form input::placeholder {
     color: #999 
}
 .section_msg .contact-form-box .contact-form textarea {
     width: 100%;
     height: 100px;
     box-sizing: border-box;
     padding: 10px 15px;
     font-size: 16px;
     outline: 0;
     color: #222;
     border-radius: 5px;
     background-color: #f4f4f4;
     border: none;
     resize: none 
}
 .section_msg .contact-form-box .contact-form textarea::placeholder {
     color: #999 
}
 .section_msg .contact-form-box .submit-btn {
     width: 130px;
     height: 50px;
     display: block;
     background-color: #30318d;
     color: #fff;
     border: 0;
     outline: 0;
     border-radius: 80px;
     font-size: 20px;
     font-weight: 700 
}
 .section_msg .faqlist .faqItem {
     text-align: center 
}
 .section_msg .faqlist .faqItem div {
     font-size: 24px;
     color: #fff;
     font-weight: 700 
}
 .section_msg .faqlist .faqItem .bgy {
     position: relative 
}
 .section_msg .faqlist .faqItem .bgy::after {
     content: '';
     display: block;
     width: 27px;
     height: 22px;
     background: url(../images/f1.png) no-repeat center;
     position: absolute;
     left: 0;
     top: 24px 
}
 .section_msg .faqlist .faqItem .bgy::before {
     content: '';
     display: block;
     width: 27px;
     height: 22px;
     background: url(../images/f2.png) no-repeat center;
     position: absolute;
     right: 0;
     top: 24px 
}
 .section_msg .faqlist .faqItem p {
     padding-top: 34px;
     max-width: 440px;
     margin: 0 auto;
     color: #fff;
     font-size: 16px;
     line-height: 24px;
     font-weight: 400 
}
 .section_msg .swiper-pagination-faq {
     width: 100%;
     left: 0;
     bottom: 54px;
     text-align: center 
}
 .section_msg .swiper-pagination-faq .swiper-pagination-bullet {
     display: inline-block;
     position: relative;
     width: 6px;
     height: 13px;
     margin: 0 5px;
     background: #fff;
     background-size: 100%;
     vertical-align: bottom;
     box-sizing: border-box;
     opacity: 1;
     font-size: 0;
     border-radius: 0;
     -webkit-transition: all .3s ease 0s;
     transition: all .3s ease 0s 
}
 .section_msg .swiper-pagination-faq .swiper-pagination-bullet-active {
     height: 20px;
     background-color: #30318d 
}
 .additional-features {
     position: fixed;
     right: 10px;
     bottom: 25%;
     z-index: 200;
     box-sizing: border-box;
     border-bottom: 0 
}
 .additional-features.show {
     display: block 
}
 .additional-features li {
     width: 64px;
     position: relative;
     padding-top: 10px;
     padding-bottom: 10px;
     border: 1px solid #ddd;
     margin-top: -2px;
     line-height: 1;
     cursor: pointer;
     background-color: #fff;
     transition: all .2s linear;
     box-sizing: border-box 
}
 .additional-features li:first-child {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px 
}
 .additional-features li:last-child {
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px 
}
 .additional-features li.xx .xx-dot {
     position: absolute;
     display: block;
     top: 13px;
     right: 13px;
     width: 7px;
     height: 7px;
     background-color: #ff1e00;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50% 
}
 .additional-features li.rx .revi-hotline-wrapper {
     display: none;
     position: absolute;
     left: -283px;
     bottom: 0;
     width: 275px;
     height: 60px 
}
 .additional-features li.rx.active .revi-hotline-wrapper {
     display: block 
}
 .additional-features li.rx .revi-hotline {
     position: absolute;
     left: 0;
     width: 275px;
     height: 60px;
     background-color: #fff;
     border: 1px solid #f3f3f3;
     cursor: text;
     text-align: center 
}
 .additional-features li.rx .revi-hotline::after {
     content: '';
     width: 11px;
     height: 13px;
     background: url(../images/slide_arr.png) no-repeat center;
     position: absolute;
     right: -11px;
     top: 50%;
     transform: translateY(-50%) 
}
 .additional-features li.rx .revi-hotline p {
     font-size: 16px;
     font-family: fradm;
     margin: 20px 0 
}
 .additional-features li.rx .revi-hotline h4 {
     font-weight: 400;
     font-size: 13px 
}
 .additional-features li.xz .xz-ewm {
     display: none;
     position: absolute;
     top: -80px;
     left: -156px;
     width: 132px;
     height: 132px;
     border: 1px solid #f3f3f3 
}
 .additional-features li.xz .xz-ewm::after {
     content: '';
     width: 11px;
     height: 13px;
     background: url(../images/slide_arr.png) no-repeat center;
     position: absolute;
     right: -9px;
     bottom: 20px 
}
 .additional-features li.xz .xz-ewm img {
     width: 100%;
     height: 100% 
}
 .additional-features li.xz.active .xz-ewm {
     display: block 
}
 .additional-features li p {
     font-size: 14px;
     color: #666;
     text-align: center 
}
 .additional-features li .additional-icon {
     margin: 0 auto;
     width: 36px;
     height: 36px 
}
 .additional-features li .additional-icon.icon1 {
     background: url(../images/right_pic1.png) center center no-repeat 
}
 .additional-features li .additional-icon.icon2 {
     background: url(../images/right_pic2.png) center center no-repeat 
}
 .additional-features li .additional-icon.icon3 {
     background: url(../images/right_pic3.png) center center no-repeat 
}
 .additional-features li .additional-icon.icon4 {
     background: url(../images/right_pic4.png) center center no-repeat 
}
 .additional-features li .additional-icon.icon5 {
     background: url(../images/right_pic5.png) center center no-repeat 
}
 .additional-features li .additional-icon.icon6 {
     background: url(../images/right_pic6.png) center center no-repeat 
}
 .additional-features li.active {
     background-color: #efefef 
}
 .additional-features li.active span {
     display: none 
}
 .additional-features li.opa-0 {
     opacity: 0;
     display: none 
}
 @media screen and (max-width:1440px) {
     .additional-features li .additional-icon {
         margin-top: 0 
    }
}
 @media screen and (max-width:780px) {
     .additional-features {
         display: none!important 
    }
}