@media only screen and (max-width: 767px) {
#nb_toolbar_dial{background:#2b3033 !important;}
.sp_none {display: none !important;}
.sp_block {display: block !important;}
.sp_inline {display: block !important;}
.sp_th {display: table-cell !important;}
.center {width:100%;height: auto;}
.sp_w90 {width: 90%;margin: 0 auto;}
.sp_w94 {width: 94%;margin: 0 auto;}
.sp_w96 {width: 96%;margin: 0 auto;}
.sp_w100 {width: 100%;margin: 0 auto;}
.sp_mt15 {margin-top: 15px;}
.sp_mt35 {margin-top: 35px;}

header .unimat_top2 .unimat_logo {margin-left: 3%;width: 100px;height: auto;margin-top:8px;}
.model-1 {width:25px;height:22px;float: right;background: #333;padding:15px 10px;}
.menu{width:25px; height:25px;position:relative; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; box-sizing: border-box;}
.bar{height:3px; width:25px; display:block; position:absolute; background-color:#fff;border-radius: 2px;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
.model-1 .bar:nth-of-type(1) {
  top:0px;
  -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:8px;
  -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:16px;
  -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:8px;
  -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:8px;
  -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;
}
.top_re {position: relative;margin-bottom: 52px;}
.nav {display: none;width:100%;position: fixed;top:-52px;left: 0;background:#333;padding: 0 0 25px 0;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;box-sizing: border-box;z-index:1000; overflow:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition: all ease-out .5s; -webkit-transition: all ease-out .5s; -moz-transition: all ease-out .5s; -o-transition: all ease-out .5s;}
.nav.unfold{height:auto; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; display: block;}
.nav .nav_sp {width: 100%;padding-top: 20px;}
.nav .nav_sp li {float: none;border-right: none;margin-left: 0;height: 52px;line-height: 52px;padding: 0;display: block;font-size: 15px;}
.nav .nav_sp li.active {border-bottom: 2px solid #595959;}
.nav .nav_sp li:first-child {border-top: 2px solid #595959;}
.nav .nav_sp li a {display: block;padding: 0 6%;color: #fff;width: 100%;text-align: left;border-bottom: 2px solid #595959;box-sizing: border-box;}
.nav .nav_sp li.nav_li01 a {width: 100%;padding-left: 6%;}
.nav .nav_sp li.last {border-bottom: 1px solid #d0d0d0;}
.nav .nav_sp li span {float: right;transform: scale(1,2);color: #808080;}
#close_sp {font-size: 16px;color: #b3b3b3;text-align: center;width: 94%;height:45px;line-height: 45px;margin: 0 auto;background: #4d4d4d;}
#close_sp img {width: 18px;height: auto;vertical-align: middle;}
.nav .top_ri {width: 100%;padding: 38px 6%;}
.nav .top_ri img {float: left;vertical-align: middle;}
.nav .top_ri ul li {float: left;width: 112px;height: 37px;line-height: 37px;border:2px solid #666;text-align: center;margin-left: 10px;}
.nav ul li {width: 100%;}
.nav ul li a {padding: 0;}
.nav ul li a:hover, .nav ul li.active a {background: none;}
header .unimat_top2 {height: 52px;width:100% !important;}
.unimat_banner {background: none;height: auto;padding-top: 0;}
.unimat_banner .a1,.unimat_banner .a1.a2 {display: none;}
.unimat_campaign {height: auto;margin-top: 15px;}
.unimat_campaign h3 {font-size: 18px;height: 30px;line-height: 30px;}
.unimat_campaign .unimat_campaign_des {padding: 9px;}
.unimat_campaign .unimat_campaign_des ul {float: none;width: 220px;}
.unimat_campaign .unimat_campaign_des ul li {font-size: 14px;background-size: 12px auto;padding-left: 16px;line-height: 22px;}
.unimat_campaign .unimat_campaign_des .tel {margin-top: 19px;}
.unimat_campaign .unimat_campaign_des .tel .ins1 span {font-size: 16px;}
.unimat_campaign .unimat_campaign_des .tel .ins1 i {font-size: 27px;}
.unimat_campaign .unimat_campaign_des .tel .ins1 img {width: 16px;height: auto;}
.unimat_campaign .unimat_campaign_des .tel .ins2 {line-height: 22px;}
.unimat_campaign .unimat_campaign_des .tel .ins2 span {font-size: 11px;}
.unimat_campaign .unimat_campaign_des .tel .ins2 i {font-size: 12px;}
.unimat_campaign .unimat_campaign_des .tel .ins2 img {width: 8px;height: auto;}
.service_character {margin-top: 29px;}
.service_character h3 {font-size: 21px;height: 43px;line-height: 43px;}
.service_character ul {padding: 1% 0 5% 0;height: auto;display: block;}
.service_character ul.h486 {height: auto;}
.service_character ul li:first-child {margin-left: auto;}
.service_character ul li {float: none;margin-left: 0;width: 288px;margin: 15px auto 0 auto;}
.service_character ul li img {width:auto;height: 80px;float: left;}
.service_character ul li .lp {float: left;height: 80px;width: 160px;}
.service_character ul li .ins {font-size: 12px;padding-top: 5px;line-height: 18px;}
.service_character ul li .detail {padding: 7px 0;}
.service_character ul li .detail .more {font-size: 10px;width: 111px;padding: 7px 0;border-radius: 5px;}
.news {margin-top: 35px;width: 94%;}
.news .more_news {font-size: 12px;width: 98px;height: 24px;background: #b3b3b3;line-height: 24px;text-align: center;color: #fff;margin: 18px auto 0 auto;}
.news .more_news a {color: #fff;display: block;}
.news .more_news span {margin-top: -3px;display: inline-block;width: 0;height: 0;border-top: 5px solid transparent;border-left: 8px solid #fff;border-bottom: 5px solid transparent;font-size: 0;line-height: 0;vertical-align: middle;}
.news_title h3 {font-size: 18px;}
.news_title h3 span {font-size: 10px;}
.news_list {font-size: 12px;}
.news_list li {line-height: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_list li span {border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 9px solid #c6b299;margin-right: 7px;}
.products_intro {margin-top: 47px;}
.products_intro h3 {font-size: 18px;}
.products_intro h3 span {font-size: 10px;}
.products_intro ul li {width: 49%;margin-left: 2%;margin-top: 10px;margin-bottom: 10px;}
.products_intro ul li img {width: 100%;height: auto;}
.products_intro ul li:nth-child(2n+1) {margin-left: 0;}
.products_intro ul li p {font-size: 13px;font-weight: bold;margin-top: 8px;}
.custumers {margin-top: 36px;}
.custumers h3 {font-size: 14px;height: 24px;line-height: 24px;}
.custumers_num {margin-top: 27px;font-size: 13px;}
.custumers_num span {font-size: 22px;}
#top_sp {margin-top: 50px;}
footer{background:#fff;color:#000;text-align: center;padding:30px 0 0 0;}
footer .unimat_top2{width:100% !important;}
footer .unimat_top2 .txtCon{display: block;}
footer .unimat_contact {width: 100%;margin: 19px auto 0 auto;text-align: center;}
footer .unimat_contact .fl {float: none;}
footer .unimat_contact .n1 {padding: 0;border-right: none;}
footer .unimat_contact .n1 a {display: block;}
footer .unimat_contact .n1 img {width: 150px;height: auto;}
footer .unimat_contact .n1 p {width: 135px;font-size: 12px;line-height: 18px;text-align: left;margin: 10px auto 0 auto;}
footer .unimat_contact .n2 {margin-left: 0;}
footer .unimat_contact .n2 .des {font-size: 13px;}
footer .unimat_contact .n2 .tel {font-size: 26px;margin-top: 10px;line-height: 35px;}
footer .unimat_contact .n2 .tel span {font-size: 10px;line-height: 12px;width: 35px;height: 35px;padding-top: 6px;}
footer .unimat_contact .n3 {margin-left: 0;margin-top: 13px;}
footer .unimat_contact .n2 .tel img {width: auto;height: 20px;}
footer .unimat_top2 .txtCon .footerTxt span,
footer .unimat_top2 .txtCon .footerTxt span{font-size: 13px;}
footer .unimat_top2 .txtCon .footerTxt .telNumber{font-size: 25px;font-weight:bold;}
footer .unimat_top2 .qrcode{margin:0 auto 20px auto;margin-right: auto !important;}
footer .unimat_top2 .qrcode > img{width:30%;}
footer .footerRitcon .icp{background:#333333;color:#fff;padding:15px 0;line-height: 1.6;}
footer .footerRitcon .icp span{display:block;}
.footerLogo{text-align: center;margin:0 auto 20px auto;}
.footerLogo > img{width:30%;}
.copyright {height: auto;line-height: 20px;font-size: 10px;margin-top: 18px;padding: 10px 0;}
.copyright a {display: block;}
.service_content {margin-top: 0;}
.service_content .service_menu {float: none;width: 100%;}
.service_content .service_menu ul {margin-top: 0;font-size: 12px;border-top:1px solid #c6c5c3;border-left:1px solid #c6c5c3;box-sizing: border-box;}
.service_content .service_menu ul li {margin-top: 0;float: left;width: 50%;line-height: 45px;border-right:1px solid #c6c5c3;border-bottom:1px solid #c6c5c3;box-sizing: border-box;}
.service_content .service_intro {float: none;width: 94%;margin: 32px auto 0 auto;}
.service_content .service_intro.sp_w100 {width: 100%;}
.about_title {font-size: 18px;border-bottom: 1px solid #999;}
.about_title.pl3 {padding-left: 3%;box-sizing: border-box;font-size: 16px;}
.news_line {margin-top: 12px;}
.news_line li {font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 9px 0;}
.news_detail_title {font-size: 17px;margin-top: 12px;}
.news_detail_title span {font-size: 12px;}
.news_detail_des {font-size: 12px;margin-top: 15px;line-height: 18px;}
.news_table {margin-top: 34px;font-size: 12px;}
.news_table tr td {padding: 10px;}
.about_ins {margin-top: 15px;}
.about_ins p {font-size: 12px;width: 100%;line-height: 20px;float: none;}
.about_ins img {float: none;margin: 0 auto;}
.about_ins p.w641 {width: 100%;}
.about_ins2 {font-size: 12px;line-height: 19px;margin-top: 16px;}
.about_detail_title {font-size: 15px;height: 32px;line-height: 32px;padding-left: 16px;margin-top: 40px;}
.about_table h5 {font-size: 14px;margin-top: 20px;}
.about_table table {font-size: 12px;line-height: 19px;}
.about_table table tr td {padding: 10px 16px;}
.contact_ins {font-size: 13px;width: 96%;margin: 32px auto 0 auto;line-height: 21px;}
.contact_list {margin-top: 27px;}
.contact_list .contact_list_line {padding: 16px 0;}
.contact_list .contact_list_line .list_le {font-size: 15px;}
.contact_list .contact_list_line.tel .list_ri {display: block;padding-left: 0;text-align: center;font-size: 33px;margin-top: 28px;}
.contact_list .contact_list_line.tel .list_ri span {display: block;font-size: 13px;margin-top: 10px;}
.contact_list .contact_list_line.tel .list_ri img {width: auto;height: 25px;}
.contact_list .contact_list_line.email .list_ri {width: 100%;font-size: 15px;padding-left: 0;text-align: center;margin: 40px 0;}
.contact_list .contact_list_line.qq {padding-left: 0;}
.contact_list .contact_list_line.qq .list_le {width: 50%;line-height: normal;}
.contact_list .contact_list_line.qq .list_le a {display: block;margin-left: 0;width: 110px;height: 20px;font-size: 12px;line-height: 20px;margin-top: 43px;font-weight: bold;}
.contact_list .contact_list_line.qq .list_le a i {margin-top: 4px;}
.contact_list .contact_list_line .list_wx {width: 50%;margin-left: 0;padding: 0 10%;}
.contact_list .contact_list_line .list_wx p {font-size: 15px;line-height: normal;float: none;}
.contact_list .contact_list_line .list_wx img {float: none;margin: 21px auto 0 auto;width: 75px;height: auto;}
.contact_list .contact_list_line.lis {padding: 16px 0;}
.contact_list .contact_list_line.lis h3 {font-size: 15px;}
.contact_list .contact_list_line.lis h5 {font-size: 14px;margin-top: 30px;}
.contact_list .contact_list_line.lis .address {font-size: 12px;margin-top: 11px;line-height: 19px;}
.service_character.mt50 {margin-top: 25px;}
.service_step {margin-top: 25px;}
.service_content .service_intro .service_intro_title2 {background: #ece1cf;padding: 13px;height: auto;color: #603814;}
.service_content .service_intro .service_intro_title2 h5 {font-size: 20px;}
.service_content .service_intro .service_intro_title2 h5 span {font-size: 14px;}
.service_content .service_intro .service_intro_title2 p {font-size: 12px;margin-top: 11px;}
.service_content .service_intro .service_intro_title2 .ins {padding-left: 10px;}
.service_content .service_intro .service_intro_title2.s2 {background: #ece1cf;}
.other_machine_title {margin-top: 50px;font-size: 16px;height: 32px;line-height: 32px;}
.other_machine {padding: 0 3%;box-sizing: border-box;}
.other_machine li {float: none;width: 100%;border-right: none;height: auto;padding: 30px 0 20px 0;}
.other_machine li .img {float: left;width: 50%;height: auto;text-align: center;margin-bottom: 25px;}
.other_machine li .img img {width: 99px;height: auto;margin: 0 auto;}
.other_machine .other_machine_ri {float: left;width: 50%;margin-left: 0;margin-top: 25px;}
.other_machine li .adv {margin-top: 0;}
.other_machine li p {font-size: 14px;margin-top: 0;}
.other_machine li .other {font-size: 12px;width: 111px;padding: 7px;margin-top: 15px;}
.other_machine li .other span {border-top: 5px solid transparent;border-bottom: 5px solid transparent;margin-top: 1px;}
.service_intro_title3_ins {margin-top: 15px;}
.service_intro_title3_ins h3 {font-size: 20px;line-height: 27px;}
.service_intro_title3_ins p {font-size: 12px;line-height: 22px;margin-top: 20px;}
.service_intro_title3_ins img {width: 90%;margin: 27px auto 0 auto;}
.service_intro_title3_intro {width: 94%;margin-top: 49px;}
.service_intro_title3_intro h3 {font-size: 15px;height: 32px;line-height: 32px;}
.service_intro_title3_intro p {font-size: 12px;margin-top: 15px;line-height: 19px;}
.service_intro_title3_intro .img {margin-top: 22px;}
.service_intro_title3_intro table {font-size: 11px;margin-top: 25px;width: 94%;}
.service_intro_title3_intro table tr th {width: 130px;}
.service_intro_title3_intro .contact_us {margin-top: 17px;width: 133px;padding: 8px;font-size: 13px;}
.service_intro_title3_intro .contact_us span {border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.products_co_machine {width: 90%;margin: 15px auto 0 auto;}
.products_co_machine li {margin-top: 10px;float: none;margin-left: 0;width: 100%;}
.products_co_machine li a {width: 100%;height: auto;padding: 20px 25px 20px 0;}
.products_co_machine li .pro_img {width: 50%;text-align: center;vertical-align: middle;}
.products_co_machine li .pro_ins {width: 50%;margin-left: 0;}
.products_co_machine li img {width: 80px;height: auto;margin: 0 auto;}
.products_co_machine li .pro_ins h3 {font-size: 19px;margin-top: 9px;}
.products_co_machine li .pro_ins .pro_des {font-size: 12px;line-height: 15px;margin-top: 6px;}
.products_co_machine li .pro_ins .pro_detail {font-size: 12px;width: 111px;padding: 7px;margin-top: 6px;margin-bottom: 20px;}
.products_co_machine li .pro_ins .pro_detail span {border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.products_list li {width: 100%;float: none;margin-top: 30px;border-right: none;border-bottom: 1px dotted #ccc;padding-bottom: 33px;}
.products_list li img {float: left;width: 40%;}
.products_list li .products_list_intro {float: left;width: 60%;}
.products_list li h5 {font-size: 14px;line-height: 19px;}
.products_list li a {width: 111px;padding: 7px;font-size: 12px;margin-top: 11px;}
.products_list li a span {border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.coffee_bean_list {border-top: 1px dotted #cbcbcb;}
.coffee_bean_list li {float: none;width: 100%;padding: 30px 3%;border-right: none; overflow:hidden;display: flex;align-items:center;}
.coffee_bean_list li .img {text-align: center;width: 40%;}
.coffee_bean_list li .img img {width: 100%;height: auto;}
.coffee_bean_list li .coffee_bean_intro {float: left;width: 58%; padding-left:2%;}
.coffee_bean_list li .lis {width: 100%;font-size: 11px;line-height: 16px;margin-top: 9px;height: auto;}
.coffee_bean_list li .bean_dic {width: 100%;height: auto;margin-top: 10px;padding: 10px;}
.coffee_bean_list li h5 {font-size: 14px;line-height: 16px;text-align: left;margin-top: 0;}
.coffee_bean_list li h5 span {font-size: 13px;}
.coffee_bean_list li .bean_dic .coffees_bo {font-size: 11px;width: 60px;height: 15px;line-height: 15px;}
.coffee_bean_list li .bean_dic p {font-size: 11px;}
.coffee_bean_list.h471 li {height: auto;}
.coffee_bean_list.h500 li {height: auto;}


.inquiry_dj {top: 65%;}
.inquiry_dj .inquiry_l img {width: 100px;height: auto;}
.inquiry_dj .inquiry_x img {width: 35px;height: auto;}
.inquiry_dj .inquiry_l a:nth-child(2) {top: 21px;left: 2px;width: 96px;height: 62px;}
.service_character01_title {font-size: 20px;}
.service_character01_intro {padding:23px 3%;}
.service_character01_title02 {font-size: 12px;margin-top: 25px;}
.service_character01_table {margin-top: 15px;}
.service_character01_table tr th {font-size: 17px;}
.service_character01_table tr td {font-size: 12px;padding: 10px;}
.service_character01_table tr td .f20 {font-size: 16px;}
.service_character01_table tr td .f13 {font-size: 10px;}
.service_character01_table tr th.bg1 {width: 65px;}
.service_character01_table tr td.bg4 {width: 65px;padding: 10px;line-height: 15px;box-sizing: border-box;}
.service_character01_brand {margin-top: 10px;}
.service_content .service_intro .service_intro_title2 {background: #000;}
.coffee_machine {background: #fff;}
.coffee_machine li {width: 100%;padding: 30px 5%;}
.coffee_machine li .tp {height: auto;}
.coffee_machine li .ap .left {width: 48%;}
.coffee_machine li .ap .right {width: 48%;margin-left: 4%;}
.coffee_machine li p.ins {height: auto;}
.coffee_machine li .left {width: 50%;}
.coffee_machine li .right {width: 50%;text-align: center;}
.coffee_machine li .right img {max-width: 100%;}
.coffee_machine li .left h3 {font-size: 16px;}
.coffee_machine.other_machine li .left a {width: 119px;height: 25px;line-height: 25px;font-size: 11px;}
.coffee_machine.other_machine li .left a span {margin: 10px;}
.other_machine li .adv img {margin:25px auto 0 auto;}
.coffee_machine li a span {border-left: 6px solid #fff;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;}



.rent_sp {margin-top: 18px;}
.rent_sp li {box-sizing: border-box;border-left: 1px solid #fff;width: 49.9%;float: left;font-size: 15px;height: 66px;line-height: 1;background: #2b3033;text-align: center;}
.rent_sp li:first-child {border-left: none;}
.rent_sp li a {color: #fff;display: block;cursor: pointer;display: flex;align-items: center;height: 100%;}
.rent_sp li a img {margin-left: 8px;width:18%;vertical-align: middle;}
.service_character02_title {margin-top: 31px;font-size: 19px;height: 50px;line-height: 50px;}
.coffee_machine li .ap p span {font-size: 11px;}
.office_people {font-size: 19px;height: 50px;line-height: 50px;}
.office_people span {font-size: 16px;}
.coffee_machine_icon {width: 100%;margin-top: 0;}
.sein {width:100%;margin-top: 20px;font-size: 12px;line-height: 22px;padding: 15px 20px;border:none;padding:0;}


}

@media only screen and (min-width: 601px) {
  .return_index {display: none;}
}
@media only screen and (max-width: 600px) {
  .coffees_details .coffees_title {width: 94%;margin: 30px auto 0 auto;}
  .coffees_details dl {margin-bottom: 30px;}
  .coffees_details dl dd {float: none;}
  .coffees_details dl dt {float: none;width: 100%;}
  .coffees_details .return_index {width: 120px;margin: 20px auto 30px auto;}
  .coffees_details .return_index a {display: block;}
  .coffees_details .return_index img {width: 100%;height:auto;} 
}