@charset "utf-8";
.banner {max-height: 815px}
.index {width: 100%;}
.btn .btn_in {display: inline-block;padding-right: 24px;height: 100%;line-height: 50px;background: url(../images/btn_icon.png) no-repeat center right;font-size: 16px;color: #000;font-family: Poppins-Regular;text-transform: uppercase}
.index_top {display: flex;justify-content: space-between;margin: 0 auto;padding: 120px 0;width: 1440px}
.index_top .left {display: flex;align-items: center;width: 53.4722%}
.index_top .left .content {width: 100%}
.index_top .left .content .title {width: 100%;line-height: 64px;height: 128px;font-size: 48px;color: #333;font-family: Poppins-Regular;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.index_top .left .content .brief {margin-top: 26px;width: 100%;line-height: 40px;font-size: 16px;color: #555}
.index_top .left .content .btn {display: block;margin-top: 86px;width: 195px;height: 50px;background: #fde628;text-align: center}
.index_top .right {display: flex;justify-content: center;align-items: center;width: 38.6806%}
.index_top .right .img_a {display: block;position: relative;overflow: hidden}
.index_top .right .img_a img {-webkit-transition: all .3s;transition: all .3s}
.index_top .right .img_a:hover img {-webkit-transform: scale(1.1);transform: scale(1.1)}
.index_top .right .img_a:before {display: block;content: '';position: absolute;left: 50%;top: 50%;width: 93px;height: 93px;border: 2px solid #fff;background: url(../images/play_icon.png) no-repeat center;z-index: 1;-webkit-border-radius: 50%;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.index_mid .img_list {width: 100%}
.index_mid .img_list .img_item {display: block;position: relative;width: 50%;text-decoration: none;font-size: 0;text-align: center;overflow: hidden}
.index_mid .img_list .img_item img {-webkit-transition: all .5s;transition: all .5s}
.index_mid .img_list .img_item:hover img {-webkit-transform: scale(1.1);transform: scale(1.1)}
.index_mid .img_list .img_item .content {display: flex;justify-content: center;align-items: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.index_mid .img_list .img_item .content .content_in {text-align: center}
.index_mid .img_list .img_item .content .title {display: block;width: 100%;height: 46px;line-height: 46px;font-size: 36px;color: #fff;font-family: Poppins-Regular;text-align: center}
.index_mid .img_list .img_item .content .btn {display: inline-block;margin-top: 15px;height: 20px;line-height: 20px;border-bottom: 1px solid #a9a8a9;font-size: 14px;color: #fff;text-transform: uppercase}
.index_pro {padding: 110px 0;width: 100%;max-width: 1440px}
.index_pro .toptitle {width: 100%;height: 46px;line-height: 46px;font-size: 38px;color: #333;font-family: Poppins-Regular;font-weight: 700;text-align: center}
.index_pro .indprolist {display: grid;grid-template-columns: repeat(4,22.9861%);grid-gap: 77px 2.6389%;margin-top: 107px;width: 100%}
.index_pro .indprolist .item {width: 100%}
.index_pro .indprolist .item .pic {display: flex;justify-content: center;align-items: center;height: 331px;-webkit-transition: all .5s;transition: all .5s}
.index_pro .indprolist .item .name {margin-top: 18px;width: 100%;height: 32px}
.index_pro .indprolist .item .name a {display: block;width: 100%;height: 100%;line-height: 32px;font-size: 16px;color: #333;text-align: center;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.index_pro .indprolist .item .price {font-size: 14px;color: #333;text-align: center;margin-top: 5px}
.index_pro .indprolist .item:hover .pic {box-shadow: 0 0 32px rgba(0,0,0,.07)}
.index_pro .btn {display: block;margin: 105px auto 0;width: 281px;height: 59px;border: 2px solid #000;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box}
.index_pro .btn .btn_in {line-height: 59px}
.index_info {padding: 78px 0 115px;width: 100%;background: #f9f9f9}
.index_info .info_in {margin: 0 auto;max-width: 1440px}
.index_info .info_in .toptitle {width: 100%;height: 46px;line-height: 46px;font-size: 38px;color: #333;font-family: Poppins-Regular;font-weight: 700;text-align: center}
.index_info .info_in .info_list {margin-top: 78px;display: flex;justify-content: center}
.index_info .info_in .info_list .info_item {padding-bottom: 103px;width: 33.3333%;background: #fff}
.index_info .info_in .info_list .info_item:nth-child(2) {background: #efeeed}
.index_info .info_in .info_list .info_item .date {margin: 0 auto;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 166px;height: 164px;background: #cfcbc7;-webkit-transition: all .3s;transition: all .3s}
.index_info .info_in .info_list .info_item .date .month {position: relative;width: 100%;height: 54px;line-height: 54px;font-size: 20px;color: #fff;font-family: Poppins-Regular;text-align: center;-webkit-transition: all .3s;transition: all .3s}
.index_info .info_in .info_list .info_item .date .month:before {display: block;content: '';position: absolute;left: 50%;bottom: 0;width: 19px;height: 1px;background: #fff;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .3s;transition: all .3s}
.index_info .info_in .info_list .info_item .date .day {width: 100%;height: 88px;line-height: 88px;font-size: 60px;color: #fff;font-family: Poppins-Regular;text-align: center;-webkit-transition: all .5s;transition: all .5s}
.index_info .info_in .info_list .info_item .title {margin: 34px auto 0;width: 81.25%;height: 35px;line-height: 35px;font-size: 22px;color: #333;font-family: Poppins-Regular;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.index_info .info_in .info_list .info_item .brief {margin: 27px auto 0;width: 81.25%;height: 171px;line-height: 35px;font-size: 16px;color: #555;font-family: Poppins-Regular;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical}
.index_info .info_in .info_list .info_item .btn {display: block;margin: 50px auto 0;width: 195px;height: 55px;border: 2px solid #000;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s}
.index_info .info_in .info_list .info_item .btn .btn_in {line-height: 55px}
.index_info .info_in .info_list .info_item:hover .date {background: #ffe630}
.index_info .info_in .info_list .info_item:hover .date .month,.index_info .info_in .info_list .info_item:hover .date .day {color: #000}
.index_info .info_in .info_list .info_item:hover .date .month:before {background: #000}
.index_info .info_in .info_list .info_item:hover .btn {background: #ffe630;border-color: #ffe630}
.index-product {padding-top: 74px;background: url(../images/index-product-bg.png) no-repeat}
.index-product .index-product-title {font-size: 48px;font-family: opensans-bold;color: #000;text-align: center}
.index-product .index-product-content {line-height: 26px;font-size: 14px;color: #333;margin: 15px auto 44px;text-align: center;width: 53%}
.index-product #tabv {display: flex;margin-bottom: 64px}
.index-product #tabv .item {width: 12.5%;text-align: center;cursor: pointer}
.index-product #tabv .item .desc {font-size: 14px;color: #0c0c0c;margin-top: 17px}
.index-product #tabv .item .img { position:relative; padding-top:40%; /*min-height: 62px;display: inline-block;*/display:block; vertical-align: middle;}
.index-product #tabv .item .img img{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index-product #tabv .item .img .one {display: block}
.index-product #tabv .item .img .two {display: none}
.index-product #tabv .item:hover .one {display: none}
.index-product #tabv .item:hover .two {display: block}
.index-product #tabv .item:hover .desc {color: #0a8a3c}
.index-product #tabv .item.cur .desc {color: #0a8a3c}
.index-product #tabv .item.cur .one {display: none}
.index-product #tabv .item.cur .two {display: block}
.index-product .tab .item {position: relative;width: 23.4875%;margin-right: 2.083%;background: #fff;padding-bottom: 70px;max-width: 300px;border: 1px solid #e7e7e7;box-sizing: border-box;float: left;margin-bottom: 30px}
.index-product .tab .item .pic_box{ position:relative; padding-top:100%; }
.index-product .tab .item .pic_box img{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; }
.index-product .tab .item .inquiry {position: absolute;left: 0;bottom: 0;width: 100%}
.index-product .tab .item .inquiry a {padding-left: 34px;color: #fff;text-align: center;display: block;height: 48px;text-decoration: none;text-transform: inherit;line-height: 48px;background: url(../images/product_inquiry.png) no-repeat center #0f9544;background-position: calc(50% - 50px);font-size: 14px}
.index-product .tab .item:nth-child(4n) {margin-right: 0}
.index-product .tab .item .item_title a {font-size: 14px;min-height: 48px;max-height: 48px;overflow: hidden;text-decoration: none;line-height: 24px;width: 80%;text-align: center;margin: 25px auto 0;display: block}
.index-product .tab .item:hover .item_title a {color: #0a8a3c}
#index_products_list .item .item_top {position: relative;padding-top: calc(100 - 2px)}
#index_products_list .item .item_top a {line-height: 0;overflow: hidden;text-align: center;font-size: 0;width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0}
.index-product .more {text-align: center}
.index-product .more a {display: inline-block;text-transform: uppercase;text-decoration: none;padding: 0 40px;margin: 50px auto 90px;background: #ffb839;color: #333;font-family: opensans-semibold;height: 54px;line-height: 54px;text-align: center;font-size: 16px}
.choose .left {width: 50%;float: left;text-align: left;background: url(../images/index_choose.jpg) no-repeat;min-height: 723px;box-sizing: border-box}
.choose .left .left_cont {width: 100%;max-width: 640px;padding-left: 33.33%;padding-top: 7.5%}
.choose .right {width: 50%;padding-top: 4%;float: left;text-align: left;background: url(../images/index_choose_two.jpg) no-repeat;min-height: 723px;box-sizing: border-box}
.choose .right .right_cont {width: 100%;text-align: normal;max-width: 640px}
.choose .right .right_cont .ueeshop_responsive_article_feedback_2 {width: 100%;max-width: 600px;padding-left: 9.375%}
.choose .left .title {font-family: opensans-bold;font-size: 48px;color: #fff;margin-bottom: 100px}
.choose .left .ul {display: flex;flex-wrap: wrap}
.choose .left .li {position: relative;width: 46.875%;padding-top: 20px;margin-bottom: 66px}
.choose .left .li:nth-child(2n) {width: calc(100% - 46.875%)}
.choose .left .li::before {position: absolute;left: 0;top: 0;width: 60px;height: 2px;background: #fff;content: ''}
.choose .left .li::after {position: absolute;left: 62px;top: 0;width: 3px;height: 2px;background: #fff;content: ''}
.choose .left .top {font-size: 32px;color: #ffb839;font-family: opensans-bold}
.choose .left .bottom {font-size: 18px;color: #eee}
#feedback_list_2 {max-height: 50px!important}
.ueeshop_responsive_article_feedback_2 .article_feedback_title .title {font-size: 48px;font-family: opensans-bold;color: #eee}
.ueeshop_responsive_article_feedback_2 .article_feedback_title .title_2 {font-size: 16px;color: #eee}
#feedback_list_2 .item {color: #eee;font-size: 14px;margin-bottom: 30px}
.ueeshop_responsive_article_feedback_2 .rows.input_rows {width: 100%;margin-bottom: 20px;box-sizing: border-box}
.ueeshop_responsive_article_feedback_2 .rows .input {font-size: 14px;color: #888;width: 100%;height: 50px;line-height: 50px;border: none;background-color: #f0f0f0;text-indent: 10px;box-sizing: border-box}
.ueeshop_responsive_article_feedback_2 .rows textarea {width: 100%;background-color: #f0f0f0;height: 180px;padding: 5px 5px 5px 11px;font-size: 14px;color: #888;border: none;box-sizing: border-box}
.ueeshop_responsive_article_feedback_2 .rows {width: 100%}
.ueeshop_responsive_article_feedback_2 .rows.submit .form_button {box-sizing: content-box;margin-top: 50px;padding: 0 40px;display: inline-block;height: 54px;text-transform: uppercase;line-height: 54px;background: #ffb839;font-family: opensans-semibold;font-size: 16px;border: none;color: #000;cursor: pointer}
.index-about {padding-top: 90px;position: relative;padding-bottom: 92px}
.index-about::before {display: block;content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 179px;background: url(../images/index-about-bg.png) no-repeat center;z-index: -1}
.index-about .left {width: 51.390625%;float: left;margin-right: 1%}
.index-about .right {width: 42.1875%;margin-right: 18px;margin-top: 29px;float: right;line-height: 0}
.index-about .title_0 img {display: inline-block;vertical-align: middle;margin-right: 15px}
.index-about .title_0 {font-size: 18px;color: #000;font-family: opensans-bold;vertical-align: middle;display: inline-block;text-transform: uppercase;margin-left: 14px}
.index-about .title_1 {font-family: opensans-bold;color: #126833;font-size: 42px;line-height: 50px;margin-top: 20px;margin-bottom: 30px}
.index-about .content {font-size: 14px;line-height: 36px;color: #111;width: 95%}
.index-about .ul {max-width: 560px;margin-top: 30px;padding-bottom: 30px}
.index-about .ul .li {cursor: pointer;float: left;text-align: center;margin-right: 8%;width: max-content}
.index-about .ul .li:nth-child(4) {margin-right: 0}
.index-about .ul .li .top {width: 80px;height: 80px;margin: 0 auto;background: #fff;box-shadow: 0 10px 10px #eee;border-radius: 50%;display: flex;justify-content: center;align-items: center}
.index-about .ul .li .top .one {display: block}
.index-about .ul .li .top .two {display: none}
.index-about .ul .li:hover .top {background: #ffb839}
.index-about .ul .li:hover .one {display: none}
.index-about .ul .li:hover .two {display: block}
.index-about .ul .li .bottom {font-size: 16px;color: #000;line-height: 20px;margin-top: 18px;font-family: proxima-nova}
.index-about .ul .li:hover .bottom {color: #ffb839}
.index-review {min-height: 507px;background: url(../images/index-review.jpg) no-repeat #f7f7f5;padding-top: 73px}
.index-review .index-review-title {font-size: 48px;color: #fff;font-family: opensans-bold;text-align: center}
.index-review .index-review-content {font-size: 14px;line-height: 24px;width: 45%;margin: 9px auto 73px;text-align: center;color: #ccc}
.index-review .item {display: flex;position: relative}
.index-review .item_left {width: 50%}
.index-review .item_left a {display: block;position: relative;line-height: 0}
.index-review .item_left .pause {width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-sizing: border-box;border: 2px solid #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center}
.index-review .item_right {width: 50%;min-height: 480px;background: #fff;box-sizing: border-box;padding: 5.2% 3% 3%;box-shadow: 0 0 10px #ddd}
.index-review .item_right .img {margin-left: 4%}
.index-review .item_right .title {font-size: 24px;color: #000;line-height: 30px;font-family: opensans-semibold;margin-top: 6%;margin-left: 4%;margin-bottom: 5.1%}
.index-review .item_right .desc {font-size: 16px;line-height: 30px;margin-left: 4%;color: #333;margin-bottom: 11%}
#index_review_list .arrow {display: none}
.index-review .item_right .intro {font-size: 0;margin-left: 1%}
.index-review .item_right .intro .intro_left {display: inline-block;max-width: 60px;vertical-align: middle;margin-right: 16px}
.index-review .item_right .intro .intro_right {width: calc(99% - 76px);display: inline-block;vertical-align: middle;margin-left: 1%}
.index-review .item_right .intro .author {font-size: 20px;font-family: opensans-semibold;color: #000}
.index-review .item_right .intro .identity {font-size: 16px;color: #333}
.index-review .arrow {position: absolute;bottom: 28%;left: 43.5%;z-index: 55;font-size: 0;width: 80px}
.index-review .arrow .arrow_left {width: 14px;height: 22px;background: url(../images/index-review-left.png) no-repeat;display: inline-block;cursor: pointer;margin-right: 31px}
.index-review .arrow .arrow_left:hover {background-image: url(../images/index-review-left-bg.png)}
.index-review .arrow .arrow_right {width: 14px;height: 22px;background: url(../images/index-review-right.png) no-repeat;display: inline-block;cursor: pointer}
.index-review .arrow .arrow_right:hover {background-image: url(../images/index-review-right-bg.png)}
.index-review .more {text-align: center}
.index-review .more a {display: inline-block;padding: 0 40px;text-transform: uppercase;text-decoration: none;margin: 80px auto 90px;background: #ffb839;color: #333;font-family: opensans-semibold;height: 54px;line-height: 54px;text-align: center;font-size: 16px}
.index-partner {background: url(../images/index-partner-bg.jpg) no-repeat;min-height: 517px;padding-top: 80px;box-sizing: border-box}
.index-partner .index-partner-title {font-size: 48px;color: #fff;font-family: opensans-bold;text-align: center}
.index-partner .index-partner-content {font-size: 14px;line-height: 24px;width: 60%;margin: 14px auto 71px;text-align: center;color: #f2f2f2}
.index-partner .partners-box {max-width: 1800px;margin: 0 auto}
.index-partner .swiper-pagination-bullet-active {background: #ffb839}
.index-partner .swiper-wrapper {padding-bottom: 85px}
.index-partner .swiper-pagination-bullet {width: 12px;height: 12px}
.index-news {padding-top: 71px;position: relative;padding-bottom: 90px}
.index-news::before {display: block;content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 179px;background: url(../images/index-about-bg.png) no-repeat center;z-index: -1}
.index-news .index-news-title {font-size: 48px;color: #000;font-family: opensans-bold;text-align: center}
.index-news .index-news-content {font-size: 14px;line-height: 24px;width: 48%;margin: 14px auto 51px;text-align: center;color: #555}
.index-news .item {border: 1px solid #e7e7e7;box-sizing: border-box;cursor: pointer}
.index-news .item_bottom {padding: 5.4% 5.4% 9%}
.index-news .item_bottom .item_title {display: block;text-decoration: none;font-size: 24px;font-family: opensans-semibold;color: #000;line-height: 30px;margin-bottom: 12px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden}
.index-news .item_bottom .date {font-size: 14px;color: #555;margin-bottom: 23px}
.index-news .item_bottom .desc {font-size: 14px;color: #555;line-height: 24px;margin-bottom: 27px;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden}
.index-news .item_bottom .more_t a {font-size: 16px;text-decoration: none;color: #ffb839;padding-right: 20px;position: relative;display: inline-block}
.index-news .item_bottom .more_t a::before {position: absolute;content: '';background: url(../images/index-new-more.png) no-repeat;width: 13px;height: 12px;right: 0;top: 5px}
.index-news .item_bottom .more_t a:hover {transform: translateX(10px)}
.index-news .swiper-wrapper {}
.index-news .item_bottom .date img {margin-right: 10px}
.index-news .item_bottom:hover .desc {color: #0a8a3c}
.index-news .item_bottom:hover .item_title {color: #0a8a3c}
.index-news .swiper-pagination-bullet-active {background: #ffb839}
.index-news .swiper-pagination-bullet {width: 12px;height: 12px}
.index-news .more {text-align: center}
.index-news .more a {display: inline-block;text-transform: uppercase;text-decoration: none;padding: 0 40px;margin: 60px auto 90px;background: #ffb839;color: #333;font-family: opensans-semibold;height: 54px;line-height: 54px;text-align: center;font-size: 16px}
.index-feedback {background: #f7f7f5;padding-top: 4px;padding-bottom: 88px;position: relative}
.index-feedback .index-feedback-title {font-size: 48px;color: #000;font-family: opensans-bold;text-align: center}
.index-feedback .index-feedback-content {font-size: 14px;line-height: 24px;width: 46%;margin: 10px auto 51px;text-align: center;color: #555}
.index-feedback .wrap1 {width: 1200px;margin: 0 auto}
.index-feedback .wrap1 .item {background: #fff;box-sizing: border-box;padding: 3.3% 3% 4% 3.3%}
.index-feedback .wrap1 .item .img {float: left}
.index-feedback .wrap1 .item .time {float: right;font-size: 16px;color: #333}
.index-feedback .wrap1 .item .top {margin-bottom: 24px}
.index-feedback .wrap1 .item .desc {font-size: 14px;line-height: 28px;color: #555;margin-bottom: 32px;max-height: 84px}
.index-feedback .item .intro {font-size: 0}
.index-feedback .item .intro .intro_left {display: inline-block;max-width: 60px;vertical-align: middle;margin-right: 16px}
.index-feedback .item .intro .intro_right {width: calc(100% - 76px);display: inline-block;vertical-align: middle}
.index-feedback .item .intro .author {font-size: 18px;font-family: opensans-semibold;color: #222}
.index-feedback .item .intro .identity {font-size: 14px;color: #666}
.index-feedback .wrap1 .arrow {display: none}
.index-feedback .arrow .arrow_left {width: 14px;height: 22px;position: absolute;left: 0;top: 66%;background: url(../images/index-review-left-bg.png) no-repeat;display: inline-block;cursor: pointer}
.index-feedback .arrow .arrow_right {width: 14px;height: 22px;position: absolute;right: 0;top: 66%;background: url(../images/index-review-right-bg.png) no-repeat;display: inline-block;cursor: pointer}
.index-feedback .swiper-pagination-bullet-active {background: #ffb839}
.index-feedback .swiper-pagination-bullet {width: 12px;height: 12px}
.index-feedback .swiper-pagination {display: none}
.index-contact {background: url(../images/index-contact-bg.jpg) no-repeat;padding-top: 80px;padding-bottom: 54px;min-height: 818px;box-sizing: border-box}
.index-contact .index-contact-title {font-size: 48px;color: #fff;font-family: opensans-bold;text-align: center}
.index-contact .index-contact-content {font-size: 14px;line-height: 24px;width: 46%;margin: 10px auto 70px;text-align: center;color: #eee}
.index-contact .left {width: 34.375%;box-sizing: border-box;background: #1d8144;float: left;padding: 4.5% 1.5% 4% 3.2%;position: relative}
.index-contact .right {width: 60.9375%;box-sizing: border-box;float: right}
.index-contact .left .erweima {max-width: 122px;position: absolute;right: 8%;bottom: 18%;width: 27.723%}
.index-contact .left .company {min-height: 22px;padding-left: 48px;font-size: 18px;line-height: 23px;color: #fff;position: relative;margin-bottom: 33px}
.index-contact .left .company::before {position: absolute;left: 0;top: 0;background: url(../images/index-contact-01.png) no-repeat;width: 34px;height: 36px;content: ''}
.index-contact .left .address {min-height: 22px;padding-left: 48px;font-size: 16px;line-height: 20px;color: #fff;position: relative;margin-bottom: 26px}
.index-contact .left .address::before {position: absolute;left: 0;top: 0;background: url(../images/index-contact-02.png) no-repeat;width: 24px;height: 34px;content: ''}
.index-contact .left .email a {padding-left: 48px;max-width: 180px;word-break: break-word;font-size: 16px;line-height: 30px;color: #fff;position: relative;margin-bottom: 29px;display: block}
.index-contact .left .email a::before {position: absolute;left: 0;top: 0;background: url(../images/index-contact-04.png) no-repeat;width: 32px;height: 32px;content: ''}
.index-contact .left .mobile {min-height: 22px;padding-left: 48px;max-width: 180px;word-break: break-word;font-size: 16px;line-height: 30px;color: #fff;position: relative;margin-bottom: 34px}
.index-contact .left .mobile::before {position: absolute;left: 0;top: 0;background: url(../images/index-contact-03.png) no-repeat;width: 30px;height: 36px;content: ''}
.index-contact .left .phone {min-height: 22px;padding-left: 48px;max-width: 180px;word-break: break-word;font-size: 16px;line-height: 30px;color: #fff;position: relative;margin-bottom: 34px}
.index-contact .left .phone::before {position: absolute;left: 0;top: 0;background: url(../images/index-contact-05.png) no-repeat;width: 29px;height: 29px;content: ''}
.ueeshop_responsive_article_feedback_3 .rows .input {font-size: 14px;color: #888;width: 100%;height: 50px;line-height: 50px;border: none;background-color: #f7f7f5;text-indent: 10px;box-sizing: border-box}
.ueeshop_responsive_article_feedback_3 .rows textarea {width: 100%;background-color: #f7f7f5;height: 221px;padding: 5px 5px 5px 11px;font-size: 14px;color: #888;border: none;box-sizing: border-box}
.ueeshop_responsive_article_feedback_3 .rows {width: 100%;margin-bottom: 20px}
.ueeshop_responsive_article_feedback_3 .rows.submit .form_button {box-sizing: content-box;margin-top: 22px;padding: 0 40px;height: 54px;text-transform: uppercase;line-height: 54px;background: #ffb839;font-family: opensans-semibold;font-size: 16px;border: none;color: #000;cursor: pointer}
.ueeshop_responsive_article_feedback_3 .rows.submit {margin-bottom: 0}
@media screen and (max-width: 1720px) {
    .choose .left .left_cont {padding-left:5%;box-sizing: border-box}
}

@media screen and (max-width: 1460px) {.index_top {width:95%}
    .index-product {background-size: cover}
    .index_pro {padding: 110px 20px}
}

@media screen and (max-width: 1280px) {.index-feedback .wrap1 {width:90%}
.index-product .tab .item {margin-right: 2%}
.choose .right .right_cont .ueeshop_responsive_article_feedback_2 {box-sizing: border-box;padding: 0 3%}
.choose .left .top {font-size: 24px}
.index-review .arrow {padding-left: 40%}
.index-contact {background-size: cover}
.index-contact .left .phone {max-width: 180px}
.index-contact .left .mobile {max-width: 180px}
.index-contact .left .email a {max-width: 180px}
.index-contact .left {padding-left: 1.2%}
.index-feedback .arrow .arrow_left {left: 1%}
.index-feedback .arrow .arrow_right {right: 1%}
}

@media screen and (max-width: 1180px) {
    .index-contact .left .phone {max-width:160px}
    .index-contact .left .mobile {max-width: 160px}
    .index-contact .left .email a {max-width: 160px}
}

@media screen and (max-width: 991px) {
    .index-contact .left {float:none;width: 100%;margin-bottom: 30px}
    .index-contact .right {float: none;width: 100%}
    .ueeshop_responsive_article_feedback_3 .rows {margin-bottom: 10px}
    .ueeshop_responsive_article_feedback_3 .rows .input {line-height: 40px;height: 40px;font-size: 15px}
    .ueeshop_responsive_article_feedback_3 .rows textarea {height: 130px;font-size: 15px}
    .index-contact .left .company {font-size: 14px;padding-left: 34px;line-height: 22px;margin-bottom: 16px}
    .index-contact .left .company::before {top: 6px;background-size: 80%}
    .index-contact .left .address {font-size: 14px;padding-left: 34px;line-height: 22px;margin-bottom: 13px}
    .ueeshop_responsive_article_feedback_3 .rows.submit .form_button {max-width: 155px;height: 40px;line-height: 40px;font-size: 15px;padding: 0 20px}
    .index-contact .left .address::before {background-size: 80%;top: 0}
    .index-contact .left .mobile {font-size: 14px;padding-left: 34px;line-height: 32px;margin-bottom: 17px;max-width: 160px}
    .index-contact .left .mobile::before {background-size: 80%;top: 5px}
    .index-contact .left .email a {font-size: 14px;padding-left: 34px;line-height: 32px;margin-bottom: 17px;max-width: 160px}
    .index-contact .left .email a::before {background-size: 80%;top: 5px}
    .index-contact .left .phone {font-size: 14px;padding-left: 34px;line-height: 32px;margin-bottom: 17px;max-width: 160px}
    .index-contact .left .phone::before {background-size: 80%;top: 5px}
}

@media screen and (max-width: 850px) {
    .index_top {flex-wrap:wrap;flex-direction: column-reverse}
    .index_top .left {width: 100%}
    .index_top .left .content {margin-top: 50px;text-align: center}
    .index_top .left .content .btn {margin: 30px auto 0}
    .index_top .right {width: 100%}
    .index-contact .left .phone {max-width: 180px}
    .index-contact .left .mobile {max-width: 180px}
    .index-contact .left .email a {max-width: 180px}
    .index_mid .img_list .img_item {width: 100%}
}

@media screen and (max-width: 768px) {
    .index-product .index-product-title {font-size:26px}
    .index-product {background: 0 0;padding-top: 32px}
    .index-product .index-product-content {line-height: 24px;margin-top: 5px;margin-bottom: 25px;width: 100%}
    .index-product #tabv .item .img {min-height: inherit;max-height: 40px;margin: 5px 0}
    .index-product #tabv .item img {max-height: 40px}
    .index-product #tabv .item {width: 31%;border: 1px solid #e7e7e7;margin-bottom: 10px}
    .index-product #tabv {flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px}
    .index-product #tabv::after {width: 31%;content: ''}
    .index-product #tabv .item .desc {margin-top: 0;line-height: 30px}
    .index-product .tab .item {width: 48%;margin-right: 4%;margin-bottom: 15px;padding-bottom: 60px}
    .index-product .tab .item:nth-child(2n) {margin-right: 0}
    .index-product .tab .item .item_title a {margin-top: 12px}
    .index-product .tab .item .item_title a {font-size: 13px;line-height: 23px;max-height: 46px;overflow: hidden}
    .index-product .more a {max-width: 210px;line-height: 45px;font-size: 14px;height: 45px;margin: 30px auto 45px;padding: 0 20px}
    .index-product .tab .item .inquiry a {height: 40px;line-height: 40px}
    .choose .left .left_cont {padding: 30px 15px}
    .choose .left .title {font-size: 26px;text-align: center;margin-bottom: 25px}
    .choose .left {float: none;width: 100%;min-height: inherit;background-size: 100% 100%}
    .choose .left .li {margin-bottom: 37px;padding-top: 10px}
    .choose .left .top {font-size: 23px}
    .choose .left .li::before {width: 30px}
    .choose .left .bottom {font-size: 14px}
    .choose .right {float: none;width: 100%;min-height: inherit;padding: 36px 0}
    .choose .left .li::after {left: 32px}
    .ueeshop_responsive_article_feedback_2 .article_feedback_title .title_2 {font-size: 14px;margin-bottom: 10px}
    .choose .right .right_cont .ueeshop_responsive_article_feedback_2 {padding: 0 15px}
    .ueeshop_responsive_article_feedback_2 .article_feedback_title .title {font-size: 26px}
    .ueeshop_responsive_article_feedback_2 .rows.input_rows {margin-bottom: 10px}
    .ueeshop_responsive_article_feedback_2 .rows .input {height: 40px;line-height: 40px}
    .ueeshop_responsive_article_feedback_2 .rows textarea {height: 120px}
    .ueeshop_responsive_article_feedback_2 .rows.submit .form_button {margin-top: 20px;padding: 0 20px;margin-bottom: 9px;height: 40px;line-height: 40px;font-size: 14px}
    .index-about {padding-top: 45px}
    .index-about .title_0 {font-size: 16px}
    .index-about .title_1 {font-size: 22px;line-height: 36px;margin-top: 10px;margin-bottom: 15px}
    .index-about .left {float: none;width: 100%}
    .index-about .right {float: none;width: 100%;margin-top: 40px;text-align: center}
    .index-about .content {font-size: 13px;line-height: 26px}
    .index-about .ul {margin-top: 30px;padding-bottom: 0}
    .index-about .ul .li .bottom {font-size: 12px}
    .index-about .ul .li {width: 23%;margin-right: 2%}
    .index-review {min-height: inherit;padding-top: 36px;background-size: auto 28%}
    .index-review .index-review-title {font-size: 26px}
    .index-review .index-review-content {font-size: 13px;line-height: 22px;width: 90%;margin: 5px auto 40px}
    .index-review .item_left {float: none;width: 100%}
    .index-review .item_right {float: none;width: 100%;padding-top: 8%;padding-bottom: 10%;min-height: inherit}
    .index-review .item {flex-wrap: wrap}
    .index-review .item_left .pause {width: 50px;height: 50px;text-align: center}
    .index-review .item_left .pause img {width: 50%}
    .index-review .item_left a {text-align: center}
    .index-review .arrow {padding-left: 0;right: 0;top: 40%;transform: translateY(-40%);left: unset;bottom: unset}
    .index-review .item_right .title {font-size: 16px;margin-top: 15px;margin-bottom: 20px;margin-left: 4%}
    .index-review .item_right .desc {font-size: 14px;line-height: 26px;margin-bottom: 30px}
    .index-review .item_right .intro .author {font-size: 15px}
    .index-review .item_right .img img {max-width: 20px}
    .index-review .item_right .intro .identity {font-size: 13px}
    .index-review .more a {padding: 0 20px;max-width: 210px;line-height: 45px;font-size: 14px;height: 45px;margin: 40px auto 45px}
    .index-partner {min-height: inherit;padding-top: 45px;padding-bottom: 30px}
    .index-partner .index-partner-title {font-size: 26px}
    .index-partner .index-partner-content {font-size: 13px;line-height: 22px;margin: 7px auto 35px;width: 100%}
    .index-partner .partners-box {padding: 0 15px}
    .index-partner .swiper-pagination-bullet {width: 8px;height: 8px}
    .index-partner .swiper-wrapper {padding-bottom: 50px}
    .index-news {padding-top: 36px;padding-bottom: 45px}
    .index-news .index-news-title {font-size: 26px}
    .index-news .index-news-content {font-size: 13px;line-height: 22px;margin: 7px auto 26px;width: 100%}
    .index-news .item_bottom .item_title {font-size: 17px;line-height: 22px;max-height: 44px;margin-bottom: 6px}
    .index-news .item_bottom .date {margin-bottom: 11px;margin-top: 11px}
    .index-news .item_bottom .desc {font-size: 13px;line-height: 22px;margin-bottom: 13px}
    .index-news .item_bottom .more_t a {font-size: 15px}
    .index-news .swiper-wrapper {padding-bottom: 40px}
    .index-news .swiper-pagination-bullet {width: 8px;height: 8px}
    .index-news .more a {max-width: 210px;line-height: 45px;font-size: 14px;height: 45px;margin: 10px auto 45px;padding: 0 20px}
    .index-feedback {padding-top: 2px;padding-bottom: 10px}
    .index-feedback .index-feedback-title {font-size: 26px}
    .index-feedback .index-feedback-content {font-size: 13px;line-height: 22px;margin: 7px auto 26px;width: 100%}
    .index-feedback .arrow {display: none}
    .index-feedback .wrap1 {width: 100%}
    .index-feedback .swiper-pagination-bullet {width: 8px;height: 8px}
    .index-feedback .swiper-pagination {display: block}
    .index-feedback .wrap1 .item .time {font-size: 14px}
    .index-feedback .swiper-wrapper {padding-bottom: 50px}
    .index-feedback .wrap1 .item .top {margin-bottom: 12px}
    .index-feedback .item .intro .intro_left {margin-right: 10px}
    .index-feedback .item .intro .intro_left img {max-width: 40px}
    .index-feedback .wrap1 .item .desc {font-size: 13px;line-height: 26px;margin-bottom: 13px}
    .index-feedback .item .intro .author {font-size: 15px}
    .index-feedback .item .intro .identity {font-size: 13px}
    .index-contact {padding-top: 36px;padding-bottom: 45px}
    .index-contact .index-contact-title {font-size: 26px}
    .index-contact .index-contact-content {font-size: 13px;line-height: 22px;margin: 7px auto 26px;width: 100%}
}

@media screen and (max-width: 750px) {
    .btn .btn_in {padding-right:3.2vw;line-height: 13.3333vw;background: url(../images/btn_icon.png) no-repeat center right/1.2vw 2.0vw;font-size: 4vw}
    .index_top {padding: 10vw 0}
    .index_top .left .content {margin-top: 6.6667vw}
    .index_top .left .content .title {height: 17.0667vw;line-height: 8.5333vw;font-size: 6.4vw}
    .index_top .left .content .brief {margin-top: 3.4667vw;line-height: 5.3333vw;font-size: 4vw}
    .index_top .left .content .btn {margin: 4vw auto;width: 52vw;height: 13.3333vw}
    .index_top .right .img_a:before {width: 12.4vw;height: 12.4vw;background: url(../images/play_icon.png) no-repeat center/2.4vw 2.8vw}
    .index_mid .img_list .img_item .content .title {height: 6.1333vw;line-height: 6.1333vw;font-size: 4.8vw}
    .index_mid .img_list .img_item .content .btn {margin-top: 2vw;height: 4.6667vw;line-height: 4.6667vw;font-size: 4vw}
    .index_pro {padding: 10.6667vw 2.6667vw}
    .index_pro .toptitle {height: 6.1333vw;line-height: 6.1333vw;font-size: 6.4vw}
    .index_pro .indprolist {grid-template-columns: repeat(2,48.7%);grid-gap: 5.2667vw 2.6389%;margin-top: 10.2667vw}
    .index_pro .indprolist .item .pic {height: 44.1333vw}
    .index_pro .indprolist .item .name {margin-top: 2.4vw;height: 4vw}
    .index_pro .indprolist .item .name a {line-height: 4vw;font-size: 4vw}
    .index_info .info_in .info_list {flex-wrap: wrap}
    .index_info .info_in .info_list .info_item {width: 100%}
    .index_pro .btn {margin: 10vw auto 0;width: 52vw;height: 13.3333vw;border-width: .2667vw}
    .index_pro .btn .btn_in {line-height: 13.3333vw}
    .index_info {padding: 10.4vw 0 10.3333vw}
    .index_info .info_in .toptitle {height: 6.1333vw;line-height: 6.1333vw;font-size: 6.4vw}
    .index_info .info_in .info_list {margin: 10.4vw auto 0;width: 95%}
    .index_info .info_in .info_list .info_item {margin-top: 2.6667vw;padding-bottom: 10.7333vw}
    .index_info .info_in .info_list .info_item:first-child {margin-top: 0}
    .index_info .info_in .info_list .info_item .title {margin: 4.5333vw auto 0;height: 4.6667vw;line-height: 4.6667vw;font-size: 4vw}
    .index_info .info_in .info_list .info_item .brief {margin: 3.6vw auto 0;height: 22.8vw;line-height: 4.6667vw;font-size: 3.3333vw}
    .index_info .info_in .info_list .info_item .btn {margin: 6.6667vw auto 0;width: 52vw;height: 13.3333vw;border-width: .2667vw}
    .index_info .info_in .info_list .info_item .btn .btn_in {line-height: 13.3333vw}
}