.contentWH1400{width: 72.92%;height: auto;margin: 0px auto;}
.contentWH1600{width: 83.3%;height: auto;margin: 0px auto;overflow: hidden;}
@font-face{
     font-family: 'Lato-Black';
     src: url('../font/Lato-Black.ttf');
}
@font-face{
     font-family: 'Lato-Bold';
     src: url('../font/Lato-Bold.ttf');
}
@font-face{
     font-family: 'Lato-Light';
     src: url('../font/Lato-Light.ttf');
}
@font-face{
     font-family: 'Lato-Regular';
     src: url('../font/Lato-Regular.ttf');
}
@font-face{
     font-family: 'Poppins-Regular';
     src: url('../font/Poppins-Regular.ttf');
}
.header{width: 100%;height: auto;}
.header_top_box{width: 100%;height: auto;background: #262626;}
.header_top_content{width: 100%;height: 40px;display: flex;justify-content: space-between;align-items: center;}
.header_top_content_ul{display: flex;justify-content: flex-start;align-items: center;height: 100%;}
.header_top_content_ul li{display: flex;justify-content: flex-start;align-items: center;}
.header_top_content_ul li img{width: 16px;height: auto;display: block;}
.header_top_content_ul li a{color: #FFFFFF;font-size: 16px;color: #FFFFFF;font-weight:300;display: block;margin-left: 5px;}
.header_top_content_ul li + li{margin-left: 40px;}
.header_top_content_ul li:nth-of-type(2) img{margin-top: 5px;}
.header_top_content_right{height: 100%;display: flex;justify-content: flex-end;align-items: center;}
.header_top_content_right_left{display: flex;justify-content: flex-start;align-items: center;height: 100%;}
.header_top_content_right_share{display: flex;justify-content: flex-start;align-items: center;height: 100%;}
.header_top_content_right_share a{display: block;width: 18px;height: auto;}
.header_top_content_right_share a img{width: 100%;height: auto;display: block;}
.header_top_content_right_share a + a{margin-left: 15px;}
.header_top_content_right_language{width: 20px;height: 100%;display: flex;align-items: center;margin-left: 19px;cursor: pointer;position: relative;}
.header_top_content_right_language span{display: block;width: 100%;height: auto;}
.header_top_content_right_language span img{width: 100%;height: auto;display: block;}
.header_top_content_right_language_box{width: 80px;max-height: 0;overflow: hidden;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;background: #FFFFFF;transition: all 0.6s;z-index: 9;}
.header_top_content_right_language_box a{font-size: 36px;display: block;width: 100%;line-height: 36px;border-bottom: 1px solid #EEEEEE;padding: 0 8px;font-size: 16px;color: #333333;font-weight:300;text-align: center;}
.header_top_content_right_language:hover .header_top_content_right_language_box{max-height: 800px;}
.header_top_content_right_language_box a:hover{color: #FFFFFF;background: #ed6a00;}
.header_top_content_right_right{width: 217px;height: 29px;position: relative;margin-left: 54px;}
.header_top_content_right_right form{display: block;width: 100%;height: 100%;}
.header_top_content_right_right_search{display: block;width: 100%;height: 100%;background: rgba(86, 86, 86, 0.2);border-radius: 5px;border: none;outline: none;padding-left: 12px;color: #FFFFFF;}
.header_top_content_right_right_btn{display: block;width: 16px;height: 16px;background: url(../image/header_top_search_ico.png) no-repeat center center;border: none;outline: none;position: absolute;right: 11px;top: 50%;transform: translateY(-50%);cursor: pointer;}
.header_bottom_box{width: 100%;height: auto;background: #FFFFFF;}
.header_bottom_content{width: 100%;height: 100px;display: flex;justify-content: space-between;align-items: center;}
.header_bottom_content_left{display: flex;justify-content: flex-start;align-items: center;}
.header_bottom_content_left_logo{width: 163px;height: auto;padding-right: 7px;position: relative;}
.header_bottom_content_left_logo img{width: 100%;height: auto;display: block;}
.header_bottom_content_left_logo:after{content: "";display: block;width: 2px;height: 40px;background: #ec6600;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: 0.3;}
.header_bottom_content_left_txt{padding-left: 7px;}
.header_bottom_content_left_txt h4{font-size: 20px;color: #EC6600; line-height: 1.4;}
.header_bottom_content_left_txt p{font-size: 16px;color: #3e3e3e;font-weight:300;margin-top: 5px;}
.header_bottom_content_right{display: flex;justify-content: flex-end;height: 100%;}
.header_bottom_content_right li{height: 100%;position: relative;display: flex;align-items: center;}
.hd_btn{display: none;position: relative;float: right;width: 8vw;height: 5vw;cursor: pointer;}
.hd_btn span{position: absolute;left: 0;top: 0px;width: 100%;height: 0.5vw;background-color: #EB6000;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hd_btn .s1 {top: 0;}
.hd_btn .s2 {top: 2vw;}
.hd_btn .s3 {top: 4vw;}
.hd_btn.on .s1 {top: 2vw;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.hd_btn.on .s2 {opacity: 0;}
.hd_btn.on .s3 {top: 2vw;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.frist_link{font-size: 18px;color: #262626; letter-spacing: 1px;}
.header_bottom_content_right li + li{margin-left: 30px;}
.header_bottom_content_right_list{width: 240px;height: auto;background: #FFFFFF;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);display: none;z-index: 9;}
.header_bottom_content_right li:hover .header_bottom_content_right_list{display: block;}
.header_bottom_content_right li.on .frist_link{color: #EC6600;}
.header_bottom_content_right_list_two{width: 100%;height: 45px;display: flex;align-items: center;border-bottom: 1px solid #EEEEEE;}
.second_link,.third_link{font-size: 16px;color: #262626;padding: 0 8px; white-space: nowrap;}
.header_bottom_content_right_list_three{width: 240px;height: 100%;position: absolute;left: 100%;top: 0;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);display: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.third_link{width: 100%;height: 45px; line-height:45px; display: block; align-items: center;border-bottom: 1px solid #EEEEEE; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.third_link:hover{background: #EC6600;color: #FFFFFF;}
.second_link:hover{color: #EC6600;text-decoration: underline;}
.frist_link:hover{color: #EC6600;}
.header_bottom_content_right_list_two:hover .header_bottom_content_right_list_three{display: block;}
.index_banner_sw{width: 100%;height: auto;}
.index_banner_sw img{width: 100%;height: auto;display: block;}
.index_banner_sw_page span{width: 14px;height: 14px;background: rgba(255,255,255,0.8);opacity: 1;}
.index_banner_sw_page span.swiper-pagination-bullet-active{background: #EC6600;}
.content{width: 100%;height: auto;}
.index_solution_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;}
.index_title_box h4{font-size: 48px;color: #1c1c1c;font-weight:700;text-align: center;}
.index_title_box h4 span{color: #eb6000;font-size: 48px;font-weight:700;}
.index_title_box p{font-size: 18px;color: #1F1F1F;font-weight:300;text-align: center;margin-top: 22px;line-height: 1.8;}
.index_solution_content{width: 100%;height: auto;padding-left: 8.35%;margin-top: 70px;position: relative;}
.index_solution_swiper{width: 100%;height: auto;padding: 38px;padding-right: 162px;}
.index_solution_swiper .swiper-slide{position: relative;background: #FFFFFF;padding-bottom: 40px;}
.index_solution_swiper .swiper-slide a{display: block;width: 100%;height: 100%;}
.index_solution_swiper_title{font-size: 18px;color: #333333;text-align: center;position: absolute;bottom: 10px;left: 0;display: block;width: 100%;transition: all 0.6s;}
.index_solution_swiper_img{width: 100%;height: auto;position: relative;}
.index_solution_swiper_img img{width: 100%;height: auto;display: block;}
.index_solution_swiper_img span{display: flex;justify-content: center;align-items: center;width: 59px;height: 59px;background: #6c8a9f;border-radius: 50%;font-size: 18px;color: #FFFFFF;font-weight:300;position: absolute;left: 12px;top: 12px;z-index: 2;}
.index_solution_swiper .swiper-slide:nth-of-type(1n) .index_solution_swiper_img span{background: #6c8a9f;}
.index_solution_swiper .swiper-slide:nth-of-type(2n) .index_solution_swiper_img span{background: #eb6000;}
.index_solution_swiper .swiper-slide:nth-of-type(3n) .index_solution_swiper_img span{background: #b1261d;}
.index_solution_swiper .swiper-slide:nth-of-type(4n) .index_solution_swiper_img span{background: #b2a95c;}
.index_solution_swiper .swiper-slide:nth-of-type(5n) .index_solution_swiper_img span{background: #eb6000;}
.index_solution_swiper_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.6);display: flex;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: all 0.6s;}
.index_solution_swiper_txt h4{font-size: 18px;color: #FFFFFF;text-align: center;}
.index_solution_swiper_txt img{width: 59px;height: auto;display: block;margin-top: 18px;}
.index_solution_swiper .swiper-slide:hover .index_solution_swiper_title{opacity: 0;}
.index_solution_swiper .swiper-slide:hover .index_solution_swiper_txt{opacity: 1;}
.index_solution_swiper_right,.index_solution_swiper_left{width: 51px;height: 51px;border: 1px solid rgba(0,0,0,0.3);border-radius: 50%;font-size: 30px;font-family: "Poppins-Regular";display: flex;justify-content: center;align-items: center;color: rgba(0,0,0,0.3);background: none;}
.index_solution_swiper_right{top: -126px;transform: none;right: 13.13%;}
.index_solution_swiper_left{top: -126px;transform: none;right: 16.615%;left: auto;}
.index_solution_swiper_right:hover,.index_solution_swiper_left:hover{color: #eb6000;border-color: #eb6000;}
.index_catagories_box{width: 100%;height: auto;padding: 80px 0px;}
.index_catagories_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 30px;}
.index_catagories_ul li{width: 49.5%;height: auto;margin-top: 18px;position: relative;}
.index_catagories_ul_img{width: 100%;height: auto;overflow: hidden;}
.index_catagories_ul_img img{width: 100%;height: auto;display: block;transform: scale(0);transition: all 0.6s;}
.indindex_catagories_ul_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #F8F8F8;border: 1px solid #EEEEEE;padding: 30px;transition: all 0.6s;}
.indindex_catagories_ul_txt h4{font-size: 24px;color: #383838;transition: all 0.6s;}
.indindex_catagories_ul_txt p{display: block;width: 50.2%;height: auto;margin-top: 20px;font-size: 16px;color: #1F1F1F;line-height: 1.6;font-weight:300;transition: all 0.6s;}
.indindex_catagories_ul_txt span{display: flex;justify-content: center;align-items: center;width: 176px;height: 48px;border: 1px solid #EB6000;border-radius: 24px;font-size: 16px;text-align: center;font-weight:300;color: #EB6000;margin-top: 24px;}
.indindex_catagories_ul_txt img{width: 40%;height: auto;display: block;position: absolute;right: 20px;bottom: 15px;transition: all 0.6s;}
.index_catagories_ul li:hover .indindex_catagories_ul_txt{background: transparent;}
.index_catagories_ul li:hover .index_catagories_ul_img img{transform: scale(1);}
.index_catagories_ul li:hover h4{color: #FFFFFF;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);}
.index_catagories_ul li:hover p{color: #FFFFFF;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);}
/*.index_catagories_ul li:hover .indindex_catagories_ul_txt img{opacity: 0;}*/
.index_catagories_ul li:hover .indindex_catagories_ul_txt img{opacity: 1;}
.index_catagories_ul li:hover .indindex_catagories_ul_txt span{background: #EB6000;color: #FFFFFF;border-color: #EB6000;}
.index_about_box{width: 100%;height: auto;padding: 80px 0px;background: url(../image/index_about_bg.jpg) no-repeat center center;background-size: cover;}
.index_title_box.white h4{color: #FFFFFF;}
.index_about_content_box{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;margin-top: 80px;}
.index_about_content_left{width: 31.25%;height: auto;}
.index_about_content_left_ul{width: 100%;height: auto;}
.index_about_content_left_ul li{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;}
.index_about_content_left_img{width: 64px;height: auto;}
.index_about_content_left_img img{width: 100%;height: auto;display: block;margin-right: 20px;}
.index_about_content_left_txt{margin-left: 20px;}
.index_about_content_left_txt h4{font-size: 24px;color: #FFFFFF;font-weight:700;}
.index_about_content_left_txt p{font-size: 18px;color: #FFFFFF;font-weight:300;margin-top: 8px;}
.index_about_content_left_ul li + li{margin-top: 30px;}
.index_about_content_left_more{width: 176px;height: 48px;background: #eb6000;border-radius: 24px;margin-top: 40px;font-size: 16px;color: #FFFFFF;display: flex;justify-content: center;align-items: center;text-align: center;}
.index_about_content_right{width: 54.4%;height: auto;position: relative;margin-left: 3.6%;}
.index_about_content_right img{width: 100%;height: auto;display: block;}
.index_about_content_right a:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../image/index_about_video_ico.png) no-repeat center center;background-size: 78px auto;}
.index_turn_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;overflow: hidden;}
.index_turn_title p{display: block;width: 60%;margin: 0px auto;margin-top: 30px;}
.index_turn_content_box{width: 54%;height: auto;margin: 0px auto;margin-top: 63px;}
.index_turn_sw{width: 100%;height: auto;overflow: visible;}
.index_turn_sw .swiper-slide{width: 100%;height: auto;position: relative;}
.index_turn_sw .swiper-slide img{width: 100%;height: auto;display: block;}
.index_turn_sw .swiper-slide h4{display: flex;justify-content: center;align-items: center;min-width: 205px;height: 52px;border-radius: 0px 50px 0px 0px;background: rgba(255,255,255,0.9);font-size: 18px;color: #1C1C1C;font-weight:700;position: absolute;left: 0;bottom: 0;padding: 0 20px;}
.index_turn_sw_right,.index_turn_sw_left{background: none;width: 51px;height: 51px;border: 1px solid rgba(255,255,255,0.1);border-radius: 50%;font-size: 30px;color: #FFFFFF;font-family: "Poppins-Regular";text-align: center;line-height: 51px;}
.index_turn_sw_right:hover,.index_turn_sw_left:hover{background: #eb6000;border-color: #eb6000;}
.index_turn_sw_right{right: -134px;}
.index_turn_sw_left{left: -134px;}
.index_turn_sw .swiper-slide.swiper-slide-active h4{color: #FFFFFF;background: #EB6000;}
.index_turn_sw .swiper-slide a:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../image/index_about_video_ico.png) no-repeat center center;background-size: 78px auto;}
.index_case_box{width: 100%;height: auto;padding: 80px 0px;}
.index_case_content_box{width: 100%;height: auto;margin-top: 80px;position: relative;}
.index_case_content_sw{width: 100%;height: auto;}
.index_case_content_sw_img{width: 100%;height: auto;position: relative;}
.index_case_content_sw_img img{width: 100%;height: auto;display: block;}
.index_case_content_sw_img h4{font-size: 18px;color: #FFFFFF;position: absolute;left: 46px;bottom: 29px;transition: all 0.6s;}
.index_case_content_sw_txt{width: 92.5%;height: auto;background: rgba(255,255,255,0.9);position: absolute;left: 50%;transform: translateX(-50%);bottom: 20px;padding: 30px 67px;opacity: 0;transition: all 0.6s;}
.index_case_content_sw_txt h4{font-size: 24px;color: #3b3b3b;margin-bottom: 20px;}
.index_case_content_sw_txt p{font-size: 16px;color: #3B3B3B;line-height: 1.6;font-weight:300;}
.index_case_content_sw_txt a{display: flex;justify-content: center;align-items: center;width: 176px;height: 48px;background: #EB6000;border-radius: 24px;margin-top: 20px;font-size: 16px;color: #FFFFFF;font-weight:300;text-align: center;}
.index_case_content_sw .swiper-slide:hover .index_case_content_sw_img h4{opacity: 0;}
.index_case_content_sw .swiper-slide:hover .index_case_content_sw_txt{opacity: 1;}
.index_solution_swiper .swiper-slide:hover .index_solution_swiper_title{opacity: 0;}
.index_solution_swiper .swiper-slide:hover .index_solution_swiper_txt{opacity: 1;}
.index_case_content_sw_right,.index_case_content_sw_left{width: 51px;height: 51px;border: 1px solid rgba(0,0,0,0.3);border-radius: 50%;font-size: 30px;font-family: "Poppins-Regular";display: flex;justify-content: center;align-items: center;color: rgba(0,0,0,0.3);background: none;}
.index_case_content_sw_right{top: -104px;transform: none;right: 13.13%;}
.index_case_content_sw_left{top: -104px;transform: none;right: 16.615%;left: auto;}
.index_case_content_sw_right:hover,.index_case_content_sw_left:hover{color: #eb6000;border-color: #eb6000;}
.index_news_box{width: 100%;height: auto;padding: 80px 0px;background: #F8F8F8;}
.index_news_content{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 66px;}
.index_news_content_left{width: 54.43%;height: auto;padding-bottom: 20px;background: #F2F2F2;}
.index_news_content_left_img{width: 100%;height: auto;}
.index_news_content_left_img img{width: 100%;height: auto;display: block;}
.index_news_content_left_txt{width: 94.9%;height: auto;background: #FFFFFF;padding: 22px 44px;position: relative;margin: 0px auto;margin-top: -104px;}
.index_news_content_left_txt h5{font-size: 16px;color: #EB6000;font-weight:300;}
.index_news_content_left_txt h4{margin-top: 20px;}
.index_news_content_left_txt h4 a{font-size: 24px;color: #1F1F1F;line-height: 1.2;}
.index_news_content_left_txt h4 a:hover{color: #EB6000;}
.index_news_content_left_time{display: flex;justify-content: flex-start;margin-top: 20px; font-size: 16px;}
.index_news_content_left_time span{display: block;font-size: 24px;color: #2A2A2A;font-weight:700;}
.index_news_content_left_time span + span{margin-left: 70px;}
.index_news_content_left_time span em{font-size: 16px;}
.index_news_content_left_more{display: flex;justify-content: center;align-items: center;width: 176px;height: 48px;background: #EB6000;border-radius: 24px;margin-top: 20px;font-size: 16px;color: #FFFFFF;font-weight:300;text-align: center;}
.index_news_content_right{width: 43.43%;height: auto;display: flex;flex-direction: column;justify-content: space-between;}
.index_news_content_right li{width: 100%;height: auto;position: relative;}
.index_news_content_right_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 27px;display: flex;flex-direction: column;justify-content: space-between;background: rgba(0, 0, 0, 0.3);}
.index_news_content_right_txt_top h5{font-size: 16px;color: #fff;font-weight:300;}
.index_news_content_right_txt_top h4{font-size: 24px;color: #FFFFFF;line-height: 1.2;margin-top: 8px;}
.index_news_content_right_txt_bottom{display: flex;justify-content: center;align-items: center;width: 176px;height: 48px;border: 1px solid #EB6000;border-radius: 24px;font-size: 16px;color: #EB6000;font-weight:300;text-align: center;}
.index_news_content_right_img{width: 100%;height: auto;}
.index_news_content_right_img img{width: 100%;height: auto;display: block;}
.index_news_content_right li:hover .index_news_content_right_txt_bottom{background: #EB6000;color: #FFFFFF;}
.index_news_more{display: flex;justify-content: center;align-items: center;width: 176px;height: 48px;border: 1px solid #e5e5e5;border-radius: 24px;font-size: 16px;color: #2A2A2A;font-weight:300;text-align: center;background: #FFFFFF;margin: 0px auto;margin-top: 47px;}
.index_news_more:hover{background: #EB6000;color: #FFFFFF;border-color: #EB6000;}
.index_contact_box{width: 100%;height: auto;position: relative;}
.index_contact_bg{width: 100%;height: auto;}
.index_contact_bg img{width: 100%;height: auto;display: block;}
.index_contact_txt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;}
.index_contact_txt h4{font-size: 40px;color: #FFFFFF;font-weight:700;}
.index_contact_txt a{display: flex;justify-content: center;align-items: center;width: 176px;height: 48px;border-radius: 24px;font-size: 24px;font-weight:700;color: #FFFFFF;text-align: center;background: #eb6000;margin-left: 15px;}
.footer{width: 100%;height: auto;}
.footer_content_box{display: flex;justify-content: space-between;padding: 54px 0px;}
.footer_content_nav h4{font-size: 18px;color: #060606;margin-bottom: 28px;}
.footer_content_nav a{display: block;font-size: 16px;color: #585858;font-weight:300;line-height: 1.8;}
.footer_content_nav a:hover{color: #EB6000;text-decoration: underline;}
.footer_content_nav p{display: block;font-size: 16px;color: #585858;font-weight:300;line-height: 1.8;}
.footer_content_nav p a{display: inline-block;}
.footer_content_nav:nth-of-type(3){width: 24%;}
.footer_content_right{width: 27%;height: auto;}
.footer_content_right h4{font-size: 18px;color: #161616;margin-bottom: 28px;}
.footer_content_right_share{display: flex;justify-content: flex-start;}
.footer_content_right_share a{display: flex;justify-content: center;align-items: center;width: 36px;height: 36px;border: 1px solid #dcdcdc;border-radius: 50%;}
.footer_content_right_share a img{display: block;filter: grayscale(100%);}
.footer_content_right_share a + a{margin-left: 10px;}
.footer_content_right_share a:hover{border-color: #EB6000;}
.footer_content_right_share a:hover img{filter: initial;}
.footer_search{width: 100%;height: 48px;position: relative;display: block;margin-top: 20px;}
.footer_search_input{width: 100%;height: 100%;background: #F2F2F2;border: 1px solid #EEEEEE;padding-left: 40px;font-size: 16px;color: #161616;font-weight:300;outline: none;}
.footer_search_input::placeholder{font-weight:300;}
.footer_search_btn{width: 20px;height: 20px;display: block;outline: none;cursor: pointer;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);background: url(../image/footer_search_ico.png) no-repeat center center;background-size: 100%;border: none;cursor: pointer;}
.footer_form_box{width: 100%;height: auto;margin-top: 23px;}
.footer_form_box li{width: 100%;position: relative;margin-top: 11px;}
.footer_form_box li input{display: block;height: 48px;width: 100%;border: 1px solid #EEEEEE;padding-left: 7px;font-size: 16px;color: #161616;font-weight:300;}
.footer_form_box li input::placeholder{font-weight:300;}
.footer_form_btn{width: 124px;height: 40px;border-radius: 20px;border: none;background: #EB6000;outline: none;display: block;margin-top: 20px;margin-left: 13px;font-size: 18px;color: #FFFFFF;font-weight:700;cursor: pointer;}
.footer_last_box{width: 100%;height: auto;padding: 32px 0px;background: #F2F2F2;display: flex;justify-content: center;align-items: center;}
.footer_last_box p{font-size: 16px;color: #0f0f0f;font-weight:300;}
.footer_last_box p img{vertical-align: middle;}

.company_box1 .img img{ width: 100%; height: auto; }

.fast_navigation{
    padding-top: 27px;
    padding-bottom: 35px;
    background: #282828;
    border-bottom: 1px solid #434343;
    border-top: 1px solid #434343;
    overflow: hidden;
}
.fast_navigation h2{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.8em;
    padding-bottom: 30px;
    white-space: nowrap;
}
.fast_navigation .text{
    position: relative;
}
.fast_navigation ul li,
.fast_navigation ul li a{
    font-size: 16px;
    color: #fff;
    line-height: 1.8em;
}
.fast_navigation ul li a:hover{
    color: #eb5a00;
}

.fast_navigation .form .input{
    position: relative;
    margin-bottom: 10px;
}
.fast_navigation h3{
    font-size: 16px;
    color: #fff;
    padding-top: 5px;
    line-height: 1.4em;
    padding-bottom: 25px;
}
.fast_navigation .form .input input[type=text],.fast_navigation .form .input textarea{
    width: 100%;
    height: 36px;
    color: #fff;
    font-size: 14px;
    text-indent: 10px;
    border: 0;
    border-bottom: 1px solid #737373;
    background: transparent;
}
.fast_navigation .form .input textarea{
    border: 1px solid #737373;
    height: 150px;
    padding-top: 10px;
    resize: none;
}
.fast_navigation .form .input .sub{
    width: 250px;
    height: 40px;
    border: 0;
    margin-top: 15px;
    font-size: 14px;
    color: #fff;
    background: #eb5a00;
    cursor: pointer;
}
.fast_navigation .form .input .tips{
    color: red;
    position: absolute;
    right: 7px;
    top: 10px;
}
.fast_navigation .con_box{
    padding-top: 55px;
    padding-bottom: 30px;
}
.fast_navigation .con_box{
    display: flex;
    justify-content: space-between;
}
.fast_navigation .con_box .item{
    width: 25%;

}
.fast_navigation .con_box .item .img{
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #555555;
}
.fast_navigation .con_box .item span,.fast_navigation .con_box .item a{
    display: inline-block;
    height: 46px;
    width: 215px;
    margin-left: -2px;
    line-height: 46px;
    padding-left: 10px;
    vertical-align: middle;
    font-size: 16px;

    color: #fff;
    background: #1e1f22;
}
.fast_navigation .con_box .item a:hover{
    color: #eb5a00;
}
.banner_slick .img{
    position: relative;
    line-height: 0;
}
.banner_slick .img .txt{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-top: 230px;
}
.banner_slick .slick-dots li{
    background: #fff;
}
.banner_slick .slick-dots li.slick-active{
    background: #eb5a00;
}
.banner_slick .img .txt h2{
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    line-height: 1.4em;
    padding-bottom: 35px;
}
.banner_slick .img .txt p{
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 40px;
}
.banner_slick .img .txt p span{
    display: inline-block;
    vertical-align: super;
}
.banner_slick .img .txt a{
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;

    border: 1px solid #fff;
    transition: all .3s;
    overflow: hidden;
}
.banner_slick .img .txt a:hover{
    background: #eb5a00;
    border-color: #eb5a00;
}

.company_box1 .video_click {
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden;
}
.company_box1 .video_click:after{
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../image/video_btn2.png") no-repeat center;
    transition: all .3s;
}
.company_box2{
    padding-top: 90px;
    background: url("../image/app_box_bg.png")no-repeat right bottom;
}
.company_box2 .items{
    display: flex;
}
.company_box2 .items .item{
    width: 50%;
}
.company_box2 .items .item .img{
    line-height: 0;
    margin-bottom: 30px;
}
.company_box2 .items :nth-child(1).item{
    padding-right: 10px;
}
.company_box2 .items :nth-child(2).item{
    padding-left: 10px;
}
.company_box2 .items .item h1{
    font-size: 40px;
    font-weight: 400;
    color: #1b1b1b;
    margin-bottom: 50px;
    padding-left: 45px;
    background: url("../image/company_icon1.png") no-repeat left center;
}
.company_box2 .items .item h1 span{
    font-size: 40px;
    font-weight: 400;
    color: #ed6c00;
}
.company_box2 h2{
    font-size: 40px;
    font-weight: 400;
    color: #1b1b1b;
    text-align: center;
    padding-top: 110px;
    padding-bottom: 50px;
}
.company_box2 h2 span{
    font-size: 40px;
    font-weight: 400;
    color: #ed6c00;
}
.company_box2 .items .item p{
    font-size: 18px;
    color: #2e2e2e;
    margin-bottom: 25px;
    line-height: 1.4em;
}
.company_box2 .items :nth-child(1).item .txt{
    padding-left: 66px;
    padding-right: 34px;
    padding-bottom: 50px;
}
.company_box2 .items :nth-child(2).item .txt{
    padding-right: 70px;
    padding-top: 50px;
}
.company_box3{
    position: relative;
    line-height: 0;
}
.company_box3 .item{
    position: absolute;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.company_box3 .item img{
    display: block;
    margin: auto;
}
.company_box3 .item .txt{
    position: relative;color: #014292;
    text-align: left; line-height: 1.2;
}
.company_box3 .item .tip{
    width: 140px;
    left: 50%;
    margin-left: -70px;
    font-weight: 400;
    position: absolute;
    font-size: 12px;
    border-radius: 10px;
    top: -90px;
    padding: 10px 0;
    background: rgba(237, 106, 0,.8);
    opacity: 0;
}
.company_box3 .item:hover .tip{
    opacity: 1;
}
.company_box3 .item:hover .txt{
    color: #ed6a00;
}
.company_box3 .item:hover .txt .tip{
    color: #fff;
    z-index: 999;
}
.company_box3 .item .tip:after{
    position: absolute;
    content: '';
    left: 60px;
    bottom: -20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: rgba(237, 106, 0,.8);
}
.company_box3 .item:nth-child(2){
    left: 24.5%;
    top: 36%;
}
.company_box3 .item:nth-child(3){
    left: 24.5%;
    top: 46%;
}
.company_box3 .item:nth-child(4){
    left: 32.5%;
    bottom: 27%;
}
.company_box3 .item:nth-child(5){
    left: 47.5%;
    bottom: 55%;
}
.company_box3 .item:nth-child(6){
    left: 53%;
    bottom: 35%;
}
.company_box3 .item:nth-child(7){
    left: 68.5%;
    bottom: 56%;
}
.company_box3 .item:nth-child(8){
    left: 75%;
    bottom: 17%;
}
.company_box3 .item:nth-child(9){
    left: 70.5%;
    bottom: 42%;
}


.company_box4 .txt{
    display: inline-block;
    padding-top: 155px;
    padding-left: 10px;
    vertical-align: top;
}
.company_box4 .txt h2,.company_box4 .txt h2 span{
    font-size: 40px;
    font-weight: 400;
    color: #1b1b1b;
}
.company_box4 .txt h2 span{
    color: #eb5a00;
}
.company_box4 .txt p{
    font-size: 18px;

    color: #2e2e2e;
    margin-top: 35px;
    line-height: 1.4em;
}
.company_slick{
    display: inline-block;
    padding-bottom: 50px;
    padding-top: 80px;
    padding-left: 70px;
}
#certify{
    width: 750px;
    margin: 0 auto;
}

#certify  .swiper-slide {
    width: 255px;
    height: 360px;
    background: #fff;
}
.contact_box1{
    padding-top: 40px;
}
.contact_box1 .items{
    display: flex;
}
.contact_box1 .items .item{
    width: 50%;
}
.contact_box1 .items .txt_left{
    padding-top: 60px;
    padding-left: 355px;
    padding-right: 80px;
}
.contact_box1 .items .txt_left h2{
    font-size: 24px;

    color: #2e2e2e;
    padding-bottom: 12px;
}
.contact_box1 .items .txt_left h3{
    font-size: 40px;
    font-weight: 400;
    color: #222;
    padding-bottom: 150px;
}
.contact_box1 .items .txt_left h4{
    font-size: 18px;
    color: #2e2e2e;

    margin-bottom: 15px;
}
.contact_box1 .items .txt_left p{
    font-size: 20px;

    color: #2e2e2e;
    line-height: 1.4em;
}
.contact_box1 .items .item:nth-child(2){
    padding-top: 68px;
    padding-left: 66px;
    padding-bottom: 145px;
    background: url("../image/contact_bg.jpg")no-repeat center;
    background-size: cover;
}
.contact_box1 .items .txt_right{
    width: 690px;
    padding-top: 30px;
    padding-left: 20px;
    padding-bottom: 40px;
    background: rgba(255,255,255,.7);
}
.contact_box1 .items .txt_right h2{
    font-size: 20px;
    color: #181818;
    font-weight: 400;
    padding-bottom: 40px;
}
.contact_box1 .items .txt_right .row1{
    display: flex;
    margin-bottom: 15px;
}
.contact_box1 .items .txt_right .row1 .item_col{
    max-width: 155px;
}
.contact_box1 .items .txt_right .row2 .item_col:nth-child(2){
    padding-top: 12px;
}
.contact_box1 .items .txt_right .item_col{
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
}
.contact_box1 .items .txt_right .row1 h3{
    padding-bottom: 5px;
}
.contact_box1 .items .txt_right .item_col h3{
    font-size: 20px;
    color: #232323;
    font-weight: bold;
    padding-left: 28px;
}
.contact_box1 .items .txt_right .item_col p,.contact_box1 .items .txt_right .item_col p a{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 1.4em;

}
.contact_box1 .items .txt_right .item_col p a:hover{
    color: #eb5a00;
    text-decoration: underline;
}
.contact_box1 .items .txt_right .item_col .txt{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 60px;
}
.contact_follow{
    display: flex;
    justify-content: center;
    width: 155px;
}
.contact_follow a{
    margin-right: 10px;
}
.contact_follow a:hover img{
    opacity: .7;
}
.contact_box1 .phone{
    background: url("../image/contact_icon1.png")no-repeat left center;
}
.contact_box1 .fax{
    background: url("../image/contact_icon2.png")no-repeat left center;
}
.contact_box1 .email{
    background: url("../image/contact_icon3.png")no-repeat left center;
}
.contact_box1 .address{
    background: url("../image/contact_icon4.png")no-repeat left center;
}
.contact_box2{
    padding-top: 85px;
    padding-bottom: 90px;
}
.contact_box2 h2{
    font-weight: 400;
    font-size: 40px;
    color: #282828;
    text-align: center;
    padding-bottom: 45px;
}
.contact_box2 .form{
    width: 75.4%;
    margin: 0 auto;
}
.contact_box2 .form .input{
    position: relative;
    margin-bottom: 40px;
}
.contact_box2 .form .input input[type=text],.contact_box2 .form .input input[type=email],.contact_box2 .form .input textarea{
    width: 100%;
    height: 50px;
    color: #858585;
    font-size: 18px;
    text-indent: 10px;
    border: 1px solid #858585;
}
.contact_box2 .form .input textarea{
    height: 100px;
    resize: none;
    padding-top: 15px;
}
.contact_box2 .form .input .tips{
    color: red;
    position: absolute;
    bottom: -25px;
    right: 0;
    font-size: 16px;
}
.contact_box2 .form .input input.code{
    width: 300px;
}
.contact_box2 .form .input .Varify_img{
    position: absolute;
    bottom: 2px;
    left: 163px;
    width: 136px;
    height: 46px;
}
.contact_box2 .form .input .sub{
    width: 290px;
    height: 58px;
    text-align: center;
    color: #fff;
    background: #eb5a00;
    border: 1px solid #eb5a00;
    cursor: pointer;
    transition: all .3s;
    font-size: 18px;
}
.contact_box2 .form .input .sub:hover{
    background: #fff;
    color: #858585;
}
.contact_box3{
    padding-top: 40px;
    padding-bottom: 80px;
    border-top: 1px solid #ccc;
}
.contact_box3 h2{
    font-size: 40px;
    font-weight: 400;
    color: #282828;
    text-align: center;
    padding-bottom: 25px;
}
.contact_box3 h3{
    font-size: 16px;
    color: #282828;

    padding-bottom: 90px;
    text-align: center;
}
.contact_box3 .item_box{
    transition: all .3s;
}
.contact_box3 .item_box:hover{
    transform: translateY(-15px);
}
.contact_box3 .item_box h4{
    font-size: 20px;
    color: #282828;
    font-weight: 400;
    padding-bottom: 20px;
}
.contact_box3 .item_box .item{
    display: inline-block;
    padding-top: 6px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #eb5a00;
    overflow: hidden;
    box-shadow: 0 0 8px #ccc;
}
.contact_box3 .item_box .item .txt{
    padding-top: 35px;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 280px;
    height: 155px;
    padding-left: 10px;
}
.contact_box3 .item_box .item .txt p{
    color: #282828;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
}
.contact_box3 .item_box .item .txt p span,.contact_box3 .item_box .item .txt p span a{

    color: #282828;
    font-size: 16px;
}
.contact_box3 .item_box .item .txt p span a:hover{
    color: #eb5a00;
}

.contact_box4 .tit{
    padding: 40px 0;
    text-align: center;
    background: #282828;
}
.contact_box4 .tit h2{
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 40px;
}
.contact_box4 .tit h3{
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}
.service_box{
    border-top: 1px solid #ccc;
}
.service_box .service_main{
    display: inline-block;
    width: 1180px;
    padding-bottom: 20px;
}
.service_box .service_nav{
    display: inline-block;
    position: sticky;
    top: 0;
    width: 170px;
    height: 240px;
    margin-left: 200px;
    margin-right: 40px;
    margin-top: 36px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    transition: all .3s;
}
.service_box .service_nav.on{
    height: 39px;
    overflow: hidden;
}

.service_box .service_nav h2{
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 10px 0;
    padding-left: 10px;
    background: #014292;
}
.service_box .service_nav .item a{
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    font-size: 14px;

    color: #656565;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.service_box .service_nav .item.on a,.service_box .service_nav .item a:hover{
    color: #014292;
}
.service_main h1{
    font-size: 24px;
    color: #071e4b;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 28px;
}
.service_main h2{
    font-size: 22px;

    color: #071e4b;
    padding-bottom: 30px;
    padding-top: 30px;
}
.service_main p.water{
    padding-left: 30px;
    background: url("../image/service_water.png")no-repeat left top;
    font-size: 18px;
    line-height: 1.4em;

    color: #2a2a2a;
    margin-bottom: 30px;
}
.service_main p.water strong{
    font-size: 18px;
}
.service_main .img{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.service_main .img .img_50{
    width: 50%;
    line-height: 0;
}
.service_main .img .img_50:nth-child(1){
    padding-right: 10px;
}
.service_main .img .img_50:nth-child(2){
    padding-left: 10px;
}
.service_main .img .img_33{
    width: 33.33%;
}
.service_main .img .img_33:nth-child(2){
    margin: 0 20px;
}
.service_main .img .img_33 p{
    font-size: 18px;
    color: #2a2a2a;
    text-align: center;

    padding-top: 15px;
}
.service_main .img .img_25:hover{
    transform: translateY(-15px);
}
.service_main .img.box_shadow img{
    box-shadow: 0 0 10px #ccc;
}
.service_main .img .img_25{
    width: 25%;
    box-shadow: 0 0 10px 0px #ccc;
    padding: 20px 10px 22px 10px;
    transition: all .3s;
}
.service_main .img .img_25:nth-child(2){
    margin-left: 20px;
    margin-right: 10px;
}
.service_main .img .img_25:nth-child(3){
    margin-left: 10px;
    margin-right: 20px;
}
.service_main .img .img_25 h3{
    font-size: 18px;
    color: #ed6e00;
}
.service_main .img .img_25 h3 span{
    font-size: 18px;
    font-weight: bold;
    color: #ed6e00;
    margin-right: 12px;
}
.service_main .img .img_25 p{
    font-size: 18px;
    color: #4f4f4f;

    padding-top: 15px;
    padding-bottom: 20px;
}




.product_tab .tab_sub{
    margin-top: 40px;
    border: 1px solid #eb5a00;
    border-left: 0;
    border-right: 0;
    background: none;
}
.product_tab .tab_sub li{
    width: auto;
    line-height: 25px;
    margin: 10px 0;
    border-top: 0;
    border-right: 0;
    border-left: 1px solid #eb5a00;
}
.product_tab .tab_sub li:nth-of-type(1){
    border-left: 0;
}
.product_tab .tab_sub li:hover,
.product_tab .tab_sub li.on{
    border-top: 0;
    border-right: 0;
}
.product_tab .tab_sub li a{
    font-size: 16px;
    font-weight: 700;
    color: #111111;
}
.product_tab .tab_sub li:hover a,
.product_tab .tab_sub li.on a{
    color: #eb5a00;
}

.anchor{
    height: 0;
    overflow: hidden;
}
.anchor.on{
    height: auto;
}

.anchor h2,.anchor_pro h2{
    margin-top: 20px;
    padding-top: 18px;
    line-height: 60px;
    padding-bottom: 14px;
    padding-left: 48px;
    font-size: 24px;
    color: #fff;
    margin-bottom: 25px;
    background: url("../image/line_bg.png") no-repeat left;
    background-size: contain;
}
.anchor h3{ font-size: 24px; line-height: 1.5; color: #eb5a00; margin-bottom: 6px;}
.anchor_pro h2{
    margin-top: 0;
    margin-bottom: 0;
}
.anchor p{
    font-size: 16px;
    color: #2e2e2e;
    line-height: 1.6;
    margin-bottom: 10px;
    padding-left: 0px;
    position: relative;
}
.anchor table td{
    color: #2e2e2e;

    padding: 8px 20px;
    font-weight:400;
    font-size: 16px;
}
.anchor table td  span{
    font-size: 16px;
}
.anchor table td strong{
    font-size: 16px;
}
.anchor table td p{
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight:400;
}

.anchor .pro_video picture{
    line-height: 0;
    display: block;
}
.anchor .pro_video a{
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden;
}
.anchor .pro_video a:after{
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../image/video_btn.png") no-repeat center;
}

.anchor .pro_video img{
    width: 100%;
    height: 370px;
}

.anchor_pro .con_box{
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
}
.anchor_pro .img_box{
    height: 210px;
    overflow: hidden;
    display: flex;
    margin-top: 1px;
    justify-content:center;
    align-items:Center;
}
.anchor_pro .img_box img{
    max-width: 100%;
    max-height: 100%;
}
.anchor_pro .text_box{
    padding: 0px 10px 10px;
    position: relative;
}
.anchor_pro .text_box h3{
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    height: 48px;
    overflow: hidden;
}
.anchor_pro .text_box span{
    display: none;
    position: absolute;
    width: 38px;
    height: 38px;
    background: #eaeaea;
    text-align: center;
    line-height: 38px;
    bottom: 35px;
    right: 15px;
    transition: all .3s;
}
.anchor_pro .con_box:hover .text_box span{
    background: #eb5a00;
    color: #ffffff;
}
.product_img_box {
    width: 400px;
    overflow: hidden;
    float: left;
    position: relative;
}
.parameter_box h3 {
    font-size: 24px;
    line-height: 1.2em;
    color: #eb5a00;
    margin-bottom: 15px;
}
.parameter_box p {
    font-size: 16px;
    color: #666666;
    line-height: 1.5em;
}
.parameter_btn a.a1 {
    display: block;
    width: 150px;
    height: 45px;
    background: #fff;
    border: 0;
    color: #eb5a00;
    border: 1px solid #eb5a00;
    font-size: 14px;
    text-align: center;
    line-height: 45px;
}
.parameter_btn a.a1:hover {
    background: #eb5a00;
    color: #ffffff;
}
.slick-prev, .slick-next {
    display: block;
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    margin-top: -20px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 40;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.pro_B_img .slick-prev {
    width: 21px;
    height: 42px;
    background: url("../image/buttonstyle.png") no-repeat left center;
}
.pro_B_img .slick-next {
    width: 21px;
    height: 42px;
    background: url("../image/buttonstyle.png") no-repeat right center;
}
.slick-next {
    right: 0;
}
.slick-prev {
    left: 0;
}
.fixed_new_list{
    margin-top: 40px;
    height: 800px;
    overflow: hidden;
}
.fixed_new_list .new_list_text{
    padding: 0 10px;
}
.fixed_new_list li{
    margin-bottom: 5px;
}
.fixed_new_list .new_list_text h3{
    font-size: 16px;
    color: #eb5a00;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fixed_new_list .new_list_text p{
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fixed_new_list .img{
    padding: 10px;
    line-height: 0;
    height: 247px;
    overflow: hidden;
}
#googleMap{
    height: 670px;
    width: 100%;
}
.line_box1 .img{
    line-height: 0;
}
.line_box2 .content{
    display: flex;
    justify-content: space-between;
    padding-top: 55px;
    padding-bottom: 20px;
}
.line_box2 .content .text{
    width: 45.6%;
    margin-left: 70px;
}
.line_box2 .content .btns{
    width: 23.7%;
    margin-right: 170px;
    padding-top: 50px;
    overflow: hidden;
}

.line_box2 .content .text h1{
    font-size: 36px;
    font-weight: bold;
    color: #363636;
    line-height: 1.3em;
    padding-bottom: 40px;
}
.line_box2 .content .text p{

    color: #202020;
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 35px;
}
.line_box2 .content .btns a{
    display: block;
    width: 100%;
    height: 62px;
    line-height: 62px;
    padding-left: 100px;

    color: #202020;
    font-size: 22px;
    border: 1px solid #eb5a00;
    margin-bottom: 35px;
}
.line_box2 .content .btns a:nth-child(1){
    background: url("../image/line_icon1.png")no-repeat 20px center;
}
.line_box2 .content .btns a:nth-child(2){
    background: url("../image/line_icon2.png")no-repeat 20px center;
}
.line_box2 .content .btns a:nth-child(3){
    background: url("../image/line_icon3.png")no-repeat 20px center;
}
.line_box2 .content .btns a:hover{
    color: #fff;
}
.line_box2 .content .btns a:nth-child(1):hover{
    background: url("../image/line_icon1_0.png")#eb5a00 no-repeat 20px center;
}
.line_box2 .content .btns a:nth-child(2):hover{
    background: url("../image/line_icon2_0.png")#eb5a00 no-repeat 20px center;
}
.line_box2 .content .btns a:nth-child(3):hover{
    background: url("../image/line_icon3_0.png")#eb5a00 no-repeat 20px center;
}
.line_box3{
    background: #f2f2f6;
}
.line_box3 .items{
    display: flex;
    justify-content: space-between;
    padding: 20px 68px 10px;
}
.line_box3 .items .item{
    cursor: pointer;
}
.line_box3 .items .item:nth-child(7){
    cursor: context-menu;
}
.line_box3 .items .item .icon{
    width: 80px;
    height: 80px;
    margin: auto;
    margin-bottom: 10px;
}
.line_box3 .items .item p{
    font-size: 16px;

    color: #202020;
    text-align: center;
}
.line_box3_con .slick_first .video_click::after,
.juice_con .items8 .item .video_click::after{
    content: '';
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../image/video_btn.png")no-repeat center;
}
.line_box3 .items .item.on p{
    color: #ed6e00;
}
.line_box3 .items .item:nth-child(1) .icon{
    background: url("../image/line_icon4.png")no-repeat center;
}
.line_box3 .items .item:nth-child(2) .icon{
    background: url("../image/line_icon5.png")no-repeat center;
}
.line_box3 .items .item:nth-child(3) .icon{
    background: url("../image/line_icon6.png")no-repeat center;
}
.line_box3 .items .item:nth-child(4) .icon{
    background: url("../image/line_icon7.png")no-repeat center;
}
.line_box3 .items .item:nth-child(5) .icon{
    background: url("../image/line_icon8.png")no-repeat center;
}
.line_box3 .items .item:nth-child(6) .icon{
    background: url("../image/line_icon9.png")no-repeat center;
}
.line_box3 .items .item:nth-child(7) .icon{
    background: url("../image/line_icon10_0.png")no-repeat center;
}
.line_box3 .items .item:nth-child(1).on .icon{
    background: url("../image/line_icon4_0.png")no-repeat center;
}
.line_box3 .items .item:nth-child(2).on .icon{
    background: url("../image/line_icon5_0.png")no-repeat center;
}
.line_box3 .items .item:nth-child(3).on .icon{
    background: url("../image/line_icon6_0.png")no-repeat center;
}
.line_box3 .items .item:nth-child(4).on .icon{
    background: url("../image/line_icon7_0.png")no-repeat center;
}
.line_box3 .items .item:nth-child(5).on .icon{
    background: url("../image/line_icon8_0.png")no-repeat center;
}
.line_box3 .items .item:nth-child(6).on .icon{
    background: url("../image/line_icon9_0.png")no-repeat center;
}
.line_box3_con{
    height: 0;
    overflow: hidden;
}
.line_box3_con.on{
    height: auto;
    padding-top: 50px;
    padding-bottom: 40px;
    background: url(../image/water_1700bg1.png)no-repeat center bottom;
}
.juice_con .line_box3_con.on{
    height: auto;
    padding-top: 50px;
    padding-bottom: 40px;
    background: url(../image/juice_1700bg.png)no-repeat center bottom;
}
.juice_con.carbonated .line_box3_con.on{
    height: auto;
    padding-top: 50px;
    padding-bottom: 40px;
    background: url(../image/carbonated_1700bg.png)no-repeat center bottom;
}
.line_box3_con .img{
    position: relative;
    text-align: center;
    max-width: 1100px;
    margin: 40px auto;
}
.line_box3_con .img .content{
    position: relative;
}
.line_box3_con .img .content .b_img{
    display: block;
}

.line_box3_con .img .s_img1{
    position: absolute;
    left: 4%;
    top: 8%;
}
.line_box3_con .img .s_img1 .content .b_img{
    transform: translate(-171px,-150px);
    opacity: 0;
    transition: all .3s;
}
.line_box3_con .img .s_img2{
    position: absolute;
    left: -4%;
    top: 30%;
}
.line_box3_con .img .s_img2 .content .b_img{
    transform: translate(-171px,-150px);
    opacity: 0;
    transition: all .3s;
}
.line_box3_con .img .s_img3{
    position: absolute;
    left: -7%;
    top: 54%;
}
.modal-title{
    font-size: 26px;
}
.water_filling_box3 .modal.fade.in{
    top: 5%;
}
.line_box3_con .img .s_img3 .content .b_img{
    transform: translate(-171px,-150px);
    opacity: 0;
    transition: all .3s;
}
.line_box3_con .img .s_img4{
    position: absolute;
    left: 3%;
    top: 75%;
}
.line_box3_con .img .s_img4 .content .b_img{
    transform: translate(-171px,-150px);
    opacity: 0;
    transition: all .3s;
}
.line_box3_con .img .s_img5{
    position: absolute;
    right: 2%;
    top: 10%;
}
.line_box3_con .img .s_img5 .content .b_img{
    transform: translate(171px,-150px);
    opacity: 0;
    transition: all .3s;
}
.line_box3_con .img .s_img6{
    position: absolute;
    right: -3%;
    top: 31%;
}
.line_box3_con .img .s_img6 .content .b_img{
    transform: translate(171px,-150px);
    opacity: 0;
    transition: all .3s;
}
.line_box3_con .img .s_img7{
    position: absolute;
    right: -7%;
    top: 52%;
}
.line_box3_con .img .s_img7 .content .b_img{
    transform: translate(171px,-150px);
    opacity: 0;
    transition: all .3s;
}
.line_box3_con .img .s_img8{
    position: absolute;
    right: -3%;
    top: 73%;
}
.line_box3_con .img .s_img8 .content .b_img{
    transform: translate(171px,-150px);
    opacity: 0;
    transition: all .3s;
}
.line_box3_con h2{
    position: relative;
    font-size: 24px;
    font-weight: bold;
    color: #202020;
    padding-bottom: 15px;
    margin-left: 40px;
    margin-bottom: 20px;
}
.line_box3_con h2:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 4px;
    background: #eb5a00;
}
.line_box3_con h2 .video_click{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background: url("../image/video_btn.png")no-repeat center;
    background-size: cover;
    margin-left: 40px;
}
.line_box3_con >.container_1600{
    padding: 0 70px;
    overflow: visible;
}
.line_box3_con >.container_1600 > p{
    font-size: 16px;

    color: #2e2e2e;
    line-height: 1.7em;
    margin-left: 40px;
}
.line_box3_con.con3{
    background: url("../image/water2_bg.jpg")no-repeat bottom center;
    background-size: cover;
}
.line_box3_con.con4 .items{
    display: flex;
    padding: 10px 35px;
}
.line_box3_con.con4 .items .item{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 20px;
}
.line_box3_con.con4 .items .item:nth-child(odd){
    margin-right: 35px;
}
.line_box3_con.con4 .items .item h3{
    padding-left: 44px;
    font-size: 18px;
    font-weight: 400;
    color: #202020;
    line-height: 1.7em;
    margin-bottom: 10px;
    background: url("../image/service_water2.png")no-repeat left 4px;
}
.line_box3_con.con4 .items .item p{
    padding-left: 44px;
    font-size: 16px;

    color: #202020;
    line-height: 1.5em;
    margin-bottom: 20px;
    padding-right: 60px;
}
.line_box3_con.con4 .items .item .img{
    padding-left: 44px;
    text-align: left;
}
.line_box3_con.con5 .img{
    display: flex;
    justify-content: space-between;
    width: 92%;
    padding-left: 40px;
    padding-top: 35px;
}
.line_box3_con.con5 .img img{
    width: 46.6%;
}
.line_box4{
    padding-bottom: 88px;
}
.line_box4 h2{
    position: relative;
    font-size: 40px;
    font-weight: 400;
    color: #1f1f1f;
    margin-left: 112px;
    padding-top: 40px;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.line_box4 h2:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 4px;
    background: #eb5a00;
}
.line_box4 .img{
    position: relative;
    line-height: 0;
}
.line_box4 .img .content{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.line_box4 .img .content .item{
    position: absolute;
    width: 18%;
    height: 250px;
    cursor: pointer;
}
.line_box4 .img .content .item img{
    height: 0;
    border: 2px solid #eb5a00;
    border-color: transparent;
    transition: all .3s;
}
.line_box4 .img .content .item:hover img{
    border: 2px solid #eb5a00;
    height: 180px;
}
.line_box4 .img .content .item.item1{
    left: 0;
    top: 42%;
}
.line_box4 .img .content .item.item2{
    bottom: 0;
    left: 30%;
}
.line_box4 .img .content .item.item3{
    right: 33%;
    top: 55%;
}
.line_box4 .img .content .item.item4{
    right: 10%;
    bottom: -14%;
}
.line_box4 .img .content .item.item5{
    right: 15%;
    top: 33%;
}

.line_box4 .img .content .item.item6{
    top: 10%;
    right: 0;
}
.line_box5{
    padding-top: 50px;
    padding-bottom: 70px;
    background: url("../image/line_bg2.jpg")no-repeat center;
    background-size: cover;
}
.water_filling_box3 .modal{
    display: none;
}
.line_box5 .content{
    display: flex;
    justify-content: space-between;
}
.line_box5 .video{
    position: relative;
    width: 400px;
    /* margin-left: 40px; */
    margin: auto;
}
.line_box5 .text{
    width: 40%;
    margin-right: 100px;
}
.line_box5 .video a:after{
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -82px;
    width: 165px;
    height: 165px;
    background: url("../image/line_video_btn.png")no-repeat center;
}
.line_box5.wat .video a:after{
    display: none;
}
.line_box5 .text h2{
    position: relative;
    font-size: 40px;
    font-weight: 400;
    color: #2a2a2a;
    padding-bottom: 15px;
    margin-bottom: 25px;
    margin-top: 60px;
    white-space: nowrap;
}
.line_box5 h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 4px;
    background: #eb5a00;
}
.line_box5 .text p{
    font-size: 18px;
    font-weight: 400;
    color: #2a2a2a;
    line-height: 1.5em;
    margin-bottom: 30px;
}
.line_box6 .items{

}
.line_box6 .items .item{

}
.line_box6  .item .txt{
    padding-left: 55px;
    padding-top: 12px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 18px;
    border-bottom: 2px solid #014292;
}
.line_box6 .item .txt h2{
    font-size: 18px;

    color: #000;
    padding-bottom: 26px;
    line-height: 1.2em;
}
.line_box6 .item .txt h2:hover{
    color: #eb5a00;
}
.line_box6 .item .txt h2.mar{
    padding-bottom: 5px;
}
.line_box6 .item .txt h3{
    font-size: 16px;
    color: #858585;

    line-height: 1.4em;
    margin-bottom: 20px;
    height: 88px;
    overflow: hidden;
}
.page li a{
    color: #000;
}
.line_box6 .item .txt a{
    font-size: 16px;

    color: #014292;
}
.line_box6 .item .txt a:hover{
    text-decoration: underline;
    color: #eb5a00;
}
.line_box6 .item1 .txt{
    background: url("../image/index_box2_9.png")no-repeat left top;
}
.line_box6 .item2 .txt{
    background: url("../image/index_box2_14.png")no-repeat left top;
}
.line_box6 .item3 .txt{
    background: url("../image/index_box2_15.png")no-repeat left top;
}
.line_box6 .item4 .txt{
    background: url("../image/index_box2_16.png")no-repeat left top;
}
.line_box6 .item5 .txt{
    background: url("../image/pro_926_0.png")no-repeat left top;
}
.line_box6 .slick-prev{
    left: -70px;
    background: url("../image/line_slick.png")no-repeat center;
    transform: rotate(180deg);
}
.line_box6 .slick-next{
    right: -70px;
    background: url("../image/line_slick.png")no-repeat center;
}
.line_box6{
    padding-top: 77px;
    background: url("../image/line_bg3.jpg")no-repeat center bottom;
}
.line_box6 > h2{
    position: relative;
    font-size: 40px;
    font-weight: 400;
    color: #1f1f1f;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.line_box6 > h2:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -35px;
    width: 70px;
    height: 4px;
    background: #eb5a00;
}
.line_box6 h4{
    font-size: 40px;
    font-weight: 400;
    color: #1f1f1f;
    padding-top: 125px;
    padding-bottom: 580px;
    text-align: center;
}
.video_box .video{
    padding: 0 10px;
    margin-bottom: 20px;
}
.video_box .video video{
    width: 100%;
    height: 200px;
}
.video_box .video p{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    width: 100%; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;
}
.product_box.video-box .submenu_wrap h2{
    background: #014292;
}
.line_box3_con .m_img,
.company_box3 .m_img,
.company_slick2{
    display: none;
}
.cmp_txt{
    display: none;
    margin: 20px 0;

}
.cmp_txt p{
    color: #eb5a00;
}


.water_filling_box1{
    position: relative;
}
.water_filling_box1 .img{
    line-height: 0;
}
.water_filling_box1 .content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 100px;
}
.water_filling_box1 h1{
    font-size: 60px;
    font-weight: 400;
    color: #0e5b76;
    text-align: right;
    padding-right: 10%;
}
.water_filling_box2 {
    padding-top: 50px;
    padding-bottom: 50px;
    background: url("../image/118_img3.jpg")#fbfbfb no-repeat bottom center;
}
.water_filling_box2 p{
    font-size: 16px;
    color: #171717;

    line-height: 2em;
}
.water_filling_box2 .content p{
    position: relative;
    line-height: 40px;
    padding-left: 30px;
}
.water_filling_box2 .content p:after{
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 16px;
    line-height: 16px;
    border-radius: 50%;
    color: #fff;
    font-weight: 400;
    background: #ed6a00;
    text-align: center;
}
.water_filling_box2 .content p:nth-child(2):after{
    content: '1';
}
.water_filling_box2 .content p:nth-child(3):after{
    content: '2';
}
.water_filling_box2 .content p:nth-child(4):after{
    content: '3';
}
.water_filling_box2 .content p:nth-child(5):after{
    content: '4';
}
.water_filling_box2 .content p:nth-child(6):after{
    content: '5';
}
.water_filling_box2 .content p:nth-child(7):after{
    content: '6';
}
.water_filling_box2 .content p:nth-child(8):after{
    content: '7';
}
.water_filling_box2 .content p:nth-child(9):after{
    content: '8';
}
.water_filling_box2 .content{
    margin-top: 40px;
}
.water_filling_box2 .img{
    text-align: center;
}
.water_filling_box2 .video_click:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../image/video_btn11.png")no-repeat center;
}
.water_filling_box2 .text{
    padding-left: 60px;
    padding-top: 20px;
}
.water_filling_box3 .content{
    display: flex;
}
.water_filling_box3 .content .choice_nav{
    width: 23%;
    margin-right: 4%;
}
.choice_content_text{
    width: 51%;
    height: 0;
    overflow: hidden;
}
.choice_content_text.on{
    height: auto;
}
.water_filling_box3 .content .choice_nav .item{
    font-size: 22px;
    color: #fff;

    text-align: center;
    line-height: 75px;
    margin-bottom: 21px;
    background: #4a4a4a;
    transition: all .3s;
    cursor: pointer;
}
.water_filling_box3 .content .choice_nav .m_tab{
    display: none;
    background: #ed6a00;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
}
.water_filling_box3 .content .choice_nav .item:hover,
.water_filling_box3 .content .choice_nav .item.on{
    background: #ed6a00;
}
.tit_h{
    position: relative;
    font-size: 40px;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 50px;
    line-height: 1.4em;
}
.tit_h:after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 120px;
    height: 4px;
    margin-left: -60px;
    background: #ed6a00;
}
.water_filling_box3 label.model{
    display: block;
    color: #858585;
    font-size: 18px;

    margin-bottom: 10px;
}
.water_filling_box3 .info{
    display: inline-block;
    width: 48%;
    margin-right: 1%;
}
.water_filling_box3 .info input{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 0;
}
.water_filling_box3 .info{
    font-size: 16px;
    line-height: 20px;
    color: #858585;
    margin-bottom: 5px;
}
.water_filling_box3{
    padding-top: 70px;
}
.water_filling_box3 .choice_content{
    width: 70.6%;
}
.water_filling_box3 .choice_content .img{
    display: none;
    width: 50%;
    float: left;
}
.water_filling_box3 .choice_content .img.on{
    display: block;
}
.water_filling_box3 .choice_content .choice_contents{
    width: 50%;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.water_filling_box3 .choice_content h3{
    font-size: 30px;
    color: #014292;
    font-weight: bold;
    margin-top: 35px;
    margin-bottom: 30px;
}
.water_filling_box3 .choice_content p{
    font-size: 20px;
    color: #171717;
    font-weight: bold;
    line-height: 30px;
    padding-left: 30px;
    background: url("../image/service_water.png")no-repeat 5px 5px;
    margin-bottom: 15px;
}
.water_filling_box3 button.close{
    opacity: .5;
    margin-right: 9px;
}
.water_filling_box3 .input{
    position: relative;
    margin-bottom: 10px;
}
.water_filling_box3 .input input[type=text],
.water_filling_box3 .input textarea{
    width: 100%;
    height: 50px;
    color: #858585;
    font-size: 18px;

    text-indent: 20px;
    border: 1px solid #858585;
}
.water_filling_box3 .input textarea{
    height: 80px;
    padding-top: 10px;
    resize: none;
}
.water_filling_box3 .input .sub{
    width: 130px;
    height: 40px;
    text-align: center;
    color: #fff;
    background: #eb5a00;
    border: 1px solid #eb5a00;
    cursor: pointer;
    transition: all .3s;
    font-size: 18px;
}
.water_filling_box3 .modal-body{
    height: auto;
    max-height: none;
}
.water_filling_box3 .input .Varify_img{
    position: absolute;
    top: 1px;
    right: 0;
    height: 46px;
    cursor: pointer;
}
.water_filling_box3 .tips{
    color: red;
}


.water_filling_box2 h2{
    font-weight: 400;
    color: #171717;
    margin-bottom: 20px;
}


.water_filling_box2 h2{
    font-size: 40px;
}
.info_table table tr td:nth-child(odd){
    background: #f8f8f8;
    font-size: 18px;
    color: #383535;
}
.info_table table tr td:nth-child(even){
    text-align: center;
    font-size: 16px;

    color: #2e2e2e;
}
.info_table table tr td{
    height: 50px;
}
.water_filling_box3 a.details{
    display: block;
    margin: 60px auto;
    width: 630px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    background: #ed6a00;
    border-radius: 10px;
    box-shadow: 3px 3px 0px 0px #a34901;
}
.water_filling_box4 .content .content_text{
    background: url("../image/icon_doc.png")repeat center;
}
.water_filling_box4 .content .content_text .info{
    width: 800px;
    padding-top: 40px;
    padding-right: 100px;
    padding-left: 70px;
}
.water_filling_box4 .content .content_text.last .info{
    padding-right: 10px;
}
.water_filling_box4 .content .content_text.last .info p{
    margin-bottom: 12px;
}
.water_filling_box4 .content .line{
    display: flex;
    flex-wrap: wrap;
}
.water_filling_box4 .content .img.left{
    width: 50%;
    line-height: 0;
    background: url("../image/icon_doc.png")repeat center;
}
.water_filling_box4 .content .img.right{
    width: 50%;
    order: 2;
    line-height: 0;
    background: url("../image/icon_doc.png")repeat center;
}
.water_filling_box4 .content .content_text.right{
    width: 50%;
}
.water_filling_box4 .content .content_text.left{
    width: 50%;
    order: 1;
}
.water_filling_box4 .content .content_text.left .info{
    float: right;
}
.water_filling_box4 .content h3{
    font-size: 30px;
    color: #014292;
    font-weight: bold;
    margin-bottom: 28px;
}
.water_filling_box4 .content p{
    font-size: 16px;
    color: #2e2e2e;
    line-height: 24px;
    margin-bottom: 20px;
}
.water_filling_box4 .content .content_text p:nth-last-child(1){
    margin-bottom: 0;
}
.water_filling_box5{
    padding-top: 80px;
    padding-bottom: 50px;
}
.water_filling_box5 .items{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.water_filling_box5 .items .item{
    position: relative;
    width: 49.4%;
    border: 1px solid #ccc;
    margin-bottom: 1%;
    overflow: hidden;
}
.water_filling_box5 .items .item .img img{
    vertical-align: middle;
    line-height: 0;
    display: block;
    transition: all .3s;
}
.water_filling_box5 .items .item:hover .img img{
    transform: scale(1.1);
}
.water_filling_box5 .items .item:hover .img{
    overflow: hidden;
}
.water_filling_box5 .items .item .tip{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 75px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}
.water_filling_box5 .items .item .img:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.water_filling_box5 .items .item:nth-child(1) .img:after{
    background: url("../image/icon_num1.png")no-repeat right bottom;
}
.water_filling_box5 .items .item:nth-child(2) .img:after{
    background: url("../image/icon_num2.png")no-repeat left bottom;
}
.water_filling_box5 .items .item:nth-child(3) .img:after{
    background: url("../image/icon_num3.png")no-repeat right top;
}
.water_filling_box5 .items .item:nth-child(4) .img:after{
    background: url("../image/icon_num4.png")no-repeat left top;
}
.water_filling_box5 .video_click{
    position: relative;
    display: block;
}
.water_filling_box5 .video_click:after,
.line_box2 .video_click:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url("../image/video_btn11.png")no-repeat center;
}
.nav_list > li.hot{
    background: url("../image/hot.png")no-repeat 10px 6px;
    background-size: 16%;
}


.Fast_contact {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -132.5px;
    z-index: 97
}

.Fast_contact ul li.onlineservice_li {
    width: 64px;
    height: 55px;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
    background-color: #eb5a00;
}
.Fast_contact ul > li span{
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #fff;
}
.Fast_contact ul > li.onlineservice_li > a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 6px;
}

.Fast_contact ul > li:hover .onlineservice_tips {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}


.Fast_contact ul > li.onlineservice_li > a.onlineService_tel {
    width: 30px;
    height: 30px;
    background-image: url("https://comark-machine.usa18.wondercdn.com/public/static/images/home/en-us/fastPhone.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

.onlineService_email {
    background-image: url("../image/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -111px;
}
.onlineService_Skype {
    background-image: url("../image/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -28px;
}
.onlineService_WhatsApp{
    background-image: url("../image/Fast.png");
    background-repeat: no-repeat;
    background-position: 0 -138px;
}
.onlineservice_tips {
    padding: 5px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 66px;
    top: 6px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.onlineservice_tips li {
    width: auto;
    height: auto;
    white-space: nowrap;
}

.onlineservice_tips li a {
    display: block;
    min-height: 22px;
    text-align: center;
    line-height: 22px;
    color: #737578;
    font-size: 15px;
}

.onlineservice_tips li a:hover {
    text-decoration: underline;
}

.onlineservice_tips:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-color: transparent #ccc #ccc transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -6px;
    top: 10px;
    background-color: #fff;
}



.line_box3.juice .items .item:nth-of-type(1) .icon{
    background: url("../image/juice_icon1.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(2) .icon{
    background: url("../image/line_icon4.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(3) .icon{
    background: url("../image/line_icon5.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(4) .icon{
    background: url("../image/line_icon6.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(5) .icon{
    background: url("../image/juice_icon5.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(6) .icon{
    background: url("../image/juice_icon6.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(7) .icon{
    background: url("../image/juice_icon7.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(8) .icon{
    background: url("../image/line_icon7.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(9) .icon{
    background: url("../image/line_icon8.png")no-repeat center;
}
.line_box3.juice .items .item:nth-of-type(10) .icon{
    background: url("../image/line_icon9.png")no-repeat center;
}
.line_box2 .m_img{
    display: none;
}
.line_box2 .video_click{
    position: relative;
    display: block;
}
.line_box2 .video_click::after{
    background-size: 85px;
}

.line_box3.juice .items .item:nth-of-type(1).on .icon{
    background: url("../image/juice_icon1_0.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(2).on .icon{
    background: url("../image/line_icon4_0.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(3).on .icon{
    background: url("../image/line_icon5_0.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(4).on .icon{
    background: url("../image/line_icon6_0.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(5).on .icon{
    background: url("../image/juice_icon5_0.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(6).on .icon{
    background: url("../image/juice_icon6_0.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(7).on .icon{
    background: url("../image/juice_icon7_0.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(8).on .icon{
    background: url("../image/line_icon7_0.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(9).on .icon{
    background: url("../image/line_icon8_0.png")no-repeat center;
}

.line_box3.juice .items .item:nth-of-type(10).on .icon{
    background: url("../image/juice_icon10_0.png")no-repeat center;
}
.line_box3.juice .items .item:nth-of-type(11) .icon,
.line_box3.juice .items .item:nth-of-type(11) .icon{
    background: url("../image/line_icon10_0.png")no-repeat center;
}

.line_box3.juice .items{
    position: relative;
    width: 2240px;
    padding-bottom: 30px;
}
.line_box3.juice .items .item{
    position: relative;
    width: 200px;
    margin-right: 20px;
}
.line_box3.juice{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.line_box3.juice .container_1600{
    position: relative;
    overflow: visible;
}
.line_box3.juice .container_1600 .items_box{
    overflow: hidden;
    overflow-x: scroll;
    -ms-overflow-style:none;
    overflow:-moz-scrollbars-none;
}
.line_box3.juice .container_1600 .items_box::-webkit-scrollbar {display:none}
.line_box3.juice .container_1600:after{

}

.line_box3 .items .item:hover p,
.line_box3.juice .items .item:nth-of-type(11) p{
    color: #ed6e00;
}
.juice_con .img{
    margin: 0 !important;
    max-width: none;
}
.line_box3.juice .items .item:after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12.5px;
    width: 25px;
    height: 25px;
    background: url("../image/juice_jiantou.png")no-repeat center;
}
.line_box3.juice .items .item:nth-last-of-type(1):after{
    display: none;
}
.line_box3.juice .items.to_right{
    left: -700px;
}
.juice_con .items1{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
.juice_con .items1 .item{
    width: 31.1%;
}
.juice_con .items1 .item h3{
    font-size: 22px;
    color: #000;
    margin-bottom: 10px;
}
.juice_con .items1 .item p{
    font-size: 16px;
    color: #000;

    line-height: 26px;
    min-height: 150px;
}
.juice_con .line_box3_con h2,
.juice_con .line_box3_con >.container_1600 > p{
    margin-left: 0;
}
.juice_con .items2{
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    flex-wrap: wrap;
    max-width: 1250px;
}
.juice_con .items2 h3{
    font-size: 22px;
    margin-bottom: 10px;
}
.juice_con .items2 p{
    position: relative;
    font-size: 16px;

    color: #2e2e2e;
    line-height: 1.7em;
    margin-bottom: 20px;
    padding-left: 25px;
}
.juice_con .items2 p:after{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ed6d00;
}
.juice_con .items3{
    display: flex;
    align-self: center;
    justify-content: center;
    margin-top: 50px;
}
.juice_con .items3 .item .img{
    line-height: 0;
}
.juice_con .items3 .item:nth-of-type(1),
.juice_con .items3 .item:nth-of-type(3){
    width: 22%;
}
.juice_con .items3 .item:nth-of-type(2){
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}
.juice_con .items3 .item:nth-of-type(1) .img:nth-of-type(1),
.juice_con .items3 .item:nth-of-type(3) .img:nth-of-type(1){
    margin-bottom: 30% !important;
}
.juice_con .items3 .item:nth-of-type(1) .img{
    text-align: left;
}
.juice_con .items3 .item:nth-of-type(3) .img{
    text-align: right;
}
.juice_con .items3 .item .img{
    position: relative;
}
.juice_con .items3 .item:nth-of-type(1) .img:nth-of-type(1):after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 21%;
    height: 100%;
    background: url("../image/juice_img5_i.jpg")no-repeat center;
    background-size: cover;
}
.juice_con .items3 .item:nth-of-type(1) .img:nth-of-type(2):after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 21%;
    height: 100%;
    background: url("../image/juice_img6_i.jpg")no-repeat center;
    background-size: cover;
}
.juice_con .items3 .item:nth-of-type(3) .img:nth-of-type(1):after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 23%;
    height: 100%;
    background: url("../image/juice_img7_i.jpg")no-repeat center;
    background-size: cover;
}
.juice_con .items3 .item:nth-of-type(3) .img:nth-of-type(2):after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 23%;
    height: 100%;
    background: url("../image/juice_img8_i.jpg")no-repeat center;
    background-size: cover;
}
.juice_con .items3 .item:nth-of-type(1) .img:nth-of-type(1) img{
    width: 79%;
}
.juice_con .items3 .item:nth-of-type(1) .img:nth-of-type(2) img{
    width: 79%;
}
.juice_con .items3 .item:nth-of-type(3) .img:nth-of-type(1) img{
    width: 79%;
}
.juice_con .items3 .item:nth-of-type(3) .img:nth-of-type(2) img{
    width: 79%;
}
.juice_con .line_box3_con .bg1{
    background: url("../image/juice_img11.jpg")no-repeat bottom center;
}
.juice_con .table{
    text-align: center;
}
.juice_con .table th,
.juice_con .table td{
    height: 65px;
    font-size: 14px;
    border-color: #000;
}
.juice_con .table tr:nth-child(even) td{
    background: #e6e4e4;
}
.juice_con .items4,
.juice_con .items5,
.juice_con .items6,
.juice_con .items7{
    display: flex;
    justify-content: space-between;
    max-width: 1250px;
}
.juice_con .items4 .item:nth-of-type(1),
.juice_con .items5 .item:nth-of-type(1),
.juice_con .items6 .item:nth-of-type(1),
.juice_con .items7 .item:nth-of-type(1){
    padding-top: 20px;
}
.juice_con .items4 p,
.juice_con .items5 p,
.juice_con .items6 p,
.juice_con .items7 p{
    position: relative;
    font-size: 16px;

    color: #2e2e2e;
    line-height: 1.7em;
    margin-bottom: 20px;
    padding-left: 25px;
}
.juice_con .items4 p:after,
.juice_con .items5 p:after,
.juice_con .items6 p:after,
.juice_con .items7 p:after{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ed6d00;
}
.juice_con .items4 .item:nth-of-type(1){
    width: 500px;
}
.juice_con .items5 .item:nth-of-type(1),
.juice_con .items7 .item:nth-of-type(1){
    width: 560px;
}
.juice_con .items6 .item:nth-of-type(1){
    width: 310px;
}
.juice_con .items8{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
.juice_con .items8 .item{
    width: 49%;
    padding: 0 10px;
}
.juice_con .items8 .item h3{
    font-size: 22px;
    color: #000;
    margin-bottom: 10px;
}
.juice_con .items8 .item p{
    position: relative;
    font-size: 16px;

    color: #2e2e2e;
    line-height: 1.7em;
    padding-left: 25px;
}
.juice_con .items8 .item p:after{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ed6d00;
}
.juice_con .line_box3_con h2{
    color: #ed6d00;
}
.juice_con .items8 .item .juice_slick1,
.juice_con .items8 .item .juice_slick2{
    margin-top: 20px;
}
.juice_con .items8 .item .slick-dots li{
    background: #fff;
}
.juice_con .items8 .item .slick-dots li.slick-active{
    background: #ed6d00;
}
.juice_con .items8 .item img{
    margin: auto;
}
.juice_con .items8_sm{
    display: flex;
    justify-content: space-between;
    margin-top: -20px;
}
.juice_con .items8_sm .item{
    width: 33.3%;
}
.juice_con  .slick-dots{
    bottom: 40px;
}
.juice_con .items8_sm .item img{
    box-shadow: 0 0 10px 0 #666;
}
.juice_con .items9{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.juice_con .items9 .item{
    width: 49%;
    padding-top: 30px;
}
.juice_con .bg1 > .container_1600{
    padding: 0 70px;
    overflow: visible;
}
.line_box5.juice{
    background: url("../image/juice_img33.jpg")no-repeat center;
    background-size: cover;
}
.line_box5.juice .video a:after{
    background: url("../image/juice_img35.png")no-repeat center;
    background-size: cover;
}
.line_box6.juice .video a:after{
    background: none;
    background-size: cover;
}

.line_box4.juice .img .content .item.item1{
    left: 14%;
}
.line_box4.juice  .img .content .item.item2{
    bottom: 35%;
    left: 48%;
}
.line_box4.juice  .img .content .item.item2 img{
    background: #fff;
}

.line_box4.juice .img .content .item.item3 {
    right: 21%;
    width: 12%;
    top: 55%;
}
.line_box4.juice .img .content .item.item4 {
    right: 66%;
    bottom: 57%;
    height: 50px;
}
.line_box4.juice .img .content .item.item4:hover{
    bottom: 33%;
    height: 250px;
}
.line_box4.juice .img .content .item.item5 {
    right: 8%;
    top: 42%;
}
.line_box4.juice  .img .content .item.item6 {
    top: 28%;
    right: 53%;
    width: 13%;
}
.anchor_pro iframe{
    width: 100%;
    height: 400px;
}
.line_box4.juice  .img .content .item.item7 {
    left: 36%;
    top: 10%;
    width: 11%;
}
.line_box4.juice  .img .content .item.item7:hover img{
    height: 133px;
}

 .line_icon{
    position: relative;
    width: 200px;
    height: 35px;
     margin: 20px auto;
    background: url("../image/line_bgs.png") no-repeat center;
}
 .tip_info{
     color: #ed6d00;
     display: block;
     margin: auto;
     text-align: center;
 }
@keyframes drag {
    0%{
        transform: translateX(-50px);
    }
    50%{
        transform: translateX(50px);
    }
    100%{
        transform: translateX(-50px);
    }
}
 .line_icon .drag_icon{
    position: absolute;
    left: 50%;
    top: 3px;
    margin-left: -17.5px;
    width: 25px;
    height: 25px;
    background: url("../image/drag.png")no-repeat center;
     background-size: cover;
    animation: drag 3s infinite;
}

.form_fixed_box .Verify_img{
    position: absolute;
    right: 1px;
    top: 1px;
    height: 29px;
    cursor: pointer;
}


.line_box3.juice.carbonated .items .item:nth-of-type(5) .icon{
    background: url("../image/juice_icon6.png")no-repeat center;
}
.line_box3.juice.carbonated .items .item:nth-of-type(6) .icon{
    background: url("../image/juice_icon7.png")no-repeat center;
}
.line_box3.juice.carbonated .items .item:nth-of-type(7) .icon{
    background: url("../image/line_icon7.png")no-repeat center;
}
.line_box3.juice.carbonated .items .item:nth-of-type(8) .icon{
    background: url("../image/line_icon8.png")no-repeat center;
}
.line_box3.juice.carbonated .items .item:nth-of-type(9) .icon{
    background: url("../image/line_icon9.png")no-repeat center;
}
.line_box3.juice.carbonated .items .item:nth-of-type(10) .icon{
    background: url("../image/line_icon10_0.png")no-repeat center;
}

.line_box3.juice.carbonated .items .item:nth-of-type(5).on .icon{
    background: url("../image/juice_icon6_0.png")no-repeat center;
}
.line_box3.juice.carbonated .items .item:nth-of-type(6).on .icon{
    background: url("../image/juice_icon7_0.png")no-repeat center;
}
.line_box3.juice.carbonated .items .item:nth-of-type(7).on .icon{
    background: url("../image/line_icon7_0.png")no-repeat center;
}
.line_box3.juice.carbonated .items .item:nth-of-type(8).on .icon{
    background: url("../image/line_icon8_0.png")no-repeat center;
}
.line_box3.juice.carbonated .items .item:nth-of-type(9).on .icon{
    background: url("../image/juice_icon10_0.png")no-repeat center;
}


.carbonated.juice_con .items7{
    max-width: none;
}
.carbonated.juice_con .items7 .item:nth-of-type(2){
    display: flex;
    text-align: center;
    justify-content: space-between;
    flex: 1;
}
.carbonated.juice_con .items7 .item:nth-of-type(2) .img{
    width: 46%;
    padding-left: 0;
    text-align: left;
}
@media (min-width: 996px){
    .carbonated.juice_con .items7 .item:nth-of-type(2){
        padding-left: 48px;
    }
}
.carbonated.juice_con .items7 .item:nth-of-type(2) .tip{
    font-size: 24px;
    margin-bottom: 10px;
}
.line_box5.carbonated{
    background: url("../image/1335_img.jpg")no-repeat center;
}
.line_box5.carbonated .video a:after{
    background: url("../image/1341_btn.png")no-repeat center;
    background-size: contain;
}
.line_box6.carbonated{
    background: url("../image/1344_img.jpg")no-repeat center bottom;
}

.line_box6 .pro_lists{
    display: flex;
    flex-wrap: wrap;
}
.line_box6 .pro_lists .list{
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    padding: 0 48px;
}
.line_box6 .pro_lists .list:nth-of-type(1){

}
.line_box6 .pro_lists .img{
    width: 38%;
    padding-top: 5px;
}
.line_box6 .pro_lists .info{
    width: 62%;
    padding-left: 10px;
}
.line_box6 .pro_lists .tip{
    width: 100%;
}
.line_box6 .pro_lists .tip a{
    font-size: 22px;
    color: #000;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
}
.line_box6 .pro_lists .info .content p{
    position: relative;

    color: #2e2e2e;
    line-height: 1.4em;
    padding-left: 25px;
    font-size: 15px;
}
.line_box6 .pro_lists .info .content p::after{
    content: '';
    position: absolute;
    left: 9px;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ed6d00;
}

.other_line_a{
    padding: 30px 0;
}
.other_line_a h3{
    text-align: center;
    font-size: 40px;
    color: #1f1f1f;
    text-align: center;
    margin-bottom: 20px;
}
.other_line_a p{
    text-align: center;
}
.other_line_a a{
    display: inline-block;
    margin: 0 20px;
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.other_line_a a img{
    vertical-align: sub;
    width: 28px;
    margin-bottom: -6px;
}

.wat_box1{
    position: relative;
    line-height: 0;
}
.wat_box1 h3{
    position: absolute;
    top: 8%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    color: #1f1f1f;
}
.line_box3_con.wat >.container_1600 > p{
    position: relative;
    padding-left: 25px;
}
.line_box3_con.con4 .items .item p{
    position: relative;
    padding-left: 25px;
}
.line_box3_con.con4 .items .item p::after{
    content: '';
    position: absolute;
    left: 0px;
    top: 5px;
    width: 16px;
    line-height: 16px;
    border-radius: 50%;
    color: #fff;
    font-weight: 400;
    background: #ed6a00;
    text-align: center;
}
.wat .juice_con .items7 p:after{
    height: auto;
}
.line_box3_con.wat >.container_1600 > p::after,
.wat .juice_con .items7 p:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 5px;
    width: 16px;
    line-height: 16px;
    border-radius: 50%;
    color: #fff;
    font-weight: 400;
    background: #ed6a00;
    text-align: center;
}
.line_box3_con.con4 .items .item p:nth-of-type(1)::after,
.line_box3_con.wat >.container_1600 > p:nth-of-type(1)::after,
.wat .juice_con .items7 p:nth-of-type(1)::after{
    content: '1';
}
.line_box3_con.con4 .items .item p:nth-of-type(2)::after,
.line_box3_con.wat >.container_1600 > p:nth-of-type(2)::after,
.wat .juice_con .items7 p:nth-of-type(2)::after{
    content: '2';
}
.line_box3_con.con4 .items .item p:nth-of-type(3)::after,
.line_box3_con.wat >.container_1600 > p:nth-of-type(3)::after,
.wat .juice_con .items7 p:nth-of-type(3)::after{
    content: '3';
}
.line_box3_con.con4 .items .item p:nth-of-type(4)::after,
.line_box3_con.wat >.container_1600 > p:nth-of-type(4)::after,
.wat .juice_con .items7 p:nth-of-type(4)::after{
    content: '4';
}
.line_box3_con.con4 .items .item p:nth-of-type(5)::after,
.line_box3_con.wat >.container_1600 > p:nth-of-type(5)::after,
.wat .juice_con .items7 p:nth-of-type(5)::after{
    content: '5';
}
.line_box3_con.con4 .items .item p:nth-of-type(6)::after,
.line_box3_con.wat >.container_1600 > p:nth-of-type(6)::after,
.wat .juice_con .items7 p:nth-of-type(6)::after{
    content: '6';
}
.line_box3_con.con4 .items .item p:nth-of-type(7)::after,
.line_box3_con.wat >.container_1600 > p:nth-of-type(7)::after,
.wat .juice_con .items7 p:nth-of-type(7)::after{
    content: '7';
}
.line_box3_con.con4 .items .item p:nth-of-type(8)::after,
.line_box3_con.wat >.container_1600 > p:nth-of-type(8)::after,
.wat .juice_con .items7 p:nth-of-type(8)::after{
    content: '8';
}
.line_box3_con.con4 .items .item p:nth-of-type(9)::after,
.line_box3_con.wat >.container_1600 > p:nth-of-type(9)::after,
.wat .juice_con .items7 p:nth-of-type(9)::after{
    content: '9';
}

.anchor_pro{
    max-width: 880px;
}
.related_pro .item .img{
    height: 104px;
}


.items20200422 {
    overflow: hidden;
    padding-top: 15px;
    max-width: 1100px;
    margin: auto;
}
.items20200422 .item{
    width: 50%;
    float: left;
    padding-left: 40px;
}
.items20200422 .item h3{
    font-size: 22px;
    color: #000;
    margin-bottom: 10px;
}
.items20200422 .item p{
    position: relative;
    font-size: 16px;
    color: #2e2e2e;
    line-height: 1.7em;
    padding-left: 25px;
}
.items20200422 .item p span{
    position: absolute;
    left: 0;
    top: 5px;
    width: 16px;
    line-height: 16px;
    border-radius: 50%;
    color: #fff;
    font-weight: 400;
    background: #ed6a00;
    text-align: center;
}



.inquireFormBox{
    position: fixed;
    background: #ffffff;
    padding: 20px;
    top: 50%;
    left: 50%;
    width: 700px;
    height: 512px;
    margin-top: -256px;
    margin-left: -350px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    z-index: 10001;
    display: none;
}
.inquireFormBox .closeForm{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
    cursor: pointer;
}
.inquireFormBox h2{
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 2px solid #333333;
}
.inquireFormBox .info {
    width: 50%;
    padding: 0 5px;
    float: left;
    overflow: hidden;
    margin-bottom: 12px;
}
.inquireFormBox .info.textarea{
    width: 100%;
}
.inquireFormBox .label_control {
    width: 100%;
    margin-top: 0;
    height: 36px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    line-height: 36px;
}
.inquireFormBox .controls {
    height: 36px;
    line-height: 36px;
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
.inquireFormBox .controls .tips {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 36px;
    color: #ff0000;
}
.inquireFormBox .controls input,
.inquireFormBox .controls textarea {
    width: 100%;
    height: 100%;
    text-indent: 10px;
    border: 0;
    background: none;
    resize: none;
}
.inquireFormBox .controls textarea {
    text-indent: 0;
    padding: 10px;
}
.inquireFormBox .info.textarea .controls {
    height: 150px;
}
.inquireFormBox .info input[type="button"] {
    padding: 10px 25px;
    border: 0;
    background: #eb5a00;
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s;
}
.inquireFormBox .info input[type="button"]:hover {
    opacity: .8;
    transition: all .3s;
}
.inquireFormBj{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: rgba(0,0,0,0.5);
    display: none;
}



.productDetailForm{
    padding-top: 30px;
    padding-bottom: 50px;
}

.productDetailForm form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.productDetailForm .info{
    width: 32%;
    margin-bottom: 10px;
}
.productDetailForm .tips{
    display: block;
    line-height: 16px;
    font-size: 14px;
    color: #ff0000;
}
.productDetailForm .info.w100{
    width: 100%;
}
.productDetailForm .info:last-child{
    text-align: center;
}
.productDetailForm .info input[type="text"],
.productDetailForm .info textarea{
    width: 100%;
    height: 40px;
    border: 1px solid #dddddd;
    padding: 10px;
}
.productDetailForm .info textarea{
    resize: none;
    height: 80px;
}
.productDetailForm .info input[type="button"]{
    width: 240px;
    height: 40px;
    background: #eb5a00;
    border: 0;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}
.productDetailForm .info input[type="button"]:hover{
    opacity: .85;
}

.index20210726{
    padding-top: 70px;
}
.index20210726 .tit h2{
    padding-bottom: 40px;
    font-size: 40px;
    font-weight: 400;
    color: #000;
    text-align: center;
}
.index20210726 .item{
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.index20210726 .item .img{
    width: 100%;
    float: left;
    line-height: 0;
}
.index20210726 .item .text{
    width: 100%;
    float: left;
}
.index20210726 .item .text h3{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1.8em;
    padding-bottom: 15px;
}
.index20210726 .item .text p{
    font-size: 16px;
    color: #454545;
    line-height: 1.8;
}

.index20210726  .slick-dots {
    bottom: -20px;
}


@media (max-width: 1720px){
    .water_filling_box4 .content p{
        margin-bottom: 10px;
    }
}

@media (max-width: 1620px) {
    .service_box .service_nav{
        margin-left: 60px;
        margin-right: 40px;
    }
    .nav_list > li > a{
        margin-left: 15px;
    }
    .line_box3 .items{
        padding-left: 0;
        padding-right: 0;
    }
    .banner_slick .img .txt{
        padding-top: 120px;
    }
    .index_box4 .items{
        width: 1080px;
    }
    .index_box4 .items .item .txt h2{
        padding-bottom: 10px;
    }
    .line_box3_con .img .content .b_img{
        width: 200px;
    }
    .nav_list > li.hot{
        background: url("../image/hot.png")no-repeat 0px 6px;
        background-size: 16%;
    }


    .line_box3_con .img .s_img1{
        position: absolute;
        left: 8%;
        top: 8%;
    }
    .line_box3_con .img .s_img1 .content .b_img{
        transform: translate(-121px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img2{
        position: absolute;
        left: -0%;
        top: 30%;
    }
    .line_box3_con .img .s_img2 .content .b_img{
        transform: translate(-121px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img3{
        position: absolute;
        left: -3%;
        top: 54%;
    }
    .line_box3_con .img .s_img3 .content .b_img{
        transform: translate(-121px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img4{
        position: absolute;
        left: 7%;
        top: 75%;
    }
    .line_box3_con .img .s_img4 .content .b_img{
        transform: translate(-121px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img5{
        position: absolute;
        right: 6%;
        top: 10%;
    }
    .line_box3_con .img .s_img5 .content .b_img{
        transform: translate(111px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img6{
        position: absolute;
        right: 1%;
        top: 31%;
    }
    .line_box3_con .img .s_img6 .content .b_img{
        transform: translate(111px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img7{
        position: absolute;
        right: -3%;
        top: 52%;
    }
    .line_box3_con .img .s_img7 .content .b_img{
        transform: translate(111px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img8{
        position: absolute;
        right: 1%;
        top: 73%;
    }
    .line_box3_con .img .s_img8 .content .b_img{
        transform: translate(111px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .contact_box1 .items .txt_left{
        padding-left: 255px;
    }
    .contact_box1 .items .txt_right{
        width: 93%;
    }
    .header_nav .info_logo .img{
        margin-left: 0;
    }
    .choice_content_text{
        width: 62%;
    }
    .water_filling_box4 .content h3{
        margin-bottom: 10px;
    }
    .water_filling_box4 .content .content_text .info{
        width: 700px;
        padding-right: 10px;
        padding-left: 40px;
        padding-top: 25px;
    }
    .water_filling_box4 .content p{
        font-size: 14px;
    }
    .water_filling_box4 .content .content_text.last .info p{
        margin-bottom: 5px;
    }
    .water_filling_box3 .content .choice_nav .item{
        margin-bottom: 15px;
    }
    .juice_con .items1 .item p{
        margin-bottom: 20px;
    }
    .line_box6 .pro_lists .img img{
        height: 200px;
    }
}

@media (max-width: 1480px) {
    .service_box .service_main{
        width: 1060px;
    }
    .header_nav .info_logo .img{
        margin-left: 0px;
    }
    .nav_list > li > a{
        margin-left: 5px;
    }
    .header_nav .info_logo .txt h2{
        font-size: 14px;
    }
    .header_nav .info_logo .txt h3{
        font-size: 12px;
    }
    .index_box4 .items{
        width: 96%;
    }
    .index_box4 .items .item .txt p{
        line-height: 1.2em;
    }
    .line_box2 .content .btns a{
        font-size: 16px;
        padding-left: 70px;
    }
    .line_box2 .content .btns a:nth-child(1){
        background: url("../image/line_icon1.png")no-repeat 10px center;
    }
    .line_box2 .content .btns a:nth-child(2){
        background: url("../image/line_icon2.png")no-repeat 10px center;
    }
    .line_box2 .content .btns a:nth-child(3){
        background: url("../image/line_icon3.png")no-repeat 10px center;
    }
    .line_box2 .content .btns a:hover{
        color: #fff;
    }
    .line_box2 .content .btns a:nth-child(1):hover{
        background: url("../image/line_icon1_0.png")#eb5a00 no-repeat 10px center;
    }
    .line_box2 .content .btns a:nth-child(2):hover{
        background: url("../image/line_icon2_0.png")#eb5a00 no-repeat 10px center;
    }
    .line_box2 .content .btns a:nth-child(3):hover{
        background: url("../image/line_icon3_0.png")#eb5a00 no-repeat 10px center;
    }
    .line_box3 .items .item{
        padding:  0 20px;
    }
    .line_box3_con .img{
        margin: 20px auto;
    }
    .line_box3_con .img  .content img:nth-child(1){
        width: 100px;
    }
    .line_box3_con .img  .content img:nth-child(2){
        width: 150px;
    }
    .line_box3_con .img .s_img1{
        position: absolute;
        left: 8%;
        top: 8%;
    }
    .line_box3_con .img .s_img1 .content .b_img{
        transform: translate(-81px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img2{
        position: absolute;
        left: -0%;
        top: 30%;
    }
    .line_box3_con .img .s_img2 .content .b_img{
        transform: translate(-81px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img3{
        position: absolute;
        left: -3%;
        top: 54%;
    }
    .line_box3_con .img .s_img3 .content .b_img{
        transform: translate(-81px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img4{
        position: absolute;
        left: 7%;
        top: 75%;
    }
    .line_box3_con .img .s_img4 .content .b_img{
        transform: translate(-81px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img5{
        position: absolute;
        right: 6%;
        top: 10%;
    }
    .line_box3_con .img .s_img5 .content .b_img{
        transform: translate(81px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img6{
        position: absolute;
        right: 1%;
        top: 31%;
    }
    .line_box3_con .img .s_img6 .content .b_img{
        transform: translate(81px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img7{
        position: absolute;
        right: -3%;
        top: 52%;
    }
    .line_box3_con .img .s_img7 .content .b_img{
        transform: translate(81px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box3_con .img .s_img8{
        position: absolute;
        right: 1%;
        top: 73%;
    }
    .line_box3_con .img .s_img8 .content .b_img{
        transform: translate(81px,-150px);
        opacity: 0;
        transition: all .3s;
    }
    .line_box5 .video{
        margin-left: 0;
    }
    .line_box5 .text h2{
        white-space: normal;
    }
    .line_box6 .slick-prev{
        left: -15px;
    }
    .line_box6 .slick-next{
        right: -10px;
    }
    .line_box6 .item .txt h2{
        height: 68px;
    }
    .company_box2 .items .item p{
        margin-bottom: 10px;
    }
    .company_box2 .items :nth-child(1).item .txt{
        padding-left: 0;
    }
    .company_box2 .items :nth-child(2).item .txt{
        padding-right: 0;
    }
    .company_slick2{
        display: none;
    }
    .contact_box1 .items .item:nth-child(2){
        padding-bottom: 80px;
    }
    .nav_list > li.hot{
        background: none;
    }
    .water_filling_box1 h1{
        font-size: 50px;
    }
    .choice_content_text{
        width: 100%;
    }

    .juice_con .items4 .img,
    .juice_con .items5 .img,
    .juice_con .items6 .img,
    .juice_con .items7 .img{
        padding-left: 60px;
    }
}
@media (max-width: 1420px){
    .water_filling_box4 .content .content_text .info{
        width: 600px;
        padding-bottom: 40px;
    }
    .water_filling_box4 .content p{
        margin-bottom: 5px;
    }
    .nav_list > li > a > span{
        font-size: 16px;
    }
    .line_box5 .text h2{
        margin-top: 85px;
    }
}
@media (max-width: 1380px){
    .service_box .service_main{
        width: 74%;
    }
    .contact_box3 .item_box .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .contact_box3 .item_box .item .txt{
        width: 100%;
    }
    .contact_box3 .item_box .item .txt{
        padding-top: 10px;
    }

}
@media (max-width: 1220px) {

    .header_nav .info_logo .txt{
        display: none;
    }
    .banner_slick .img .txt{
        padding-top: 60px;
    }
    .index_box3 .items .item .txt h2{
        height: 68px;
    }
    .index_box4 .items .item .txt{
        padding-left: 63px;
        padding-right: 10px;
    }
    .index_box4 .items .item:nth-child(1) .txt{
        background: url("../image/index_box4_1.png") no-repeat -22px center;
    }
    .index_box4 .items .item:nth-child(2) .txt{
        background: url("../image/index_box4_2.png") no-repeat -22px center;
    }
    .index_box4 .items .item:nth-child(3) .txt{
        background: url("../image/index_box4_3.png") no-repeat -22px center;
    }
    .index_box4 .items .item:nth-child(4) .txt{
        background: url("../image/index_box4_4.png") no-repeat -22px center;
    }
    .index_box4 .items .item:nth-child(5) .txt{
        background: url("../image/index_box4_5.png") no-repeat -22px center;
    }
    .index_box4 .items .item:nth-child(6) .txt{
        background: url("../image/index_box4_6.png") no-repeat -22px center;
    }
    .index_box4 .items .item:nth-child(1):hover .txt{
        background: url("../image/index_box4_1_1.png") no-repeat -22px center;
        background-color: #eb5a00;
    }
    .index_box4 .items .item:nth-child(2):hover .txt{
        background: url("../image/index_box4_2_2.png") no-repeat -22px center;
        background-color: #eb5a00;
    }
    .index_box4 .items .item:nth-child(3):hover .txt{
        background: url("../image/index_box4_3_3.png") no-repeat -22px center;
        background-color: #eb5a00;
    }
    .index_box4 .items .item:nth-child(4):hover .txt{
        background: url("../image/index_box4_4_4.png") no-repeat -22px center;
        background-color: #eb5a00;
    }
    .index_box4 .items .item:nth-child(5):hover .txt{
        background: url("../image/index_box4_5_5.png") no-repeat -22px center;
        background-color: #eb5a00;
    }
    .index_box4 .items .item:nth-child(6):hover .txt{
        background: url("../image/index_box4_6_6.png") no-repeat -22px center;
        background-color: #eb5a00;
    }
    .line_box5 .text h2{
        margin-top: 0;
    }
    .service_box .service_main{
        width: 70%;
    }
    .contact_box1 .items .txt_left{
        padding-left: 100px;
    }
    .fast_navigation .con_box{
        display: none;
    }
    .water_filling_box3 .content .choice_nav .item{
        font-size: 18px;
    }
    .water_filling_box4 .content .content_text .info{
        width: 100%;
    }
    .carbonated.juice_con .items7 .item:nth-of-type(2){
        flex-wrap: wrap;
    }
    .carbonated.juice_con .items7 .item:nth-of-type(2) .img{
        width: 100%;
        margin-bottom: 20px !important;
    }
}
@media (max-width: 992px) {
    /*body{
        padding-top: 60px;
    }*/
    /*移动端隐藏模块*/
    /*.header {
        display: none;
    }*/

    /*移动端头部*/
    .m_header {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 99999;
    }

    .m_header {
        height: 60px;
    }

    .logo_box {
        width: 100%;
        text-align: center;
        height: 60px;
        line-height: 0;
        font-size: 0;
        zoom: 1;
    }

    .logo_box img {
        height: 100%;
    }

    /*移动端菜单按钮*/
    .nav_toggle {
        color: #fff;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        transform-origin: 50% 50%;
        position: absolute;
        top: 50%;
        left: 10px;
        margin-top: -13px;
        z-index: 999;
    }

    .nav_toggle {
        cursor: pointer;
        padding: 10px 45px 16px 0;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        cursor: pointer;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        height: 3px;
        width: 45px;
        background: #555;
        position: absolute;
        display: block;
        content: '';
    }

    .nav_toggle span:before {
        top: -10px;
    }

    .nav_toggle span:after {
        bottom: -10px;
    }

    .nav_toggle span,
    .nav_toggle span:before,
    .nav_toggle span:after {
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
    }

    .nav_toggle.active span {
        background-color: transparent;
    }

    .nav_toggle.active span:before,
    .nav_toggle.active span:after {
        top: 0;
    }

    .nav_toggle.active span:before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .nav_toggle.active span:after {
        transform: translateY(-10px) rotate(-45deg);
        -webkit-transform: translateY(-10px) rotate(-45deg);
        -ms-transform: translateY(-10px) rotate(-45deg);
        top: 10px;
    }

    /*移动端导航*/
    .m_header .m_nav {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 2;
        overflow: auto;
        border-top: 1px solid #f0f0f0;
        margin-top: -1px;
    }

    .m_header .m_nav_list > li a span {
        display: block;
        width: 100%;
        padding: 0 15px;
        line-height: 35px;
        text-align: left;
        font-size: 16px;
        color: #5e6063;
    }

    .m_header .m_nav_list > li {
        position: relative;
        border-bottom: 1px solid #f0f0f0;
        transition: transform .5s ease;
        transform: matrix(1, -1, 0, 1, 200, 100);
    }

    .m_header .m_nav_list > li > i {
        position: absolute;
        width: 20px;
        height: 20px;
        background: #000;
        top: 8px;
        right: 10px;
        background: url("../image/li_click.png") no-repeat top center;
    }

    .m_header .m_nav_list > li > a {
        opacity: 0;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu {
        height: 0;
        overflow: hidden;
    }

    .m_header .m_nav_list .dropdown .dropdown_menu.on {
        height: auto;
    }

    .m_header .m_nav_list .dropdown_menu > li {
        border-top: 1px solid #f0f0f0;
        background: #f5f5f5;
    }
    .m_header .m_nav_list .dropdown_menu > li a{
        font-size: 14px;
        color: #5e6063;
        line-height: 30px;
        padding: 0 30px;
    }
    .banner_slick .img .txt h2{
        font-size: 35px;
    }
    .banner_slick .img .txt p{
        font-size: 18px;
    }
    .banner_slick .img .txt a{
        font-size: 18px;
    }
    .banner_slick .img .txt{
        padding-top: 20px;
    }
    .index_box3 .items .item{
        width: 50%;
        margin-bottom: 20px;
    }
    .index_box4 .items .item{
        width: 50%;
    }
    .title h2{
        padding-top: 0;
    }
    .index_box5 .items .item{
        width: 100%;
        text-align: center;
    }
    .index_box5 .items .item p{
        padding: 0;
    }
    .line_box2 .content{
        flex-wrap: wrap;
    }
    .line_box2 .content .text{
        width: 100%;
        margin-left: 0;
    }
    .line_box2 .content .btns{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin-right: 0;
    }
    .line_box2 .content .btns a{
        width: 30%;
        display: inline-block;
        white-space: nowrap;
    }
    .box20200422{
        display: none;
    }
    .line_box3.wat .items,
    .line_box3.juice .items{
        overflow: auto;
        display: none;
    }
    .line_box3_con >.container_1600{
        padding: 0 10px;
    }
    .juice_con .line_box3_con,
    .juice_con .line_box3_con.on{
        height: auto !important;
        padding: 15px 0 !important;
    }
    .line_box3.juice .container_1600 .cbg{
        display: none;
    }
    .line_box3.juice{
        display: block;
    }
    .line_box3_con .img.pc{
        display: none;
    }
    .line_box3_con .m_img{
        display: block;
    }
    .line_box6 .pro_lists .img img{
        height: auto;
    }
    .juice_con .line_box3_con .bg1{
        padding: 15px 0;
    }
    .juice_con .bg1>.container_1600{
        padding: 0 10px;
    }
    .line_box3_con h2,
    .line_box3_con >.container_1600 > p,
    .line_box4 h2{
        margin: 0 10px;
        margin-bottom: 10px;
    }
    .line_box3_con.con4 .items .item,
    .line_box3_con.con5 .img img{
        margin-right: 0;
        width: 100%;
    }
    .line_box3_con.con5 .img{
        flex-wrap: wrap;
        padding: 20px 0px;
    }
    .line_box3_con.con4 .items{
        padding-bottom: 20px;
        flex-wrap: wrap;
    }
    .line_box5 .content{
        flex-wrap: wrap;
    }
    .line_box5 .video{
        margin: auto;
        margin-bottom: 20px;
    }
    .line_box5 .text{
        width: 100%;
        margin: 0;
    }
    .line_box5 .video a:after{
        width: 100px;
        height: 100px;
        background: url("../image/line_video_btn.png")no-repeat center;
        background-size: cover;
        margin-left: -23px;
        margin-top: -50px;
    }
    .company_box2 .items{
        flex-wrap: wrap;
    }
    .company_box2 .items .item{
        width: 100%;
    }
    .company_box3 .img{
        display: none;
    }
    .company_box3 .m_img{
        display: block;
    }
    .contact_box1 .items .txt_right .row1 .item_col:nth-child(2){
        margin-top: 20px;
    }
    .company_slick{
        padding-left: 0;
    }
    .service_box .service_main{
        width: 100%;
        padding: 0 10px;
    }
    .service_box .service_nav{
        width: 80%;
        margin-left: 10px;
        position: static;
    }
    .contact_box1 .items{
        flex-wrap: wrap;
    }
    .contact_box1 .items .item{
        width: 100%;
    }
    .contact_box1 .items .txt_left{
        padding-left: 20px;
        padding-top: 0;
        margin-bottom: 20px;
    }
    .contact_box1 .items .txt_right{
        width: 100%;
    }
    .contact_box1 .items .txt_left h3{
        padding-bottom: 30px;
    }
    .contact_box1 .items .item:nth-child(2){
        padding: 0;
    }
    .fast_navigation .col1,
    .fast_navigation .col2,
    .fast_navigation .col3{
        display: none;
    }
    .fast_navigation .con_box .item{
        width: 100%;
    }
    .fast_navigation .col4{
        padding: 0 10px;
    }
    .product_img_box{
        width: 300px;
    }
    .company_box3 .item{
        display: none;
    }
    .cmp_txt{
        /*display: block;*/
    }
    .service_box .service_nav h2:after{
        content:'';
        position: absolute;
        width: 20px;
        height: 20px;
        right: 10px;
        top: 50%;
        margin-top: -10px;
        background: url("../image/pro_click.png") no-repeat top center;
        transition: all .3s;
    }
    .service_box .service_nav h2.active:after{
        transform: rotate(180deg);
    }
    .fixed_new_list{
        display: none;
    }
    .water_filling_box1 h1{
        font-size: 40px;
    }
    .water_filling_box3 .content{
        flex-wrap: wrap;
    }
    .water_filling_box3 .content .choice_nav{
        position: relative;
        width: 100%;
        margin-right: 0;
        padding-right: 40px;
        height: 40px;
        overflow: hidden;
    }
    .line_box2 .m_img{
        display: block;
    }
    .water_filling_box3 .content .choice_nav i{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        background: url("../image/order_plus.png") no-repeat center ;

    }
    .water_filling_box3 .content .choice_nav.on i{
        background: url("../image/order_minus.png") no-repeat center ;
    }
    .water_filling_box3 .content .choice_nav.on{
        height: auto;
    }
    .water_filling_box3 .choice_content{
        width: 100%;
    }
    .water_filling_box3 .content .choice_nav .item{
        line-height: 40px;
    }
    .water_filling_box4 .content .content_text.right,
    .water_filling_box4 .content .img.left,
    .water_filling_box4 .content .img.right,
    .water_filling_box4 .content .content_text.left{
        width: 100%;
        order: inherit;
    }
    .water_filling_box4 .content .img{
        margin: 0 10px;
    }
    .water_filling_box4 .content .content_text .info{
        padding-left: 10px;
    }
    .water_filling_box4 .content p{
        font-size: 12px;
    }
    .water_filling_box5{
        padding: 30px 0;
    }
    .water_filling_box5 .items .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .water_filling_box5 .items .item .img:after{
        display: none;
    }
    .water_filling_box5 .video_click:after{
        background-size: 80px;
    }
    .juice_con .items1 .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .juice_con .items1{
        flex-wrap: wrap;
    }
    .juice_con .items4, .juice_con .items5, .juice_con .items6, .juice_con .items7{
        flex-wrap: wrap;
    }
    .juice_con .items4 .item, .juice_con .items5 .item, .juice_con .items6 .item, .juice_con .items7 .item{
        width: 100%;
    }
    .juice_con .items4 .img, .juice_con .items5 .img, .juice_con .items6 .img, .juice_con .items7 .img{
        padding-left: 0;
    }
    .juice_con .items8{
        flex-wrap: wrap;
    }
    .juice_con .items8 .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .juice_con .items9 .item{
        width: 100%;
        margin-bottom: 20px;
        padding-top: 0;
    }
    .juice_con .items4 .item:nth-of-type(1),
    .juice_con .items5 .item:nth-of-type(1),
    .juice_con .items6 .item:nth-of-type(1),
    .juice_con .items7 .item:nth-of-type(1){
        padding-top: 0px;
    }
    .line_box4 .img .content .item{
        display: none !important;
    }
    .juice_con .items1 .item p{
        min-height: inherit;
    }
    .carbonated.juice_con .items7 .item:nth-of-type(2){
        flex: inherit;
    }
    .line_box3_con{
        background: none !important;
    }
    .line_box2 .content .btns{
        display: none;
    }
    .line_box2 .content .text p{
        margin-bottom: 0;
    }
    .line_box2 .content .text p,
    .line_box5 .text p{
        font-size: 16px;
    }
    .Crumbs{
        height: 0;
        padding: 0;
    }
    .line_box3_con.con4 .items .item:nth-child(odd){
        margin-right: 0;
    }
    .line_box3_con.con4 .items .item p{
        padding-right: 0;
    }
    .line_box3_con.con4 .items .item h3{
        padding-left: 30px;
        background-size: 16px;
        font-size: 18px;
    }
    .line_box3_con.con4 .items .item p{
        padding-left: 30px;
    }
    .line_box3_con.con4 .items .item .img{
        padding-left: 30px;
    }
    .line_box3_con h2 .video_click{
        margin-left: 14px;
    }
    .line_box3_con.on{
        padding-bottom: 0;
    }
    .line_box4 h2{
        padding-top: 10px;
    }
    .line_box4{
        padding-bottom: 30px;
    }
    .line_box6{
        padding-top: 30px;
    }
    .line_box5{
        padding-bottom: 0;
        padding-top: 30px;
    }
    .line_box5.wat .video a:after{
        background-size: 100px;
    }
    .line_box5 .video{
        width: 80%;
    }
    .line_box6 .pro_lists .list{
        padding: 0;
    }
    .line_box6 .pro_lists .list{
        width: 100%;
        margin-bottom: 30px;
    }
    .line_box6 .pro_lists .list .img{
        width: 100%;
        margin-bottom: 20px;
    }
    .line_box6 .pro_lists .list .img img{
        width: 100%;
    }
    .line_box6 .pro_lists .list .info{
        width: 100%;
    }
    .line_box6 .pro_lists .info{
        padding-left: 0;
    }
    .line_box3_con.on{
        padding-top: 20px;
    }
    .line_box3_con.con4 .items, .line_box3_con.con5 .img{
        display: block;
    }
    .line_box3_con.con4 .items{
        padding: 10px 0px;
    }
    .line_box3_con{
        height: auto;
    }
    .line_box3_con h2 .video_click{

    }

    .items20200422 .item{
        padding-left: 10px;
        width: 100%;
        margin-bottom: 25px;
    }
    .index_box6 .img{
        background: url(../image/index_box6_02_0.jpg) no-repeat center;
    }

    .index20210726 .item .text h3{
        padding-bottom: 10px;
        line-height: 1.4;
    }
    .index20210726 .item .text p{
        line-height: 1.6;
    }
}
@media (max-width: 767px) {
    .footer_fixed_form{
        display: none;
    }
    #back_top{
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .fast_navigation .col_lg_10{
        width: 100%;
    }
    .footer_copyright .text{
        text-align: center;
        margin-bottom: 10px;
    }
    .footer_copyright p span, .footer_copyright p a, .footer_copyright p{
        line-height: 1.4;
    }
    .banner_slick .img .txt h2{
        font-size: 26px;
    }
    .banner_slick .img .txt p,
    .banner_slick .img .txt a{
        font-size: 16px;
    }
    .banner_slick .img .txt a{
        width: 150px;
    }
    .banner_slick .img .txt h2{
        padding-bottom: 15px;
    }
    .banner_slick .img .txt p{
        margin-bottom: 15px;
    }
    .banner_slick .img .txt a{
        width: 116px;
        height: 30px;
        line-height: 30px;
    }
    .title h2,
    .index_box5 .items .item h2{
        font-size: 26px;
        padding-top: 0;
    }
    .index_box5 .items .item h2{
        padding-bottom: 0;
    }
    .index_box5 .items{
        padding-top: 20px;
    }
    .index_box3 .more a{
        margin: 20px 0;
        width: 150px;
        height: 38px;
        line-height: 38px;
        font-size: 16px     ;
    }
    .index_box4 .title{
        padding-top: 20px;
    }
    .index_box4 .title p{
        font-size: 16px;
    }
    .index_box4 .items .item{

    }
    .index_box4 .items .item .txt h2{
        padding-top: 10px;
    }
    .index_box4 .items .item .txt p{
        font-size: 12px;
        line-height: 1em;
    }
    .index_box4 .items .item .txt h2 a{
        font-size: 14px ;
    }
    .index_box4 .bg{
        width: 100%;
    }
    .index_box6 .img .txt{
        padding-top: 20px;
    }
    .index_box6 .img .txt h3{
        padding-bottom: 0;
        font-size: 30px;
    }
    .index_box6 .img .txt h2{
        padding-bottom: 0;
        font-size: 38px;
    }
    .index_box6 .img .txt p{
        font-size: 18px;
    }
    .index_box6 .img{
        height: 360px;
    }
    .index_box6 .img .txt p{
        margin-bottom: 10px;
    }
    .index_box7 h2{
        font-size: 26px;
        padding-bottom: 20px;
    }
    .index_box7{
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .index_box7 .item{
        height: auto;
    }
    .line_box2 .content .btns a{
        width: 70%;
    }
    .line_box2 .content{
        padding-top: 20px;
    }
    .line_box2 .content .text h1,
    .line_box5 .text h2,
    .line_box6 > h2{
        font-size: 26px;
        padding-bottom: 20px;
    }
    .line_box6 h4,
    .company_box2 .items .item h1,
    .company_box2 .items .item h1 span,
    .company_box2 h2,
    .company_box2 h2 span,
    .company_box4 .txt h2,
    .company_box4 .txt h2 span{
        font-size: 26px;
    }
    #market{ display: none; }
    .wat_box1 h3{
        font-size: 13pxx;
    }
    .wat_box1 h3{
        top: 35px;
    }
    .line_box3_con.con4 .items .item .img{
        margin: 0;
    }
    .company_box2{
        padding-top: 20px;
    }
    .company_box2 .items .item h1{
        margin-bottom: 20px;
    }
    .line_box2 .content .text p{
        margin-bottom: 15px;
    }
    .line_box2 .content .btns{
        padding-top: 20px;
    }
    .line_box6 h4{
        padding-top: 60px;
    }
    .company_box2 .items :nth-child(2).item .txt{
        padding-top: 0;
    }
    .company_box4 .txt{
        padding-top: 35px;
    }
    /*.company_slick{
        display: none;
    }*/
    .company_slick{ padding-top: 40px; padding-bottom:25px; }
    .company_slick #certify{ width: 360px; }
    .company_slick2{
        display: block;
        margin: 20px 0;
    }
    .company_slick2 .img img{
        margin: auto;
    }
    .service_main .img{
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .service_main .img .img_50{
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
        text-align: center;
        padding: 0 !important;
    }
    .service_main .img .img_33{
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .service_main .img .img_25{
        width: 49%;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    .contact_box1 .items .txt_left h3{
        font-size: 26px;
    }
    .contact_box1 .items .txt_left{
        padding-right: 20px;
    }
    .contact_box1 .items .txt_right .row1{
        flex-wrap: wrap;
    }
    .contact_box1 .row1 .item_col:nth-child(1){
        width: 100%;
        max-width: none !important;
        margin-bottom: 20px;
    }
    .contact_box1 .row2 .item_col:nth-child(1){
        display: none;
    }
    .contact_box1 .row2 .item_col:nth-child(2){
        margin-right: 0;
    }
    .contact_box2 h2{
        font-size: 26px;
        padding-bottom: 40px;
    }
    .contact_box2{
        padding-top: 40px;

    }
    .contact_box2 .form{
        width: 90%;
    }
    .contact_box2 .form .input input.code{
        width: 250px;
    }
    .contact_box2 .form .input .Varify_img{
        left: 112px;
    }
    .contact_box2 .form .input{
        margin-bottom: 20px;
    }
    .contact_box2 .form .input .sub{
        width: 150px;
        height: 35px;
    }
    .contact_box3 h2,
    .contact_box4 .tit h2{
        font-size: 26px;
    }
    .contact_box4 .tit h2{
        padding-bottom: 20px;
    }
    .contact_box4 .tit{
        padding: 20px 0;
    }
    .contact_box4 .tit h3{
        font-size: 16px;
    }
    #googleMap{
        height: 300px;
    }
    .footer_box .footer_tit h2 a{
        font-size: 16px;
    }
    .footer_box .footer_tit{
        height: 50px;
    }
    .footer_box .footer_tit h2{
        line-height: 20px   ;
        padding-top: 5px;
    }
    .anchor h2, .anchor_pro h2{
        font-size: 18px ;
    }
    .anchor h2, .anchor_pro h2{
        padding-left: 40px;
        padding-bottom: 15px;
    }
    .contact_box1{
        padding-top: 0;
    }
    .contact_box1 .items .txt_left h2{
        font-size: 16px;
    }
    .table_responsive{

        overflow-x: scroll;
    }
    .table_responsive table{
        min-width: 600px;
    }
    .product_tab .tab_sub li{
        width: 100%;
        margin: 4px 0;
        text-align: left;
        border: 0;
    }
    .ejectEmail_form{
        width: 90%;
        left: 5%;
        top: 50%;
        margin-left: 0;
    }
    .index_box7 .item{
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .index_box7 .item .txt{
        width: 100%;
    }
    .index_box7 .item .img{
        width: 100%;
        margin-right: 0;
    }
    .water_filling_box1 h1{
        font-size: 26px;
    }
    .water_filling_box1 .content{
        padding-top: 40px;
    }
    .tit_h{
        font-size: 26px;
    }
    .water_filling_box2 .text{
        padding-left: 0;
    }
    .water_filling_box3 .choice_content .img,
    .water_filling_box3 .choice_content .choice_contents{
        width: 100%;
        float: none;
    }
    .water_filling_box3 .choice_content .img{
        margin-top: 20px;
    }
    .water_filling_box3 .choice_content h3{
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 20px;
    }
    .water_filling_box4 .content h3{
        font-size: 20px;
    }
    .water_filling_box5 .items .item .tip{
        line-height: 40px;
    }
    .water_filling_box5 .items .item{
        border: 0;
    }
    .water_filling_box5 .items .item .img{
        border: 1px solid #ccc;
    }
    .info_table table{
        min-width: 700px !important;
    }
    .water_filling_box3 a.details{
        width: 100%;
        line-height: 30px;
        font-size: 16px;
    }
    .water_filling_box3 .modal{
        width: 90%;
        left: 5%;
        margin-left: 0;
    }
    .Fast_contact{
        top: inherit;
        bottom: 0;
        width: 100%;
    }
    .Fast_contact > ul{
        display: flex;
    }
    .Fast_contact ul li.onlineservice_li{
        width: 50%;
        margin-bottom: 0;
    }
    .Fast_contact ul li.onlineservice_li:nth-of-type(1){
        border-right: 1px solid #fff;
    }
    .footer_box{
        padding-bottom: 40px;
    }
    .onlineservice_tips,
    .onlineservice_tips:after{
        display: none;
    }
    .anchor_pro iframe{
        width: 100%;
        height: 400px;
    }
    .line_box6.juice,
    .line_box6.carbonated{
        display: none;
    }

    .inquireFormBox{
        width: 90%;
        margin-left: 0;
        left: 5%;
    }

    .index20210726{
        padding-top: 50px;
    }
    .index20210726 .tit h2{
        font-size: 26px;
    }
    .index20210726 .item{
        flex-wrap: wrap;
    }
    .index20210726 .item .img,
    .index20210726 .item .img img{
        width: 100%;
    }
    .index20210726 .item .text{
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    .index20210726 .item .text h3{
        font-size: 18px;
    }
}
@media (max-width: 640px){


    .inquireFormBox h2{
        font-size: 20px;
    }
    .inquireFormBox{
        padding: 20px 5px;
    }
    .inquireFormBox .info{
        width: 100%;
    }
    .inquireFormBox .label_control{
        line-height: 20px;
    }
    .inquireFormBox .info.textarea .controls{
        height: 80px;
    }



    .productDetailForm .info{
        width: 100%;
    }
    .productDetailForm .info input[type="button"]{
        width: 180px;
    }
}
@media (max-width: 580px){
    .banner_slick .img .txt h2{
        font-size: 16px;
        padding-bottom: 5px;
    }
    .index_box5 .items .item h2{
        font-size: 18px;
    }
    .banner_slick .img .txt p{
        font-size: 14px;
    }
    .banner_slick .img .txt{
        padding-top: 10px;
    }
    .banner_slick .img .txt a{
        font-size: 14px;
        width: 100px;
        height: 20px;
        line-height: 20px;
    }
    .index_box3 .items .item{
        width: 100%;
    }
    .index_box3 .items .item .txt h2{
        height: auto;
    }
    .index_box5 .items .item p{
        margin-top: 0;
        font-size: 14px;
    }
    .index_box6 .img .txt h3{
        padding-bottom: 0;
        font-size: 20px;
    }
    .index_box6 .img .txt h2{
        padding-bottom: 0;
        font-size: 28px;
    }
    .index_box7 .item .txt h2 a{
        padding-bottom: 0;
        font-size: 14px;
    }
    .index_box7 .item .txt p{
        font-size: 12px;
        line-height: 1.2em;
        padding-bottom: 5px;
    }
    .index_box7 .item .txt h2{
        padding-bottom: 5px;
    }
    .line_box3_con h2{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .line_box4 h2{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .line_box3_con h2 a{
        width: 20px;
        height: 20px;
    }
    .line_box3_con{
        padding-bottom: 0;
    }
    .line_box5 .video a:after{
        margin-left: -31px;
        margin-top: -54px;
    }
    .contact_box3 .row .col_lg_6:nth-child(3) .txt,
    .contact_box3 .row .col_lg_6:nth-child(4) .txt{
        padding-top: 50px;
    }
    .anchor h2, .anchor_pro h2{
        font-size: 16px;
    }
    .anchor h2, .anchor_pro h2{
        padding-left: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .anchor p{
        padding-left: 0;
    }
}
@media (max-width: 480px) {
    .line_box3_con h2{
        font-size: 18px;
        line-height: 2em;
        margin-bottom: 20px;
    }
    .line_box3_con h2:after{
        margin-left: 10px;
    }
    .line_box5 .video a:after{
        width: 70px;
        height: 70px;
        margin-left: -20px;
        margin-top: -34px;
    }
    .line_box6 h4{
        padding-bottom: 180px;
    }
    .line_box6{
        background: url("../image/line_bg3.jpg")no-repeat center bottom;
        background-size: contain;
    }
    .line_box6.juice{
        background: url("../image/juice_img38.jpg")no-repeat center bottom;
        background-size: contain;
    }
    .line_box6.carbonated{
        background: url("../image/1344_img.jpg")no-repeat center bottom;
        background-size: contain;
    }
    .water_filling_box2 .video_click:after{
        background-size: 70px;
    }
    .water_filling_box2 h2{
        font-size: 22px;
    }
    .tit_h{
        font-size: 22px;
    }
    .water_filling_box3 .choice_content p{
        font-size: 18px;
    }
    .info_table table tr td:nth-child(odd),
    .info_table table tr td:nth-child(even),
    .water_filling_box2 p{
        font-size: 12px;
    }
    .water_filling_box5 .items .item .tip{
        position: static;
    }
    .water_filling_box3 .content .choice_nav .m_tab{
        display: block;
        color: #Fff;
        margin-bottom: 5px;
    }
    .water_filling_box3 .content .choice_nav{
        padding-right: 0;
        position: relative;
    }
    .water_filling_box3 .content .choice_nav.on{
        height: auto;
        overflow: visible;
        background: #fff;
    }
    .water_filling_box3 .content .choice_nav .item{
        margin-bottom: 5px;
        line-height: 25px;
        font-size: 14px;
    }
    .water_filling_box3 .content .choice_nav .m_tab::after{
        content: '';
        position: absolute;
        top: 12px;
        right: 10px;
        width: 20px;
        height: 20px;
        background: url(../image/pro_click.png) no-repeat top center;
    }
    .water_filling_box3 .content .choice_nav.on .m_tab_item{
        position: absolute;
        left: 0;
        top: 40px;
        width: 100%;
        background: #fff;
    }
    .water_filling_box3 a.details{
        margin: 30px auto;
    }
    .water_filling_box3{
        padding-top: 30px;
    }
    .tit_h{
        margin-bottom: 30px;
    }
    .water_filling_box5{
        padding-bottom: 0;
    }
    .wat_box1 h3{
        font-size: 20px;
    }
    .line_box3_con >.container_1600 > p{
        line-height: 1.2;
    }
    .line_box3_con .juice_con .items7 p{

    }

    .line_box3_con.wat >.container_1600 > p::after{
        top: 5px;
    }
    .line_box6 .pro_lists .info .content p{
        font-size: 16px;
    }
    .other_line_a a{
        font-size: 12px;
        display: block;
    }
    .anchor h2, .anchor_pro h2{
        line-height: 11px;
    }
    .anchor_pro .img_box{
        height: 190px;
    }
    .anchor_pro .text_box{
        padding-top: 0;
    }
    .other_line_a h3{
        font-size: 26px;
    }
}
.nav_normal .dropdown_menu li.Three_menu > ul {
    position: absolute;
    top: 0;
    left: 100%;
    background: #ffffff;
    min-width: 160px;
    z-index: 3;
    display: none;
}
.nav_normal .dropdown_menu li.Three_menu > ul{
    border: 1px solid #d6d6d6;
    background: #f7f8f8;
    padding: 10px 15px !important;
}

.nav_normal .Three_menu:hover .sub-arrow{
    color: #7aad62;
}
@media (max-width: 380px){
    .line_box5 .video a:after{
        width: 35px;
        height: 35px;
        margin-left: -9px;
        margin-top: -18px;
    }
    .anchor h2, .anchor_pro h2{
        padding-left: 14px;
        font-size: 12px;
    }
    .water_filling_box1 h1{
        font-size: 22px;
    }

    .water_filling_box3 .info{
        font-size: 12px;
    }
}

.header .langBox {
    position: relative;
    margin-left: 16px;
    display: inline-block;
    margin-top: 2px;
}

.langBox ul a {
    display: block;
    white-space: nowrap;
    font-size: 14px;
    line-height: 30px;
    padding: 0 15px;
    color: #ffffff;
}

.langBox span {
    font-size: 20px;
    color: #ffffff;
    padding: 2px;
    border: 2px solid #ffffff;
    line-height: 1;
    font-weight: 300;
    cursor: pointer;
    display: inline-block;
    transition: all 0.5s;
}

.langBox span:hover {
    border: 2px solid #ea5900;
    color: #ea5900;
}

.langBox ul {
    position: absolute;
    left: 0;
    background: #000;
    padding: 8px 0;
    display: none;
    z-index: 3;
}

.langBox ul li:hover {
    background: #ea5900;
}

.langBox ul li {
    transition: all 0.5s;
}
.fast_navigation .form .input p{
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    font-weight: 300;
}
.fast_navigation .form .input p a{
    color: #fff;
    text-decoration: underline;
}
.fast_navigation .form .input p a:hover{
    color: #eb5a00;
}

@media (max-width: 1768px) {
    .contentWH1400{width: 83.3%;}
    .header_bottom_content_left_logo{width: 140px;}
    .header_bottom_content_left_txt h4{font-size: 16px;}
    .header_bottom_content_left_txt p{font-size: 14px;}
    .header_bottom_content_right li + li{margin-left: 36px;}
    .header_bottom_content_right_list_two{height: 36px;}
    .third_link{height: 36px;}
    .index_solution_swiper_right{right: 12.13%;}
    .index_about_content_left_txt h4{font-size: 20px;}
    .index_about_content_left_ul li + li{margin-top: 15px;}
    .index_about_content_left_txt p{font-size: 16px;}
    .index_case_content_sw_txt{padding: 20px;}
}
@media (max-width: 1400px) {
    .header_bottom_content_left_txt{display: none;}
    .header_bottom_content_left_logo{padding-right: 0;}
    .header_bottom_content_left_logo:after{display: none;}
    .indindex_catagories_ul_txt h4{font-size: 20px;}
    .indindex_catagories_ul_txt p{width: 60.2%;}
    .indindex_catagories_ul_txt img{width: 35%;bottom: 6px;}
    .index_about_content_left_img{width: 48px;}
    .index_about_content_left_txt h4{font-size: 17px;}
}
@media (max-width: 1200px) {
    .frist_link{font-size: 16px;}
    .header_top_content_right_right{margin-left: 36px;}
    .index_solution_swiper_right{right: 9.13%;top: -155px;}
    .index_solution_swiper_left{top: -155px;}
    .index_catagories_ul_img{height: 290px;}
    .index_catagories_ul_img img{height: 100%;object-fit: cover;}
    .index_about_content_box{flex-direction: column-reverse;}
    .index_about_content_left{width: 52.5%;margin-top: 30px;}
    .index_turn_title p{width: 92%;}
    .index_news_content_right_img{height: 230px;}
    .index_news_content_right_img img{height: 100%;object-fit: cover;}
    .index_news_content_right_txt_top h4{font-size: 18px;}
    .index_contact_txt h4{font-size: 26px;}
    
}
@media (max-width: 990px) {
    .contentWH1600,.contentWH1400{width: 92%;}
    .header_bottom_content_right li + li{margin-left: 15px;}
    .frist_link{font-size: 14px;}
    .header_top_content_ul li + li{margin-left: 14px;}
    .header_top_content_ul li a{font-size: 14px;}
    .header_top_content_right_right{margin-left: 10px;}
    .index_solution_swiper_right, .index_solution_swiper_left{display: none;}
    .index_solution_box{padding: 80px 4%;}
    .index_catagories_ul li{width: 100%;}
    .index_about_content_right{margin-left: 0;width: 100%;}
    .index_about_content_left{width: 100%;}
    .index_case_content_sw_right, .index_case_content_sw_left{display: none;}
    .index_news_content{flex-wrap: wrap;}
    .index_news_content_left{width: 100%;}
    .index_news_content_right{width: 100%;}
    .index_news_content_right_img{width: 100%;height: auto;}
    .index_news_content_right_img img{width: 100%;}
}
@media (max-width: 768px) {
    .index_solution_box{padding: 8vw 0;}
    .header_top_box{display: none;}
    .header_bottom_content{height: 13.8vw;}
    .header_bottom_content_left_logo{width: 25vw;}
    .hd_btn{display: block;}
    .header_bottom_content_right{position: absolute;top: 13.8vw;left: 0;width: 100%;height: calc(100vh - 13.8vw);z-index: 99;background: #FFFFFF;display: block;overflow: hidden;overflow-y: auto;}
    .header_bottom_content_right li{height: auto;padding-top: 5.8vw;text-align: center;display: block;}
    .header_bottom_content_right li + li{margin-left: 0;}
    .header_bottom_content_right_list{position: relative;width: 100%;top: 5px;}
    .frist_link{font-size: 3.6vw;}
    .header_bottom_content_right_list_two{height: auto;padding: 3.2vw 0;display: block;}
    .second_link, .third_link{font-size: 3.6vw;}
    .header_bottom_content_right_list_three{width: 100%;height: auto;position: relative;top: 0;left:0;}
    .third_link{height: 8.8vw;}
    .header_bottom_content_right{display: none;}
    .index_banner_sw_page span{width: 1.8vw;height: 1.8vw;}
    .index_title_box h4{font-size: 4.8vw;}
    .index_title_box h4 span{font-size: 4.8vw;}
    .index_title_box p{font-size: 3.6vw;line-height: 5.8vw;margin-top: 3.8vw;}
    .index_solution_content{margin-top: 8vw;padding-left: 4%;}
    .index_solution_swiper{padding: 2vw;padding-right: 5vw;}
    .index_solution_swiper .swiper-slide{padding-bottom: 10.8vw;}
    .index_solution_swiper_img span{width: 8.8vw;height: 8.8vw;font-size: 3.8vw;}
    .index_solution_swiper_title{font-size: 3.6vw;}
    .index_solution_swiper_txt h4{font-size: 3.8vw;}
    .index_solution_swiper_txt img{width: 10.8vw;margin-top: 3.2vw;}
    .index_catagories_box{padding: 8vw 0;}
    .index_catagories_ul{margin-top: 3.2vw;}
    .index_catagories_ul li{margin-top: 3.8vw;}
    .indindex_catagories_ul_txt{padding: 5% 4%; height:115%;}
    .indindex_catagories_ul_txt h4{font-size: 5.2vw;}
    .indindex_catagories_ul_txt p{font-size: 3.6vw;line-height: 5.8vw;margin-top: 3.2vw;width: 100%;}
    .indindex_catagories_ul_txt span{width: 42vw;height: 10.8vw;font-size: 3.8vw;border-radius: 5.4vw;margin-top: 3.8vw;}
    .indindex_catagories_ul_txt img{width: 100%; right:0px; top:10px; position:relative;}
    .index_catagories_ul_img{height: 100vw;}
    .index_about_box{padding: 8vw 0;}
    .index_about_content_box{margin-top: 8vw;}
    .index_about_content_right a:after{background-size: 11vw auto;}
    .index_about_content_left_img{width: 8vw;}
    .index_about_content_left_txt{margin-left: 3.8vw;}
    .index_about_content_left_txt h4{font-size: 3.8vw;}
    .index_about_content_left_txt p{font-size: 3.6vw;margin-top: 1.2vw;}
    .index_about_content_left_more{width: 42vw;height: 10.8vw;border-radius: 5.4vw;font-size: 3.8vw;margin-top: 5.8vw;}
    .index_turn_box{padding: 8vw 0;}
    .index_turn_content_box{width: 100%;margin-top: 5.8vw;}
    .index_turn_sw .swiper-slide a:after{background-size: 11vw;}
    .index_turn_sw .swiper-slide h4{font-size: 3.8vw;width: 48vw;height: 10.8vw;border-radius: 0px 5.4vw 0 0;}
    .index_case_box{padding: 8vw 0;}
    .index_case_content_box{margin-top: 8vw;padding:0 4%;}
    .index_case_content_sw_img h4{font-size: 3.8vw;left: 3.8vw;bottom: 3.8vw;opacity: 0;}
    .index_case_content_sw_txt{padding: 5% 4%;opacity: 1;}
    .index_case_content_sw_txt h4{font-size: 3.8vw;margin-bottom: 3.2vw;}
    .index_case_content_sw_txt p{font-size: 3.6vw;line-height: 5.8vw;}
    .index_case_content_sw_txt a{width: 42vw;height: 10.8vw;font-size: 3.8vw;border-radius: 5.4vw;margin-top: 3.8vw;}
    .index_news_box{padding: 8vw 0;}
    .index_news_content{margin-top: 5.8vw;}
    .index_news_content_left_txt{padding: 5% 4%;}
    .index_news_content_left_txt h5{font-size: 3.6vw;}
    .index_news_content_left_txt h4{margin-top: 3.2vw;}
    .index_news_content_left_txt h4 a{font-size: 3.8vw;}
    .index_news_content_left_time{margin-top: 3.6vw;}
    .index_news_content_left_time span{font-size: 3.6vw;}
    .index_news_content_left_time span em{font-size: 3.2vw;}
    .index_news_content_left_time span + span{margin-left: 5.8vw;}
    .index_news_content_left_more{width: 42vw;height: 10.8vw;font-size: 3.8vw;border-radius: 5.4vw;margin-top: 3.8vw;}
    .index_news_content_right_txt{padding: 4%;}
    .index_news_content_right_txt_top h5{font-size: 3.2vw;}
    .index_news_content_right_txt_top h4{font-size: 3.6vw;}
    .index_news_content_right_txt_bottom,.index_news_more{width: 42vw;height: 10.8vw;font-size: 3.8vw;border-radius: 5.4vw;margin-top: 3.8vw;}
    .index_contact_bg{height: 38vw;}
    .index_contact_bg img{height: 100%;object-fit: cover;}
    .index_contact_txt{flex-direction: column;align-items: center;padding: 0 4%;}
    .index_contact_txt h4{font-size: 4.8vw;text-align: center;line-height: 1.6;}
    .index_contact_txt a{width: 42vw;height: 10.8vw;font-size: 3.8vw;border-radius: 5.4vw;margin-top: 3.8vw;}
    .footer_content_box{padding: 8vw 0;flex-wrap: wrap;}
    .footer_content_nav h4{font-size: 4.2vw;margin-bottom: 3.2vw;}
    .footer_content_nav a{font-size: 3.6vw;line-height: 5.8vw;}
    .footer_content_nav:nth-of-type(3){width: 100%;margin-top: 5.8vw;}
    .footer_content_nav p{font-size: 3.6vw;line-height: 5.8vw;}
    .footer_content_right{width: 100%;margin-top: 5.8vw;}
    .footer_content_right h4{font-size: 4.2vw;margin-bottom: 3.2vw;}
    .footer_content_right_share a{width: 8.8vw;height: 8.8vw;}
    .footer_content_right_share a img{width: 50%;}
    .footer_search{height: 10.8vw;margin-top: 3.8vw;}
    .footer_search_input{font-size: 3.6vw;}
    .footer_form_box{margin-top: 3.2vw;}
    .footer_form_box li{height: 10.8vw;}
    .footer_form_box li input{font-size: 3.6vw;}
    .footer_form_btn{width: 38vw;height: 10.8vw;border-radius: 5.4vw;font-size: 3.8vw;margin-top: 3.8vw;margin-left: 0;}
    .footer_last_box{padding: 1.8vw 4%;}
    .footer_last_box p{font-size: 3.6vw;text-align: center;}
    .index_solution_swiper_right,.index_solution_swiper_left{top: 50%;transform: translateY(-50%);display: flex;background: #fff;width: 10.8vw;height: 10.8vw;line-height: 10.8vw;}
    .index_solution_swiper_right{right: 5.8vw;}
    .index_solution_swiper_left{left: 5.8vw;right: auto;}
}