@charset "utf-8";
@media only screen and (min-width: 320px) and (max-width: 740px) {
.banner h1{font-size: 0.49rem;}
.contactus{width: 70%;}
.content .send a{margin-top: 0.2rem;text-align: center;}
}					
@media only screen and (min-width: 741px) and (max-width:1200px) {	
.banner h1{font-size: 0.67rem;}
.contactus{width: 3.64rem;}
.content .send .gbq{margin-right: 0.53rem;}
.content .send{display: flex;margin: 0.3rem 0;justify-content: center;}
}
@media only screen and (min-width: 1200px)  {					
.banner h1{font-size: 0.67rem;}
.contactus{width: 3.64rem;}
.content .send .gbq{margin-right: 0.53rem;}
.content .send{display: flex;margin: 0.3rem 0;justify-content: center;}
}	
.banner{background: url(//www.feedmakingmachines.com/wp-content/themes/newhermwp/images/bannervideo.webp) no-repeat;background-size: cover;padding: 0.95rem 0 1.04rem 0;}
.banner h1{color: #F0F2F3;}
.banner p{font-size: 0.22rem;color: #F0F2F3;margin: -5px 0 0.2rem 0;}
.crumbs {font-size: 0.18rem;color: #F19E00;}
.crumbs a{font-size: 0.18rem;color: #F0F2F3;}
.content{padding: 0.84rem 0 0.66rem 0;}
.content h2{font-size: 0.3rem;font-weight: bold;color: #1A2640;text-align: center;margin-bottom:0.3rem;}
.content .send a{display: block;border: 1px solid #1A2640;padding: 0rem 0.29rem;color: #1A2640;font-size: 0.18rem;font-weight: bold;border-radius: 5px;}
.content .send a i{font-size: 0.36rem;font-weight: 400;vertical-align: sub;margin-right: 0.16rem;}
.content .send a:hover{color: #fff;background:#1A2640;}
.content iframe {display: block;width:5.6rem; height:3.15rem;margin: 0 auto;}
.content  img{display:block; max-width:100%;height:auto;margin: 0 auto;}

.aligncenter{text-align:center;}
.neibt{font-size: 0.24rem;font-weight: bold;color: #4A4A4A;background: #E5E4E2;padding: 0.11rem 0 0.11rem 0.4rem;margin-bottom: 0.37rem;text-align:left;}
.neibt i{margin-right:0.2rem;font-size:0.38rem;vertical-align: sub;font-weight: 400;}
table{width: 100%;}
table tr:nth-of-type(2n) td{background:#fff;}
table tr:nth-of-type(2n+1) td{background:#e5e5e5;}
table tr td{border: 1px solid #858585 !important;vertical-align: middle;padding:0.15rem 0 0.15rem 0.4rem !important;;color:#333;font-size:0.18rem;}
.screen-reader-response {
display: none;
} body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 arial,tahoma,\5b8b\4f53}
body{_overflow:auto;_height:100%;margin:0 auto;}
html{_overflow:hidden}
i{font-style: normal;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0} a{ text-decoration:none;}
a:hover{text-decoration:none;}  html {
font-size: 100px; }		
.qcfd:before,
.qcfd:after {
display: table;
content: " ";
}
.qcfd:after {
clear: both;
}
@media only screen and (min-width: 320px) and (max-width: 740px) {
html {font-size: 13.514vw;}
.bx{width: 80% !important; margin:0 auto;}		 
.menu,.footer{display: none !important;}
.case ul li,.contact ul li{margin-bottom: 0.3rem;}
.language{margin: 0.2rem 0;}
}					
@media only screen and (min-width: 741px) and (max-width:1200px) {	
html { font-size: 8.3333vw;}
.bx{width: 95%; margin:0 auto;}												   
#right-panel-link{display: none;}  
.top .bx{display: flex;justify-content: space-between;}
.case ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.55rem),1fr));
grid-gap: 0rem 0.55rem;}
.contact ul{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto; gap:0.16rem 0.22rem;}
}
@media only screen and (min-width: 1200px)  {
html {font-size: 100px;}
#right-panel-link{display: none;}  
.bx{width: 1200px; margin:0 auto;}
.top .bx{display: flex;justify-content: space-between;}
.case ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.55rem),1fr));
grid-gap: 0rem 0.55rem;}
.contact ul{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto; gap:0.16rem 0.22rem;}
}	
#right-panel-link{position: fixed;right: 4%;top:38px;z-index: 999999;}
.panel {display: none;width: 240px;background-color: #333;color: #fff;box-shadow: inset 0 0 5px 5px #222;}
#close-panel-bt{margin:20px 0 0 20px;}			
.panel ul li{width: 100%;text-align: center;margin: 14% 0;}
.panel ul li a{color: #FFFFFF;font-size: 16px;}
.panel ul li .erji{background: #3a3a3a;margin-top: 10%;display: none;}
.panel ul li .erji li{padding: 6% 0;font-size: 14px;margin: 0;}
.panel ul li .sanjiao{display: inline-block;width:0;height:0;border-width:5px 5px 0;border-style:solid;border-color:#fff transparent transparent;vertical-align: 2px;margin-left: 5px;}
.top{background: #E5E4E2;padding: 0.1rem 0;}
.top .logo {display: flex;align-items: center;}
.top .logo img{max-width: 100%;height: auto;margin-right: 0.16rem;}
.top .logo .name h2{font-size: max(16px, 0.2rem);font-weight: 900;color: #4A4A4A;}
.top .logo .name p{font-size: max(12px, 0.14rem);color: #4A4A4A;}
.top .language{font-size: 0.16rem;color: #1A2640;display: flex;align-items: center;}
.top .language svg{display: block;margin-left: 0.21rem;}
.menu{background: #F0F0F0;position: relative;}
.menu .menus{display: flex;padding: 0.11rem 0;}
.menu .bx{display: flex;justify-content: space-between;align-items: center;}
.menu .menus li a{color: #4A4A4A;font-size: max(14px, 0.18rem);margin-right: 0.39rem;padding: 0.11rem 0;font-weight: bold;}
.menu .menus li a:hover{color: #E16C2B;border-bottom: 5px solid #E16C2B;}
.menu .cot{width: 1.6rem;text-align: center;line-height: 0.48rem;}
.menu .cot a{display: block;background: #4A4A4A;border: 2px solid #4A4A4A;font-size: 0.16rem;color: #fff;}
.menu .cot a:hover{background: #F0F0F0;color: #4A4A4A;}
.case{background: #F8F8F8;padding: 0.17rem 0 0.2rem 0;}
.case h2{text-align: center;font-size: 0.4rem;color: #333;font-weight: 900;margin: 0.41rem 0 0.26rem 0;}
.case ul li {background: #FFFFFF;overflow: hidden;}
.case ul li img{display: block;width: 100%;height: auto;}
.case ul li h3{color: #333;font-size: max(14px, 0.18rem);}
.case ul li p{color: #4A4A4A;font-size: max(12px, 0.16rem);margin: 0.02rem 0 0.15rem 0;}
.case ul li span{font-size: 0.18rem;color: #292929;}
.case ul li .text{padding: 0.1rem 0.16rem;}
.case .more{display: block;width: 2.64rem;height: 0.56rem;border: 2px solid #4A4A4A;background: #4A4A4A;text-align: center;line-height: 0.56rem;margin: 0.4rem auto;font-size:max(18px, 0.22rem);color: #F0F2F3;font-weight: bold;}
.case .more:hover{color: #4A4A4A;text-decoration: underline;background: none;}
.contact{padding: 0.72rem 0 0.67rem 0;}
.contact h2{text-align: center;font-size: 0.4rem;color: #333;font-weight: 900;}
.contact .tha{color: #4A4A4A;font-size: max(14px, 0.18rem);text-align: center;margin: 0.16rem 0 0.16rem 0;}
.contact ul li:nth-of-type(1), .contact ul li:nth-of-type(2) {grid-row: 1; }
.contact ul li:nth-of-type(2), .contact ul li:nth-of-type(3) {grid-row: 2;}
.contact ul li:nth-of-type(5){grid-row: 3;grid-column: 1 / -1;}
.contact ul button{grid-row: 4;grid-column: 1 / -1;}
.contact ul li input,.contact ul li textarea{border: 1px solid #7D7D7D;width: -webkit-fill-available;font-size: max(14px, 0.16rem);padding: 0.21rem 0.2rem;border-radius: 5px;}
.contact ul li textarea{height:1.55rem;}
.contact ul button{display: block;width:1.8rem;text-align: center;height: 0.36rem;line-height: 0.3rem;background: #E16C2B;border: 2px solid #E16C2B;
border-radius: 0 0.1rem 0 0.1rem;font-size: max(14px, 0.16rem);color: #fff;font-weight: bold;margin: 0.08rem auto 0.21rem auto;}
.contact ul button:hover{background: #fff;text-decoration: underline;color: #E16C2B;}
.footer{background: #F8F8F8;padding: 0.58rem 0 0.62rem 0;}
.footer h2{font-size: 0.35rem;color: #333;font-weight: 900;text-align: center;}
.footer p{font-size: max(16px, 0.2rem);color: #4A4A4A;text-align: center;margin: 0.15rem 0 0.32rem 0;}
.footer .box{display: flex;justify-content: space-between;}
.sns{display: flex;}
.sns a{margin-right: 0.26rem;}
.sns a{display: block;height:32px;width:32px;background:url(//www.feedmakingmachines.com/wp-content/themes/newhermwp/images/sns.webp) no-repeat;}
.sns .facebook{background-position: 0 -96px;}
.sns .linkedin{background-position: 0 -64px;}
.sns .twitter{background-position: 0 -32px;}
.sns .instagram{background-position: 0 -128px;}
.sns .pinterest{background-position: 0 0px;}
.footer .box h3{font-size: 0.25rem;font-weight: bold;color: #333;margin-bottom: 0.11rem;}
.footer .box ul li{margin-bottom: 0.16rem;display: flex;}
.footer .box ul li a{font-size: 0.18rem;color: #4A4A4A;vertical-align: middle;margin-left: 6px;}
.footer .box ul li a:hover{color:#E16C2B;}
.footer .box .fpro ul li i{font-size: 0.1rem;color: #4A4A4A;line-height: 0.25rem;}
.footer .box .con ul li i{font-size: 0.23rem;color: #4A4A4A;line-height: 0.31rem;margin-top: -2px;}
.footer .box .fol h3{margin-bottom: 0.07rem;}
.footer .box .fol img{display: block;margin: 0.2rem auto 0 auto;}
.footer img{max-width: 100%;height: auto;}
.bottom{border-top: 1px solid #707070;text-align: center;background: #F8F8F8;padding: 0.04rem 0;}
.bottom div{font-size:  max(14px, 0.18rem);color: #333;}
.bottom p{font-size:  max(13px, 0.15rem);color: #333;}
.phonefooternav {position: fixed;bottom: 0;width: 100%;z-index: 99999;}
.phonefooternav ul{display:flex;}
.phonefooternav ul li {width: 33.4%;background: #494949;}
.phonefooternav ul li:nth-of-type(2){border-left: 1px solid #666;border-right: 1px solid #666;}
.phonefooternav ul li a {display: block;color: #fff;text-align: center;padding: 14px 0;}
.phonefooternav ul li a i{margin-right: 5px;vertical-align: -2px;}     
.top2{position:fixed;bottom:60px;right:7px;cursor:pointer;}
.xia{display: none;background: #fff;position: absolute;left: 12%;top: 100%;padding: 0.21rem 0.41rem;width: 8.54rem;justify-content: space-between;z-index:99999999;}
.xia .xia1 h3{padding-bottom:0.13rem;}
.xia .xia1 h3 a{font-size: 0.16rem;font-weight: 600;color: #000;}
.xia .xia1 h3:hover a{color:#E16C2B;}
.xia .xia1 h3 .sanjiao{display:inline-block; width: 0;
height: 0;
margin: 0 7px 0 -15px;
vertical-align: sub;
border-left: 9px solid #E16C2B;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;}
.xia .xia1 ul li{font-size: 0.14rem;margin-bottom: 0.12rem;}
.xia .xia1 ul li a{color: #000;display: block;}
.xia .xia1 ul li:hover a{color: #E16C2B;}
.xia .xia1 .vmore{font-size:0.14rem;color: #E16C2B;}@font-face {
font-family: "iconfont"; src: url(//www.feedmakingmachines.com/wp-content/themes/newhermwp/font/iconfont.woff2?t=1761702718270) format('woff2'),
url(//www.feedmakingmachines.com/wp-content/themes/newhermwp/font/iconfont.woff?t=1761702718270) format('woff'),
url(//www.feedmakingmachines.com/wp-content/themes/newhermwp/font/iconfont.ttf?t=1761702718270) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-912caidan_hetong:before {
content: "\e683";
}
.icon-dianji-:before {
content: "\e60b";
}
.icon-chaxun:before {
content: "\e623";
}
.icon-wangluo1:before {
content: "\e62e";
}
.icon-iconfontyoujiantou-copy:before {
content: "\e600";
}
.icon-baojiashenhe:before {
content: "\e621";
}
.icon-youxiang:before {
content: "\e622";
}
.icon-dianhua:before {
content: "\e61f";
}
.icon-app-manage-o:before {
content: "\e620";
}
.icon-a-83:before {
content: "\e60f";
}
.icon-caigoujiaoyituan:before {
content: "\e60d";
}
.icon-xitongguanli:before {
content: "\e60e";
}
.icon-shouji:before {
content: "\e610";
}
.icon-dpsz:before {
content: "\e611";
}
.icon-customized_solutions:before {
content: "\e612";
}
.icon-jianlishenhe:before {
content: "\e613";
}
.icon-yanfashejinengli:before {
content: "\e614";
}
.icon-a-dizhi1:before {
content: "\e615";
}
.icon-yizhanshijiejuefangan:before {
content: "\e616";
}
.icon-dingzhihuajiejuefangan:before {
content: "\e617";
}
.icon-a-youxiang1:before {
content: "\e618";
}
.icon-wangluo:before {
content: "\e619";
}
.icon-aj-b-emial:before {
content: "\e61a";
}
.icon-dizhi:before {
content: "\e61b";
}
.icon-hand-touch:before {
content: "\e61c";
}
.icon-whatsapp:before {
content: "\e61d";
}
.icon-a-dianhua1:before {
content: "\e61e";
}