@media only screen and (min-width:768px) and (max-width:1200px){
.pad_block{display:block;}
.pad_inline{display:inline;}
.pad_none{display:none;}
.pad_w96{width:96%;height: auto;}
.pad_w100{width:100%;height: auto;}


header {min-width: 100%;background: #fff;z-index: 9999;}
.h_white {background: #fff;transition: initial;}
.header_con {min-width: 100%;min-width: 100%;padding: 0;border-bottom: none;}
.header_logo {padding-top: 0.27rem;padding-left: 0.21rem;box-sizing: border-box;}
.header_logo img {width: 5.26rem;height: auto;}


.model-1 {width:1.4rem;height:1.4rem;float: right;background: #bc0e55;padding: 0.48rem 0.4rem;box-sizing: border-box;}
.menu{width:0.6rem; height:0.56rem;position:relative; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; box-sizing: border-box;}
.bar{height:0.02rem; width:0.6rem; display:block; position:absolute; background-color:#fff;border-radius: 0.02rem;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.bar.n1{width:100%;height: auto;position:absolute;color:#fff;background: none;text-align: center;border-radius: 0;top: 0.42rem;font-size: 0.2rem;}
.model-1 .bar:nth-of-type(1) {
  top:0;
  -moz-transition: top 0.2s ease 0.2s, -moz-transform 0.2s ease-out 0;
  -o-transition: top 0.2s ease 0.2s, -o-transform 0.2s ease-out 0;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0.2s, 0;
  transition: top 0.2s ease 0.2s, transform 0.2s ease-out 0;  
}
.model-1 .bar:nth-of-type(2) {
  top:0.13rem;
  -moz-transition: ease 0.1s 0.1s;
  -o-transition: ease 0.1s 0.1s;
  -webkit-transition: ease 0.1s;
  -webkit-transition-delay: 0.1s;
  transition: ease 0.1s 0.1s; 
}
.model-1 .bar:nth-of-type(3) {
  top:0.26rem;
  -moz-transition: top 0.2s ease 0.2s, -moz-transform 0.2s ease-out 0;
  -o-transition: top 0.2s ease 0.2s, -o-transform 0.2s ease-out 0;
  -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out;
  -webkit-transition-delay: 0.2s, 0;
  transition: top 0.2s ease 0.2s, transform 0.2s ease-out 0;
}
.model-1.hover .bar:nth-of-type(1) {
  top:0.13rem;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: top 0.1s ease 0, -moz-transform 0.1s ease-out 0.2s;
  -o-transition: top 0.1s ease 0, -o-transform 0.1s ease-out 0.2s;
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s ease-out;
  -webkit-transition-delay: 0, 0.2s;
  transition: top 0.1s ease 0, transform 0.1s ease-out 0.2s;
}
.model-1.hover .bar:nth-of-type(2) {
  opacity: 0;
}
.model-1.hover .bar:nth-of-type(3) {
  top:0.13rem;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transition: top 0.1s ease 0, -moz-transform 0.1s ease-out 0.2s;
  -o-transition: top 0.1s ease 0, -o-transform 0.1s ease-out 0.2s;
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s ease-out;
  -webkit-transition-delay: 0, 0.2s;
  transition: top 0.1s ease 0, transform 0.1s ease-out 0.2s;
}

.header_nav {display: none;float: none;width: 100%;position: fixed;top: 1.4rem;z-index: 9999;background: #fff;}
.header_nav.unfold {display: block;}
.nav_list {width: 100%;padding: 0 0.4rem;box-sizing: border-box;}
.nav_list > li {float: none;margin-left: 0;font-size: 0.26rem;letter-spacing: 0.07rem;line-height: 0.63rem;border-bottom: 1px solid #c9c9c9;box-sizing: border-box;}
.nav_list > li a {display: block;}
.nav_list > li.on a, .nav_list > li:hover a {color: #000;}
.business_list {position: static;padding: 0;background: none;color: #000;}
#business {background: url(../images/add.png) no-repeat 97% 0.25rem;background-size: 0.33rem auto;}
#application {background: url(../images/add.png) no-repeat 97% 0.25rem;background-size: 0.33rem auto;}
#business.unfold,#application.unfold {background: url(../images/reduce.png) no-repeat 97% 0.39rem;background-size: 0.33rem auto;}
.business_list h5 {display: none;}
.business_list ul {width: 100%;margin: 0;}
.business_list ul li {float: none;margin-left: 0;width: 100%;}
.business_list ul li a {color: #000;}
.business_list ul li img {display: none;}
.business_list ul li p {font-size: 0.23rem;margin-top: 0;line-height: 0.9rem;letter-spacing: 0.07rem;padding-left: 0.1rem;border-left: none;border-top: 1px solid #c9c9c9;box-sizing: border-box;}
.nav_list li:hover .business_list ul li a {color: #000;}
.contact_banner,.products_banner,.foods_banner,.about_us_banner,.powder_banner,.business_banner,.news_banner {min-width: 100%;background-size: cover;margin-top: 1.4rem;}
.contact_list_con {max-width: 100%;width: 96%;padding:50px 30px;}
.toop_contact_dl dt {width: 22%;}
.toop_contact_dl dd {width: 78%;}
.toop_contact_text {}
.toop_contact_textarea {width: 100%;}
.contact_us {min-width: 100%;height: auto;background: none;}
.contact_con {display: block;width: 100%;}
.contact_us_left {display: none;width: 100%;height: auto;padding:0.94rem 0;background: #000;}
.contact_us_left .products_industry_h5 {text-align: center;font-size: 0.44rem;letter-spacing: 0.07rem;}
.contact_us_des {margin-top: 0.58rem;font-size: 0.24rem;text-align: center;}
.contact_us_left .high_quality_a {margin:0.82rem auto 0 auto;font-size: 0.28rem;width: 4.33rem;height: 0.98rem;line-height: 0.98rem;border-radius: 0.7rem;}
.contact_us_left .high_quality_a img {margin-top: -0.06rem;}
.contact_us_right {width: 100%;height: auto;padding: 0.85rem 0 0.98rem 0;}
.contact_us_dl {display: block;}
.contact_us_dl dt {font-size: 0.44rem;letter-spacing: 0.07rem;margin-right: 0;text-align: center;}
.contact_us_dl dt .img2 img {width: 3.48rem;height: auto;margin-top: 0.48rem;}
.contact_us_dl dd {margin-top: 0.49rem;margin-left: 1.16rem;}
.contact_us_dl dd.db {display: block;}
.contact_us_dl dd .img1 {margin-left:0;margin-right: 0.35rem;box-sizing: border-box;}
.contact_us_dl dd .img1 img {width: 0.62rem;height: auto;}
.contact_us_dl dd .des {font-size: 0.26rem;}
.contact_us_dl dd .des span {display: block;margin-top: 0.16rem;}
.contact_us_dl dd .des span.sp_none {display: inline-block;}
.contact_us_dl dd .des span.sp_none.pad_none {display: none;}
.contact_us_dl dd .des span img {width: 4.15rem;height: auto;}
.line {width: 100%;margin-top: 0.8rem;padding-top: 0.83rem;box-sizing: border-box;}
.contact_us_dl.line dd .img1 img {width: 0.73rem;height: auto;}
.contact_us_dl.line dd .des {font-size: 0.24rem;line-height: 0.37rem;}
.footer {min-width: 100%;padding: 0;background: none;margin-top: 0.56rem;}
.footer_con {width:96%;display: block;}
.footer_ul li {float: none;width: 100%;margin-left: 0;line-height: 1.19rem;border-bottom: 1px solid #bfbfbf;box-sizing: border-box;}
.footer_ul li:nth-child(1) {margin-left: 0;}
.footer_ul li h5 {font-size: 0.32rem;}
#business2 {background: url(../images/add.png) no-repeat 97% 0.42rem;background-size: 0.43rem auto;padding: 0 0.27rem;box-sizing: border-box;}
#application2 {background: url(../images/add.png) no-repeat 97% 0.42rem;background-size: 0.43rem auto;padding: 0 0.27rem;box-sizing: border-box;}
.footer_ul li a {display: block;padding: 0 0.27rem;box-sizing: border-box;}
.footer_ul li p {display: none;font-size: 0.3rem;
    margin-top: 0;padding-left: 0;
    line-height: 0.9rem;
    letter-spacing: 0.07rem;
    border-left: none;
    box-sizing: border-box;}
.footer_ul li p a {margin-top: 0;display: block;padding-left: 0.6rem;border-top: 1px solid #c9c9c9;box-sizing: border-box;}
#business2.unfold,#application2.unfold {background: url(../images/reduce.png) no-repeat 97% 0.62rem;background-size: 0.43rem auto;}

/*.footer {min-width: 100%;}
.footer_con {width: 96%;display: block;}
.footer_logo {text-align: center;}
.footer_ul {width: 100%;margin-top: 30px;}
.footer_ul li {margin-left:9%;}
.footer_ul li:nth-child(1) {margin-left: 0;}*/





.copyright {width: 100%;margin: 1.67rem 0 0.5rem 0;font-size: 0.21rem;text-align: center;line-height: 1.5;color: #808080;}
.copyright a {color: #808080;}
.pagetop {right:0;bottom: 0;}
.pagetop img {width: 0.5rem;height: auto;}
.copyright span {display: block;margin-left: 0;}
.copyright span a {display: block;}



.news_info {min-width: 100%;padding: 20px;box-sizing: border-box;}
.video_bg {min-width: 100%;}
.video_con_title {font-size: 60px;line-height: 1.5;}
.videocontainer video {height: 616px;object-fit: cover;}
.tab_bg {min-width: 100%;}
.high_quality {width: 96%;}
.high_quality_dl dt img {width: 100%;height: auto;}
.products_industry {min-width: 100%;padding-bottom: 30px;background: url(../images/pi_bg_sp.svg) no-repeat center 0.85rem;background-size: 100% auto;}
.business_segments_list {width: 96%;margin-top: 35px;}
.business_segments_list li {width:49%;margin-left: 2%;height: auto;margin-top: 15px;}
.business_segments_list li img {width: 100%;height: auto;}
.business_segments_list li .business_hover {width: 100%;}
.business_segments_list li:nth-child(2n+1) {margin-left: 0;}
.about_us {min-width: 100%;}
.about_usimg img {width: 78%;height: auto;}
.sq_ul {width: 100%;}
.sq_ul li {width: 49%;margin-left: 2%;}
.sq_ulimg img {width: 100%;height: auto;}
.sq_ultitle {font-size: 19px;}
.high_quality_a {height: 70px;line-height: 70px;}
.advantage {min-width: 100%;background-size: 160% auto;padding: 220px 0 60px 0;height: auto;}
.advantage_con {min-width: 100%;}
.advantage_ul {position: static;width: 100%;padding: 20px;}
.advantage_ul li {width: 49%;margin-top: 20px;}
.advantage_dimg {position: static;}
.advantage_dimg img {width: 50%;height: auto;}
.clints {min-width: 100%;height: auto;}
.clints_list img {width: 100%;height: auto;}

.products_kind {min-width: 100%;}
.products_kind_ul {width: 96%;}
.products_kind_ul li {width: 18.4%;margin-left: 2%;}
.products_kind_ul li:nth-child(7n+1) {margin-left: 2%;}
.products_kind_ul li:nth-child(5n+1) {margin-left: 0;}
.w1400 {min-width: 100%;}
.products_search_result {width: 96%;}
.products_search_resultlist li {width:32%;margin-left: 2%;}
.products_search_resultlist li .img {height: 300px;}
.products_search_resultlist li .img img {height: 60%;}
.products_search_resultlist li .des {background: url(../images/tori.svg) no-repeat right center;background-size: 10px auto;padding: 0 20px 0 0;font-size: 15px;}

.toop_detail_intro {width: 96%;}
.toop_detail_intro .big li {width: 200px;height: 200px;}
.toop_detail_intro .toop_ins {width: 53%;margin-left: 20px;}
.toop_detail_intro .toop_ins h3 {font-size: 28px;}
.w1200 {width: 96%;}
.products_detail_chara li span {width: 100%;}
.toop_ins_ul li {width: 32%; margin-left: 2%;margin-top: 10px;}
.toop_ins_ul li:nth-child(3n+1) {margin-left: 0;}

.header_contact_sp {display: flex;align-items: center;margin-top: 0.3rem;padding: 0 0.4rem;box-sizing: border-box;}
.header_contact_p {font-size: 0.25rem;line-height: 0.36rem;width: 35%;}
.header_contact_dl {display: flex;align-items: center;}
.header_contact_dl dt {width: auto;text-align: center;margin-right: 0.3rem;}
.header_contact_dl dt img.h63 {width: auto;height: 0.63rem;}
.header_contact_dl dt img.h85 {width: auto;height: 0.85rem;}
.header_contact_dl dd .a1 {font-size: 0.24rem;color: #080808;}
.header_contact_dl dd .a2 {margin-top: 0.14rem;}
.header_contact_dl dd .a2 img {width: 3.0rem;height: auto;}
.header_contact_dl dd img {width: 2rem;height: auto;}

.nav_info {min-width: 100%;}
.nav_info_con {width: 100%;padding: 0 2%;box-sizing: border-box;}
.foods_intro {width: 96%;margin: 50px auto 0 auto;}
.foods_intro_img {width: 30%;}
.foods_intro_img img {width: 100%;height: auto;}
.foods_intro_ri {margin-left: 2%;width: 68%;}
.foods_intro_chara {width: 100%;margin-top: 30px;}
.foods_intro_ul li {width: 49%;margin-left: 2%;font-size: 15px;}
.foods_design_img img {width: 96%;height: auto;margin-top: 10px;}
.foods_system {width: 575px;margin: 50px auto 0 auto;}
.foods_system li {float: none;margin-left: 0;}
.cooperative_customers li {margin-left: 4px;padding: 0 10px;}
.about_list {min-width: 100%;}
.about_listul {width: 96%;}
.about_listul li {width: 23.5%;margin-left: 2%;}
.about_listul li .img img {width: 100%;height: auto;}
.about_listul li .des {font-size: 15px;padding-left: 5px;background-size: 10px auto;}
.about_attitude {min-width: 100%;}
.about_attitude_des {width: 96%;}
.about_history {width: 750px;background-size: 100% auto;height: 500px;}
.about_history_lip {margin-top: 58px;font-size: 13px;}
.about_history_h5 {font-size: 34px;}
.about_history_li.h1 {left: 189px;top: 51px;}
.about_history_li.h2 {left: 406px;top: 51px;}
.about_history_li.h3 {left: 14px;top: 198px;}
.about_history_li.h4 {left: 258px;top: 198px;}
.about_history_li.h5 {left: 498px;top: 198px;}
.about_history_li.h6 {left: 50px;top: 322px;}
.about_history_li.h7 {left: auto;top: 468px;text-align: center;width: 100%;}
.about_summary {min-width: 100%;}
.about_summary_con {width: 96%;margin-left: -48%;padding: 30px 60px;}
.about_summary_tb tr td:first-child {width: 150px;}
.about_advantage {min-width: 100%;height: auto;padding-bottom: 700px;padding-top: 120px;}
.about_advantage_con1 {margin-top: 50px;}
.about_advantage_con1 .w939 {width: 100%;min-width: 100%;}
.about_advantage_dimg2 {left: auto;right: -2%;}
.about_advantage_dimg2 img {width:232px;height: auto;}
.aa_ri .img2 img {width: 286px;height: auto;}
.about_advantage_con .w939 {width: 100%;padding-left:232px;padding-right: 30px;}
.about_advantage_con li {width: 49%;margin-left: 2%;margin-top: 30px;}
.advantage_h5 {font-size: 17px;}
.advantage_des {font-size: 13px;padding-left: 24px;}
.about_advantage_con_dimg {right: auto;left: -2%;}
.about_advantage_con_dimg img {width: 232px;height: auto;}
.globalnet {min-width: 100%;height: auto;padding-bottom: 100px;}
.globalnet_ul {width: 96%;}
.globalnet_ul li {width: 32%;margin-left: 2%;}
.globalnet_img img {width: 100%;height: auto;}
.about_advantage_h5 {font-size: 25px;}
.globalnet_companyname {font-size: 13px;}
.globalnet_companyname span.a1 {padding: 0 8px;font-size: 12px;height: 28px;line-height: 28px;letter-spacing: 2px;}
.globalnet_con {padding: 20px 10px 0 10px;}
.powder_min {width: 96%;min-width: 96%;margin: 50px auto 0 auto;}
.powder_min_title {font-size: 32px;}
.powder_min_p {font-size: 15px;}
.powder_min_img img {width: 100%;height: auto;}
.powder_advantage {min-width: 100%;}
.powder_advantage_des {width: 100%;}
.powder_advantage_bg {background: url(../images/powder_advantage_bg_pad.png) no-repeat left center;}
.powder_advantage_p {width: 100%;}
.powder_advantage_p p {padding-left: 20px;}
.test_type {width: 96%;}
.test_type_ul {width: 100%;margin-top: 0;}
.test_type_ul.n5 {width: 100%;}
.test_type_ul li {width: 32%;margin-left: 2%;margin-top: 15px;}
.test_type_ul.n5 li {width: 32%;margin-left: 2%;}
.test_type_ul li:nth-child(3n+1) {margin-left: 0;}
.powder_scale {min-width: 100%;}
.powder_scale_w {width: 96%;}
.powder_scale_ul {margin-top: 50px;}
.powder_scale_ul li {width: 49%;margin-left: 2%;}
.powder_scale_f {padding: 6px 20px 69px 20px;}
.powder_scale_fdl dt {width: 47%;}
.powder_scale_fdl dt .img {width: 100%;}
.powder_scale_fdl dt .img img {width: 100%;height: auto;}
.powder_scale_fdl dd {width: 50%;margin-left: 2%;}
.powder_scale_ful li {width: 49%;margin-left: 2%;}
.powder_scale_fh5 {font-size: 15px;}



.news_list {min-width: 768px;}
.news_list_a {width: 80%;}
.news_detail_con {min-width: auto;}
.news_detail_cons2 {width: 80%;}
.news_detail_cons2_left {width: 100%;}
.w1160 {width:80%;}
.news_detail_next {width: 80%;}
.news_detail_next .f18 {width: 3rem;overflow:hidden;

                white-space: nowrap;

                text-overflow: ellipsis;

                -o-text-overflow:ellipsis;}

.processul_sp_dl {margin-top: 0.61rem;width: 100%;height: 3.88rem;display: flex;align-items: center;background: url(../images/step1_sp.jpg) no-repeat top center;background-size: cover;}
.processul_sp_dl dt {width: 3.02rem;display: flex;align-items: center;justify-content: center;}
.processul_sp_dl dt img.sp_w85 {width: 0.85rem;height: auto;}
.processul_sp_dl dt img.sp_w70 {width: 0.7rem;height: auto;}
.processul_sp_dl dt img.sp_w80 {width: 0.8rem;height: auto;}
.processul_sp_dl dt img.sp_w100 {width: 1rem;height: auto;}
.processul_sp_dl dt img.sp_w63 {width: 0.63rem;height: auto;}
.processul_sp_dl dd {width: 4.27rem;color: #fff;padding:0 0.31rem;box-sizing: border-box;}
.processul_sp_dl dd .p1 {font-size: 0.32rem;line-height: 1;font-weight: bold;}
.processul_sp_dl dd h5 {font-size: 0.31rem;margin-top: 0.18rem;line-height: 1;}
.processul_sp_dl dd .p2 {font-size: 0.25rem;margin-top: 0.25rem;line-height: 1.5;}
.case_presentation li {width: 49%;margin-left: 2%;}
.case_presentation li:nth-child(3n+1) {margin-left: 2%;}
.case_presentation li:nth-child(2n+1) {margin-left: 0;}
.map_con {width: 96%;margin: 2.3rem auto 1.1rem auto;}
.map_pt50 .map_li {width: 49%;margin-left: 2%;margin-top: 20px;}
.map_pt50 .map_li:nth-child(2n+1) {margin-left: 0;}


.header_language {text-align: center;margin-top: 0.3rem;font-size: 0.35rem;}
.header_language a {display: inline-block;width: 0.83rem;height: 0.83rem;border-radius: 50%;text-align: center;line-height: 0.83rem;}
.header_language a.active {background: #F7CBDB;}




.business_segments_list li .business_hover p.p2 {margin-top: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.business_segments_list li .business_hover a {width: 100%;}


.globalnet_con {height: 371px;}


.toop_contact_dl.w100 dd label {width: 77%;}
}




