@charset "utf-8";
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")} 

/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{font-weight:700; font-size:1rem; color:#000}
p{margin:0;padding:0 0 1rem}
a.links{color:#005da9; text-decoration:underline;}
a.links:hover{text-decoration:none;} 

body{font-family:"Microsoft Yahei",'微软雅黑','arial';color:#555; line-height:1.4; font-size:1rem}
.clearfix{clear:both;}
hr{border-top:1px #bbb dashed; margin:0 0 1rem 0}
table{margin:5px 0 0;width:100%;}
.table-responsive{margin-bottom:15px;    width: 100%;}
.table-responsive1{width: auto;margin-top: 0.5rem}
table,td{border:1px solid #aaa!important}
.table>tbody>tr{background-color:#fff}
.table>tbody>tr:nth-of-type(odd){background-color:#fff}
.table-hover>tbody>tr:hover,.table>tbody>tr:nth-of-type(odd):hover{background-color:#fff}  
.table .top{background:#f2f2f2!important;}  
.table>tbody>tr>td{vertical-align:middle;padding:10px;font-size:14px;line-height:18px; text-align:center} 
.table .top td{ border-right:1px #aaa solid !important}
.table>tbody>tr:last-child>td,.table>tbody>tr>td:last-child{ border:1px #aaa solid !important }
.etw_hometitle,h2{padding:0 0 1.7rem;font-size:1.7rem; line-height:1.8rem; color:#333;font-weight:700; margin: 0; letter-spacing:2px}   
h3{font-size:1.1rem; color:#888; padding:0; margin:-0.6rem 0 1.3rem 0}

inquiry,u.inquiry{text-decoration: none; color:#666;}
u.inquiry:after{content:"INQUIRY"; display:inline-block;background:#e3e4e5; color:#666;text-align: center;line-height: 1;padding:4px 10px;font-size:12px;  float:left; width:88px}
u.inquiry:hover:after{background:#285a92; color:#fff;} 
/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:200; background: #fff; margin:0 auto;} 
.header-top{ width:100%; height:auto; background:#efefef; margin:0 auto;  overflow:hidden}
#headerin{width:100%; margin:0px auto; max-width:1140px; } 
#etw_logo{width:auto; height:auto; float:left; margin:1.3rem 3rem 1rem 0}  
.navbtn{margin-top:1rem;}
#etw_language{float:right; height:auto; padding:0.1rem 0.5rem 0 0;width: auto;text-align: right;height:34px}
#etw_language .dropdown-item{display:inline-block;width:auto; font-size:0.8rem; line-height:32px; padding:0 0.4rem;color:#333; min-width:auto; letter-spacing:normal}
#etw_language .dropdown-item:hover{color:#d53627; text-decoration:underline; background:none}
.etw_tel{width: auto;float: left;color: #fff;margin-top: 0.2rem}
.etw_tel a{color: #333;font-size: 0.8rem}
.etw_tel a:hover{text-decoration: underline;}
.etw_tel img{padding-right: 0.5rem}

.top-nav{width:auto; float:right; text-align:right; margin-top:1.25rem;margin-left: 2%}
.navbar{padding:0 0.5rem;}
.navbar-collapse{justify-content:center;}
.navbar-light .navbar-nav .nav-link{color:#00418e; font-size:1rem; padding: 0.1rem 1.4rem;line-height:2rem;margin-left: 0.2rem;margin-right: 0.3rem} 
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color: #fff;background: #005da9}
.navbar-light .navbar-nav .active .nav-link,{color: #fff;background: #00418e}
.navbar-light .navbar-nav .dropdown-item{font-size:0.875rem; line-height:1.125rem;background-color: #fff} 
.navbar-light .navbar-nav  .dropdown-menus .dropdown-item{font-weight:300;} 
.navbar-light .navbar-nav  .dropdown-menu a{ display:block; padding:0.5rem 0 0 1.5rem; font-size:0.875rem;}
.dropdown-menu a:hover,.dropdown-menu a.active{color: #005da9;text-decoration: underline;}
.navbar-light .navbar-nav  .dropdown-menu li ol li .dropdown-item{font-weight:300 !important; padding-left:2.5rem} 
.dropdown-item{white-space:normal; min-width:15rem;}
.navbar-light .navbar-nav .active .nav-link:before,.navbar-light .navbar-nav .nav-link:hover:before{ display:block} 
#menu-items{min-width: 760px;width: 100%;padding: 2rem 1rem 0 1rem;left: -346px;}
#menu-items>li{ width:15.5%; margin:0 1.4% 1rem 0;transition: all 0.3s;float:left;padding-left: 0;}
#menu-items li:nth-child(6n){ margin-right:0;} 
#menu-items li a{color:#d2313a; display:block; font-size:0.875rem; text-align:center; margin:0px;padding: 0;background: none!important}
#menu-items li a img{width: 100%;border-radius: 5px}
#menu-items>li:hover a,#menu-items>li a.dq{color: #005da9;text-decoration: underline;background-color: #fff}  


/*首页附加样式*/
#etw_banner{position: relative; width:100%; margin:0 auto; } 
#etw_banner .banner_txt{width:100%; position:absolute; margin:0 auto; left:5%; right:0; top:3%; max-width:1060px} 
#etw_banner .banner_txt h1{font-size:1.5rem; color:#fff; width:430px; font-weight:bold; line-height:2.375rem; margin-top:1.2rem;float: left;}  
#etw_banner .banner_txt1{width:100%; position:absolute; margin:0 auto; left:42%; right:0; top:3%; max-width:1060px} 
#etw_banner .banner_txt1 h1{font-size:1.5rem; color:#fff; width:430px; font-weight:bold; line-height:2.375rem; margin-top:2rem;float: left;}
#company{width: 100%;position: relative;float: left;margin-bottom: 1.5rem;background: url(../images/bg1.jpg) no-repeat center;} 
#company .etw_hometitle{color: #d2313a;font-size: 1.25rem;line-height: 1.5rem;text-align: left;margin-top: 2rem;padding-bottom: 0.5rem}
.company_left{width: 70%;float: left;position: relative;margin-bottom: 1.75rem}
.company_right{width: 25%;float: right;position: relative;}
.company_right ul{width: 100%;float: left;}
.company_right ul li{width: 100%;position: relative;padding-left: 1.25rem}
.company_right ul li:before{position: absolute;;content: "";width: 10px;height: 10px;border-radius: 50%;border:2px solid #484848;left: 0;top:9px}
a.more{padding: 0.2rem 1.5rem;color: #fff;background: #7b7b7b;border-radius: 15px;transition: .3s}
a.more:hover{background: #d2313a}

.etw_mainbody{width: 100%;position: relative;background: #fff;padding-top: 0.5rem;overflow: hidden;margin: 0 auto}
.etw_mainbody .etw_hometitle{color: #00418e;font-size: 1.25rem;line-height: 1.5rem;text-align: center;margin-top: 0;padding-bottom: 1rem}
.etw_mainbody p{color: #00418e;}
.etw_mainbody .etw_hometitle a:hover{color: #009a44} 
.etw_mainbody ul{width:100%; display:flex; flex-wrap:wrap;}
.etw_mainbody ul>li{width:23.5%; margin:0.2rem 2% 1.2rem 0;background: #ec5c64;border:4px solid #ec5c64;}
.etw_mainbody ul>li:nth-child(4n){margin-right:0} 
.etw_mainbody ul>li>ol,.etw_mainbody>ul>li>ol>li{width:100%;} 
.etw_mainbody ul>li>ol>li.product_img{width:100%; float:left; position:relative;}
.etw_mainbody ul>li>ol>li.product_img img{width:100%;}
.etw_mainbody ul>li>ol>li.product_con{ width:100%; float:left;}
.etw_mainbody ul>li>ol>li.product_con a{display:block; font-size:1rem; line-height:1.5rem; color:#fff; font-weight:700; padding:0.6rem 0 0 0;text-align: center;margin-bottom: 0.5rem}  
.etw_mainbody ul>li>ol>li.product_con a span{font-weight: 300;display: block;}
.etw_mainbody ul>li>ol>li.product_con a:hover{text-decoration: underline;}

.etw_mainpro{width: 100%;position: relative;float: left;margin: 0 auto;margin-bottom: 1.5rem;background: url(../images/bg2.jpg) no-repeat center;} 
.etw_mainpro .etw_hometitle{color: #fff;font-size: 1.25rem;line-height: 1.5rem;text-align: center;margin-top: 2rem;padding-bottom: 2rem}
.etw_mainpro .etw_hometitle a{color: #fff}
.etw_mainpro .etw_hometitle a:hover{color: #ec5c64;text-decoration: underline;}
.etw_mainpro ul{width: 100%;float: left;flex-wrap: wrap;display: flex;}
.etw_mainpro ul li{width: 15%;margin-right: 2%;float: left;text-align: center;} 
.etw_mainpro ul li:nth-child(6n){margin-right: 0}
.etw_mainpro ul li span{display: block;text-align: center;color: #fff;padding-top: 0.5rem;padding-bottom: 1rem}

#etw_bottom{width: 100%;float: left;background: #ebebeb;position: relative;text-align: center;z-index: 1;margin-top: 3rem}
.etw_bottom1{margin-top: 0!important}
#etw_bottom:before{position: absolute;content: "";background: url(../images/bg3.png) no-repeat center top;z-index: 2;width: 342px;height: 104px;left:0;right: 0;margin: 0 auto;top: -54px}
#etw_bottom .content{border-bottom: 1px solid #bababa;overflow: hidden;position: relative;}
#etw_bottom .etw_hometitle{display:block; text-align:left; font-size:1.125rem; color:#333; font-weight:700; margin:0;position: relative;margin-top: 0;padding-bottom: 0.5rem}
#etw_bottom .etw_hometitle a{ color:#333;position: relative;line-height: 1.5rem;text-align: left;} 
#etw_bottom .etw_hometitle a:hover{color: #ec5c64}
#etw_bottom ul{width: 100%;float: left;display: flex;flex-wrap: wrap;margin-top: 4.5rem}
#etw_bottom ul>li{width: 23%;margin-right: 2%;float: left;text-align: left;margin-bottom: 1rem}
#etw_bottom ul>li:nth-child(4n){margin-right: 0}
#etw_bottom ul>li ol,#etw_bottom ul>li ol li{width: 100%;float: left;}
#etw_bottom ul>li:nth-child(2){width: 31%;padding-left: 2%}
#etw_bottom ul>li:nth-child(3){width: 17%}
#etw_bottom ul>li:nth-child(2) ol li{padding-left: 1.75rem;background: url(../images/add.png) no-repeat left top;}
#etw_bottom ul>li:nth-child(2) ol li:nth-child(2){background: url(../images/person.png) no-repeat left top;}
#etw_bottom ul>li:nth-child(2) ol li:nth-child(3){background: url(../images/dianhua.png) no-repeat left top;}
#etw_bottom ul>li:nth-child(2) ol li:nth-child(4){background: url(../images/phone.png) no-repeat left top;}
#etw_bottom ul>li:nth-child(2) ol li:nth-child(5){background: url(../images/email.png) no-repeat left top;}
#etw_bottom ul>li:nth-child(2) ol li:nth-child(6){background: url(../images/whatsapp.png) no-repeat left top;}
#etw_bottom ul>li ol li a{color: #555;font-size: 1rem;text-align: left;line-height: 1.5rem}
#etw_bottom ul>li ol li a:hover{text-decoration: underline;color: #ec5c64}

/*container*/
#container{margin-top:111px;} 
.content{width:94%;  max-width:1140px; margin:0 auto;}
.etw_content{width:94%;  max-width:1140px; margin:0 auto;}
#etw_right{width:78%; float:right;} 
#etw_sidebar{width:19.5%; float:left;} 
#etw_sidebar .etw_hometitle,.etw_sidebar .etw_hometitle{display:block; color:#fff; background:#fb4436; text-align:left; font-size:1.25rem; padding:0.8rem 1.5rem; margin:0;}
.product_img1:before{position: absolute;content: "";width: 28.69%;height: 40%;    background: url(../products/1-4-1-sheet-type-gum-production-line_01m.jpg) no-repeat center center;z-index: 10;    opacity: 0;
    transition: all ease-in .4s;
    -webkit-transition: all ease-in .4s;}
.product_img1 {
    width: 100%;
    float: left;
}
.product_img2:before{position: absolute;content: "";width: 28.69%;height: 40%;    background: url(../products/1-4-2-ball-gum-production-line_01m.jpg) no-repeat center center;z-index: 10;    opacity: 0;
    transition: all ease-in .4s;
    -webkit-transition: all ease-in .4s;}
.product_img2{
    width: 100%;
    float: left;
}
.product_img2:hover:before{
    opacity: 1;
}
.product_img1:hover:before{
    opacity: 1;
}


.etw_sidebar{width:26%; float:right;} 
.etw_productlist{width:100%; float:left; border:1px #ccc solid}
.etw_productlist ul{ margin:0}
.etw_productlist ul,.etw_productlist ul li,.etw_productlist ul li ol,.etw_productlist ul li ol li{width:100%; float:left}
.etw_productlist ul>li{border-bottom: 1px solid #eee}
.etw_productlist ul>li>a{display:block; font-size:0.9375rem; color:#383838; line-height:1rem; padding:14px 1.5rem 14px 1rem;overflow: hidden;}  
.etw_productlist ul>li>a img{float: left;width: 32%;}
.etw_productlist ul>li>a span{float: right;;width: 64%;margin-top: 0.63rem}
.etw_productlist ul>li>ol>li>a{font-size:0.875rem; display:block; line-height:1rem; color:#777; padding:10px 0.5rem 0.75rem 1rem;position:relative;border-left: 1px solid #ccc;margin-left: 2.5rem}
.etw_productlist ul>li>ol>li>a:before{content:""; position:absolute; left:-5px; top:11px; width:9px; height:9px; border-radius:50%; border:1px solid #ccc; background:#fff;}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{background:#eee; color:#fb4436}
.etw_productlist ul li a:hover:before{color:#fb4436 !important}
.etw_productlist ul>li>ol>li>a:hover:before,.etw_productlist ul>li>ol>li>a.dq:before{ background:#fb4436;}
 
/*快速导航*/ 
#etw_producttitle{margin:0 auto 10px 0; height:auto; color:#585858; background: #ededed linear-gradient(to bottom, #f1f1f1, #ededed); border-bottom: 1px solid #e8e7e7;    font-size:12px;  padding:12px 0 10px 0;}
#etw_producttitle ol{ width:94%; float:none; margin:0 auto; max-width:1140px}
#etw_producttitle a{color:#333; padding-right:15px}
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 5px;color:#000;content:"\f105"; font-size:14px; font-weight:bold; font-family:fontawesome; margin-right:12px;}
#etw_producttitle a:hover{color:#01848b}

/*其他公用样式*/
.videoall{width: 100%;float: left;margin: 0 auto;}
.videoall ul{width: 100%;display: flex;flex-wrap: wrap;}
.videoall ul li{width: 49%;margin: 0 2% 1rem 0;text-align: center;}
.videoall ul li:nth-child(2n){margin-right: 0;}
.videoall ul li span{display: block;padding-top: 0.5rem;}
.etw_title{display:block; text-align:left; font-size:1.1rem; color:#333; font-weight:600; margin:0;position: relative;border-bottom: 1px solid #005da9;display: block;padding-bottom: 0.5rem;margin-bottom: 0.7rem;margin-top: 1rem}
.etw_title:after{position: absolute;content: "";background: #005da9;width: 150px;height: 3px;bottom: 0;left: 0;right: 0} 

ul.item{width: 100%;float: left;margin-left: 1.25rem}
ul.item li{width: 100%;float: left;list-style: disc;}

.etw_title1{ display:block; font-size:1.125rem; font-weight:700; color:#333; padding:0 0 0 1.2rem; position:relative}
.etw_title1 a{ color:#333}
.etw_title1 a:hover{ color:#fb4436}
.etw_title1:before{ position:absolute; content:"\f101"; font-size:1rem; left:0; top:0; font-weight:700; color:#ec5c64; font-family:fontawesome}
.etw_protitle{width: 100%;float: left;position: relative;text-align: center;margin-bottom: 1rem}
.etw_protitle a{font-size: 1.25rem;color: #00418e;line-height: 1.5rem;text-align: center;background: #fff;position: relative;font-weight: 700;z-index: 2;padding: 0 5rem}
.etw_protitle:after{position: absolute;content: "";width: 100%;height: 1px;background: #00418e;bottom: 0.875rem;left: 0;z-index: 1}
.etw_protitle a:hover{color: #ec5c64}
.etw_protitle span{font-size: 1.25rem;color: #00418e;line-height: 1.5rem;text-align: center;background: #fff;position: relative;font-weight: 700;z-index: 2;padding: 0 5rem}
.etw_products{width:100%; height:auto; float:left}
.etw_products>ul{width:100%; display:flex; flex-wrap:wrap}
.etw_products>ul>li{width:100%; float:left;margin-bottom: 1rem}   
.etw_products>ul>li .product_img{width:30%; float:left;} 
.etw_products>ul>li .product_con{width:66%; float:right; padding:1rem 0 0.5rem 0;}  
.etw_products>ul>li .product_con a{color:#ec5c64; font-size:1rem; line-height:1.3rem;padding:0.7rem 0 1rem 0;text-align: left;font-weight: 600;display: block;}
.etw_products>ul>li .product_con a.firstA{color:#ec5c64; font-size:1.5rem; line-height:1.3rem;padding:0.7rem 0 1rem 0;text-align: left;font-weight: 600;display: block;}
.etw_products>ul>li .product_con a:hover{color:#005da9; text-decoration:underline}  
.etw_products>ul>li .product_con span{display:block; font-size:0.875rem; line-height:1.25rem; color:#888;}
.more1{width: 100%;float: left;position: relative;margin-top: 1rem}
.more1 a{color: #fff!important;background: #ec5c64;font-weight: 300!important;padding: 0.25rem 1.5rem!important;border-radius: 15px;display: inline-block!important}
.etw_pro{width: 100%;float: left;}
.etw_pro ul{width: 100%;float: left;}
.etw_pro ul li{width: 49%;margin-right: 2%;float: left;}
.etw_pro ul li:nth-child(2n){margin-right: 0}
.etw_pro ul li a{color: #ec5c64;font-size: 0.875rem!important;font-weight: 300!important;position: relative;padding-left: 0.8rem!important;padding-bottom: 0!important}
.etw_pro ul li a:before{position: absolute;content: "\f105";font-family: fontawesome;color: #ec5c64;left: 0;top: 10px}
.etw_pro ul li a:hover:before{color:#005da9;}

.etw_products1{width:100%; height:auto; float:left}
.etw_products1>ul{width:100%; display:flex; flex-wrap:wrap}
.etw_products1>ul>li{width:48%; float:left; margin:0 4% 1rem 0;border: 1px solid #eee;} 
.etw_products1>ul>li:nth-child(2n){margin-right:0}  
.etw_products1>ul>li .product_img{width:100%; float:left;} 
.etw_products1>ul>li .product_con{width:100%; float:right; padding:0 0 0.5rem 0;}  
.etw_products1>ul>li .product_con a{color:#005da9; font-size:1.125rem; line-height:1.3rem; display: block; padding:0.7rem 0 1rem 0;text-align: center;font-weight: 700} 
.etw_products1>ul>li .product_con a:hover{color:#ec5c64; text-decoration:underline}  
.etw_products1>ul>li .product_con span{display:block; font-size:0.875rem; line-height:1.25rem; color:#888; padding-right:1rem;padding-left: 1rem}

.etw_products2{width: 100%;float: left;margin: 0 auo}
.etw_products2>ul{width: 100%;float: left;display: flex;flex-wrap: wrap;}
.etw_products2>ul>li{width: 49%;margin-right: 2%;float: left;}
.etw_products2>ul>li:nth-child(2n){margin-right: 0}
.etw_products2 .etw_title1{border-bottom: 1px dashed #eee;margin-bottom: 0.75rem}
.etw_number,.etw_number ul,.etw_number1,.etw_number1 ul,.etw_number2,.etw_number2 ul,.etw_number3,.etw_number3 ul{width: 100%;float: left;}
.etw_number ul li,.etw_number1 ul li,.etw_number2 ul li,.etw_number3 ul li{width: 32%;margin-right: 2%;padding-left: 2rem;position: relative;float: left;}
.etw_number ul li:nth-child(3n),.etw_number1 ul li:nth-child(3n),.etw_number2 ul li:nth-child(3n),.etw_number3 ul li:nth-child(3n){margin-right: 0}
.etw_number ul li:before,.etw_number2 ul li:before,.etw_number3 ul li:before{position: absolute;content: "1";width: 22px;height: 22px;background: #005da9;color: #fff;left: 0;top: 4px;border-radius: 50%;text-align:center;font-size: 0.875rem;line-height: 22px}
.etw_number ul li:nth-child(2):before{content: "2"}
.etw_number ul li:nth-child(3):before{content: "3"}
.etw_number ul li:nth-child(4):before{content: "4"}
.etw_number ul li:nth-child(5):before{content: "5"}
.etw_number ul li:nth-child(6):before{content: "6"}
.etw_number ul li:nth-child(7):before{content: "7"}
.etw_number ul li:nth-child(8):before{content: "8"}
.etw_number ul li:nth-child(9):before{content: "9"}
.etw_number ul li:nth-child(10):before{content: "10"}
.etw_number ul li:nth-child(11):before{content: "11"}
.etw_number ul li:nth-child(12):before{content: "12"}
.etw_number ul li:nth-child(13):before{content: "13"}
.etw_number ul li:nth-child(14):before{content: "14"}
.etw_number ul li:nth-child(15):before{content: "15"}
.etw_number ul li:nth-child(16):before{content: "16"}
.etw_number ul li:nth-child(17):before{content: "17"}
.etw_number ul li:nth-child(18):before{content: "18"}
.etw_number ul li:nth-child(19):before{content: "19"}
.etw_number ul li:nth-child(20):before{content: "20"}
.etw_number ul li:nth-child(21):before{content: "21"}
.etw_number ul li:nth-child(22):before{content: "22"}
.etw_number1 ul li:before{position: absolute;content: "2";width: 22px;height: 22px;background: #005da9;color: #fff;left: 0;top: 4px;border-radius: 50%;text-align:center;font-size: 0.875rem;line-height: 22px}
.etw_number1 ul li:nth-child(2):before{content: "3"}
.etw_number1 ul li:nth-child(3):before{content: "5"}
.etw_number1 ul li:nth-child(4):before{content: "12"}
.etw_number1 ul li:nth-child(5):before{content: "14"}
.etw_number1 ul li:nth-child(6):before{content: "15"}
.etw_number1 ul li:nth-child(7):before{content: "16"}
.etw_number1 ul li:nth-child(8):before{content: "18"}
.etw_number1 ul li:nth-child(9):before{content: "20"}
.etw_number1 ul li:nth-child(10):before{content: "21"}
.etw_number1 ul li:nth-child(11):before{content: "22"}
.etw_number1 ul li:nth-child(12):before{content: "23"}
.etw_number1 ul li:nth-child(13):before{content: "24"}
.etw_number1 ul li:nth-child(14):before{content: "25"}
.etw_number1 ul li:nth-child(15):before{content: "26"}
.etw_number2 ul li:nth-child(2):before{content: "2"}
.etw_number2 ul li:nth-child(3):before{content: "3"}
.etw_number2 ul li:nth-child(4):before{content: "5"}
.etw_number2 ul li:nth-child(5):before{content: "7"}
.etw_number2 ul li:nth-child(6):before{content: "8"}
.etw_number2 ul li:nth-child(7):before{content: "9"}
.etw_number2 ul li:nth-child(8):before{content: "10"}
.etw_number2 ul li:nth-child(9):before{content: "11"}
.etw_number2 ul li:nth-child(10):before{content: "14"}
.etw_number2 ul li:nth-child(11):before{content: "15"}
.etw_number2 ul li:nth-child(12):before{content: "16"}
.etw_number2 ul li:nth-child(13):before{content: "18"}
.etw_number2 ul li:nth-child(14):before{content: "20"}
.etw_number2 ul li:nth-child(15):before{content: "21"}
.etw_number2 ul li:nth-child(16):before{content: "22"}
.etw_number2 ul li:nth-child(17):before{content: "23"}
.etw_number2 ul li:nth-child(18):before{content: "24"}
.etw_number2 ul li:nth-child(19):before{content: "25"}
.etw_number2 ul li:nth-child(20):before{content: "26"}
.etw_number3 ul li:nth-child(2):before{content: "2"}
.etw_number3 ul li:nth-child(3):before{content: "3"}
.etw_number3 ul li:nth-child(4):before{content: "4"}
.etw_number3 ul li:nth-child(5):before{content: "6"}
.etw_number3 ul li:nth-child(6):before{content: "7"}
.etw_number3 ul li:nth-child(7):before{content: "8"}
.etw_number3 ul li:nth-child(8):before{content: "9"}
.etw_number3 ul li:nth-child(9):before{content: "10"}
.etw_number3 ul li:nth-child(10):before{content: "11"}
.etw_number3 ul li:nth-child(11):before{content: "12"}
.etw_number3 ul li:nth-child(12):before{content: "13"}
.etw_number3 ul li:nth-child(13):before{content: "14"}
.etw_number3 ul li:nth-child(14):before{content: "15"}
.etw_number3 ul li:nth-child(15):before{content: "16"}
.etw_number3 ul li:nth-child(16):before{content: "17"}
.etw_number3 ul li:nth-child(17):before{content: "20"}
.etw_number3 ul li:nth-child(18):before{content: "21"}
.etw_number3 ul li:nth-child(19):before{content: "22"}
.etw_number3 ul li:nth-child(20):before{content: "23"}
.etw_number3 ul li:nth-child(21):before{content: "24"}
.etw_number3 ul li:nth-child(22):before{content: "25"}
.etw_number3 ul li:nth-child(23):before{content: "26"}

/*引用sitemap样式*/
#etw_map{width:100%;margin:0 auto;margin-bottom: 2rem}
#etw_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#etw_map a:hover{text-decoration:none}
#etw_map .name a{color:#1d3154;margin:0;font-weight:700;text-decoration:none}
#etw_map .name a:hover{text-decoration:underline}
#etw_map .list_m{ width:100%; height:auto; margin-bottom:15px; overflow:hidden}
#etw_map .list_m a{ width:50%; display:block; float:left; color:#888; text-decoration:none; line-height:20px; padding:5px 0; padding-left:12px;}
#etw_map .list_m a:nth-child(2n+1){ clear:both}
#etw_map .list_m a:hover{text-decoration:underline; color:#0c3b64}
#etw_map a.subname{ width:100%; display:block; text-decoration:underline;padding-left:0px;}
/*引用sitemap样式*/

.img_center{width:100%;clear:both;margin:0.3rem auto 1rem auto;text-align:center;position: relative; }
.img_center1{border:1px #dedede solid}
.img_left,.img_right{width:45%;float:right; margin:10px 0 14px 4%; text-align:center;}
.img_left{float:left;margin:0 4% 15px 0;width:40%}
.img_left img,.img_right img{display:block; width:100%; border:1px #dedede solid}
.img_left1{width: 32%}

.etw_photo{margin:0 0 0.5rem 0;width:100%;height:auto;overflow: hidden;} 
.etw_photo ul{display:flex;width:100%;height:auto; flex-flow: wrap;}
.etw_photo ul li{display:block;margin:0 2% 15px 0;text-align:center;overflow: hidden;}
.etw_photo ul li img{display:block; width:100%; border:1px #dedede solid; padding: 4px;position: relative;} 
.etw_photo ul.nopic li img{border:none} 
.etw_photo ul li a{color:#333;}
.etw_photo ul li span{display:block; font-size:0.8135rem; line-height:1.125rem}
.row span{display:block; font-size:0.8135rem; line-height:1.125rem}
.etw_photo ul li p{display:block;}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49%}
.etw_pic3 ul li{width:32%}
.etw_pic4 ul li{width:23.5%}
.etw_pic5 ul li{width:18.4%;font-size:1rem;}
.etw_pic6 ul li{width:15%;font-size:1rem;}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:both;}
.etw_photo strong{line-height: 2rem}
figure{margin: 0 0 0.3rem} 
.home_video span{font-size: 26px;display: inline-block;padding: 13px 0 0 5px;}
.home_video{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:50px;height:50px;background:#c9161c;border-radius:100%;text-align:center;line-height:50px;color:#fff;cursor:pointer;font-size:18px;}
.home_video:hover{background:#0a3255;}

.etw_other{width: 100%;background: #f7f8f7;padding:1rem 0 3rem 0;margin-top: 1rem}

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%; float:left; padding:0.5rem 0 1.2rem 0; margin: 0}
#etw_form_title{display:block; text-align:left; font-size:1.2rem; color:#333; font-weight:600; margin:0;position: relative;border-bottom: 1px solid #005da9;display: block;padding-bottom: 0.5rem;margin-bottom: 0.7rem;margin-top: 1rem}
#etw_form_title1{text-align:left;color:#333;font-size:1.2rem;padding:0px;position: relative; font-weight: bold;}
#etw_form_title:after{position: absolute;content: "";background: #005da9;width:120px;height: 3px;bottom: 0;left: 0;right: 0}
#floatchatiframe2011{margin: 0 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%}
#form p{ font-size:0.8325rem; line-height:1.4rem; text-align:left; padding-bottom:0}
.other_title{text-align:left;color:#333;font-size:1.2rem;padding:0px;position: relative; font-weight: bold;}
.other_pro{width:100%;margin:1.5rem 0 0 0;overflow:hidden;}
.other_pro ul{ width:100%; display:flex; flex-wrap:wrap}
.other_pro ul>li{width:23.5%;margin:0 2% 1rem 0;overflow:hidden}
.other_pro ul li:nth-child(4n){margin-right:0}
.other_pro ul li ol{width:100%}
.other_pro ul li ol li.product_img{width:100%}
.other_pro ul li ol li.product_img img{width:100%;border:1px solid #dedede}
.other_pro ul li ol:hover li.product_img img{border-color:#888}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center}
.other_pro ul li ol li.product_con a{color:#333;display:block;line-height:16px;padding:8px 10%;font-size:13px}
.other_pro ul li ol:hover li.product_con a{color:#05497a;;text-decoration:underline} 

/*底部*/
#footer{width:100%;height:auto;background:#ebebeb; padding:0.8rem 0;}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative;}
#etw_homefooter{height:auto;padding:0.7rem 0;  text-align:center; position:relative; width: 100%;}
#etw_homefooter a{padding:0 1.6rem;color:#333; margin:0px;position:relative;font-size:1rem; font-weight:400;}
#etw_homefooter a:hover{color:#009a44; text-decoration:none;}
#etw_coper a{display:block;color:#fff; margin-top:1rem;font-size:0.875rem;  display:none}
#otherlink{clear:both;width:100%;height:auto; display:none}
#otherlink a{color:#fff; font-size:0.625rem; display:inline-block;padding:0.05rem 0.3rem; margin-right:0.875rem; border:1px #fff solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#292929;border:1px #292929 solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out} 
@media (max-width: 1140px) {.mt-4,.mt-5,.mt-3{margin-top: 0!important}
.navbar-light .navbar-nav .nav-link{padding: 0rem 10px 0rem 10px}
}

@media (max-width: 991.98px) {
.top-nav{background:#f4f4f4; text-align:left; width:100%; padding:0;margin-top: 0}
.navbar-light .navbar-nav .nav-link{ border-right:none; border-bottom:1px #f5bdc7 solid; padding: 0.4rem 1.4rem 0.5rem 1rem; line-height: 1.5rem; margin-left:0}
.navbar-nav .dropdown-menu{ border:none; border-radius:0; margin-top:-1px;}
.navbar{padding:0.05rem 0rem 0;}
.navbtn{margin:1.2rem 1rem 0 0}
#header{position: relative;}
#container{margin-top:0;} 
#etw_language{padding-right:0}
#etw_sidebar,#menu-items li a img{display:none}
#etw_right{width:100%; padding-left:0}
.navbar-light .navbar-nav .nav-link{color: #333}
#etw_banner,.header-top{display: none;}
.navbar-light .navbar-nav .active .nav-link, .navbar-light .navbar-nav .nav-link:hover{color:#009a44;}
#menu-items{padding: 0;left: 0} 
#menu-items>li{width: 100%;background: #fff;margin-bottom: 0}
#menu-items li a{background: #fff!important;text-align: left;padding-left: 1.5rem;color: #333;border-bottom: none;} 
.navbar-light .navbar-nav .active .nav-link, .navbar-light .navbar-nav .nav-link:hover{background: none}
.mt-3,.mt-4,.mt-5{margin-top: 0!important}
.pt-1,.pt-2,.pt-3,.pt-4,.pt-5{padding-top: 0!important}
}

@media (max-width: 767.98px) {#etw_language,#etw_banner,.etw_mainbody > img,.etw_sidebar{display:none;} 
#etw_homefooter a{font-size:0.875rem;}  
  .etw_hometitle, h2{font-size:1.2rem; margin-top: 0.5rem;} 
.etw_mainproducts ul > li{ width:100%; margin:0 0 1.25rem 0}
  .other_pro ul > li,.etw_smaple ul>li{ width:48%; margin-right:4%}
  .other_pro ul > li:nth-child(4n),.etw_smaple ul > li:nth-child(3n){ margin-right:4%}
    .other_pro ul > li:nth-child(2n),.etw_smaple ul > li:nth-child(2n){ margin-right:0} 
.etw_mainbody ul > li{width:48.5%; margin-right:3%}
.etw_mainbody ul > li:nth-child(4n){margin-right:3%}
.etw_mainbody ul > li:nth-child(2n){margin-right:0}
.etw_mainbody ul > li .home_t{ height:auto; padding:0.5rem 0}
#etw_bottom ul>li>ol>li span{top: 25%;left: 15%}
.etw_products>ul>li .product_con span{display: none;}
#etw_bottom ul>li,.etw_products>ul>li .product_img,.etw_products>ul>li .product_con,.etw_products1>ul>li,.etw_number ul li, .etw_number1 ul li, .etw_number2 ul li, .etw_number3 ul li,.etw_pic0 ul li{width: 100%!important;margin-right: 0}
#etw_bottom ul>li:nth-child(3),#etw_bottom ul>li:nth-child(4),.etw_products1>ul>li .product_con span{display: none;}
#etw_bottom ul>li{width: 48%!important}
.etw_products>ul>li .product_con{padding-top: 0}  
.etw_products2>ul>li{width: 100%;margin-right: 0}
.etw_protitle span,.etw_protitle a{padding: 0}
.etw_protitle:after{display: none;}
.etw_pic5 ul li{width: 49%;margin-right: 2%}
.etw_pic5 ul li:nth-child(5n){margin-right: 2%}
.etw_pic5 ul li:nth-child(2n){margin-right: 0}
}

@media (max-width: 575.98px) {#company{display:none;}  
#etw_homefooter a{font-size:0.6rem;}
.etw_products ul>li,.img_left, .img_right,.left_pic,.etw_mainproducts ul > li,.etw_mainbody ul > li{width:100%; margin-right:0;}   
.etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n){margin-right:0;}
.etw_pic3 ul li,.etw_pic4 ul li,.etw_pic6 ul li{width:49%;margin-right:2%;} 
.etw_pic6 ul li:nth-child(6n){margin-right: 2%}
.etw_pic6 ul li:nth-child(2n){margin-right: 0}
.etw_productlists{width:100%; padding-bottom:1rem; margin:0}  
.etw_products3>ul>li:nth-child(3n){margin-right: 2%} 
.etw_mainpro ul li{width: 32%}
.etw_mainpro ul li:nth-child(3n){margin-right: 0}
#etw_bottom ul>li,.etw_products>ul>li .product_img,.etw_products>ul>li .product_con,.etw_products1>ul>li,.etw_number ul li, .etw_number1 ul li, .etw_number2 ul li, .etw_number3 ul li,.etw_pic0 ul li{width: 100%!important;margin-right: 0}
.etw_protitle a{padding: 0 1rem}  
#etw_map .list_m a,.table-responsive{width: 100%}
.img_left,.img_right{margin-bottom: 5px;margin-top: 8px}
#etw_logo{width: 200px;margin-right: 1rem}
.videoall ul li{width: 100%;}
}



/* Contact */
.contact_content p{padding-bottom: 0.8rem;}
.contact_content strong,.contact_content h3{color:#000;}
.contact_content a{ color:#0051b0; text-decoration: underline; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
.contact_content a:hover{color:#000;text-decoration: none;}
.contact_content h3{font-size:1.4rem;font-family:"OpenSans-Bold";}
#etw_set_feedback_form{ background-color: #eee; margin-bottom: 2rem; padding: 15px 20px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }



.btn-inquiry span{width:auto;padding:0.6rem 2rem;color:#fff;background-color:#15589f;position:relative;display:inline-block;font-size:1.2rem;font-weight:bold;transition:all 0.5s;border-radius:5px;overflow:hidden;}
.btn-inquiry span:hover{background-color:transparent;color:#fff;}
.btn-inquiry span::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#c9161c;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.btn-inquiry span:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1);}
.pic_list1 ul li{background-color:#eee;}
.pic_list1 ul li .pic{margin-bottom:15px;overflow:hidden;}
.pic_list1 ul li.w-80,.pic_list1-w50 ul li{display:flex;align-items:center;padding:15px;}
.pic_list1 ul li.w-80 .pic,.pic_list1-w50 ul li .pic{float:right;width:40%;}
.pic_list1 ul li.w-80 .txt,.pic_list1-w50 ul li .txt{width:60%;}
.pic_list1 ul .txt{padding:1rem;text-align:left;}
.pic_list1 ul h3.tit{margin:0 auto 10px;font-size:1.4rem;font-family:"OpenSans-Bold";color:#15589f;}
.pic_list1-w50 ul li{background-color:transparent;}
.pic_list1 .desc{font-size:1rem;}
dl.item dd{width:100%;list-style:none;padding-left:15px;position:relative;}
dl.item dd{position: relative;}
dl.item dd::after{content:"";position:absolute;left:0;top:8px;background-color:#c9161c;width:6px;height:6px;}
.btn_video {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  transform: translate(-50%,-50%);
  width: 50px;
  height: 50px;
  background: #c9161c;
  border-radius: 100%;
  text-align: center;
  line-height: 50px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
}
.icon-play::before {
  content: "\f04b";
}
.etw_products > ul > li .product_img, .etw_products1 > ul > li .product_img {
  position: relative;
}
figure {
  margin: 0 0 0.3rem;
}
.etw_photo ul li {
  display: block;
  margin: 0 2% 15px 0;
  text-align: center;
  overflow: hidden;
}
.etw_photo ul {
  display: flex;
  width: 100%;
  height: auto;
  flex-flow: wrap;
}

li, ol, ul {
  list-style: none;
}
*, ::after, ::before {
  box-sizing: border-box;
}

.etw_photo ul li:hover img {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
}
.etw_photo ul li img {
  display: block;
  width: 100%;
  position: relative;
  border: 0px #dedede solid;
}
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
img, object {
  max-width: 100%;
}
.process-steps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 40px 0;
  overflow: auto;
}
.step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  z-index: 1;
}
.step-dot {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #409eff, #00418e);
  box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
  margin-bottom: 12px;
  position: relative;
}
.step-dot::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.step-text {
  font-size: 13px;
  color: #333;
  text-align: center;
  white-space: nowrap;
  font-weight: 500;
  padding: 0 15px;
}
.step-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 18px;
  left: 50%;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, #409eff, #00418e);
  z-index: -1;
}
u.inquiry {
  text-decoration: underline;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
u.inquiry {
  text-decoration: underline;
}
.info-table td:first-child {
  width: 300px;
  padding: 10px 15px;
  font-weight: bold;
  color: #333;
  background: #f8f8f8;
}
.etw_photo {
  margin: 0 0 0.5rem 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.flowchart-container {
  width: 100%;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  padding: 1rem 2rem;
  position: relative;
  overflow: hidden;
}
.flow-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 2rem;
  align-items: center;
  position: relative;
}
.node-gummies {
  grid-column: 3;
  grid-row: 1;
}
.flow-node {
  background: linear-gradient(145deg, #f0f4f8 0%, #e2e8f0 100%);
  border: 2px solid #94a3b8;
  border-radius: 8px;
  padding: 0.5rem 0.7rem;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #1e293b;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.node-caps {
  grid-column: 4;
  grid-row: 1;
}
.node-bucket-elevator {
  grid-column: 3;
  grid-row: 2;
}
.node-cap-elevator {
  grid-column: 4;
  grid-row: 2;
}
.node-empty-bottle {
  grid-column: 1;
  grid-row: 3;
}
.node-unscrambler {
  grid-column: 2;
  grid-row: 3;
}
.node-counter {
  grid-column: 3;
  grid-row: 3;
}
.node-capping {
  grid-column: 4;
  grid-row: 3;
}
.node-sealing {
  grid-column: 5;
  grid-row: 3;
}
.node-labelling {
  grid-column: 6;
  grid-row: 3;
}
.node-cartoning {
  grid-column: 7;
  grid-row: 3;
}
arrow.vertical {
  width: 3px;
  left: 9%;
  transform: translateX(-50%);
}
.arrow {
  position: absolute;
  z-index: 1;
  background: #64748b;
  transition: all 0.3s ease;
}
.arrow-gummies-to-elevator {
  grid-column: 3;
  grid-row: 1 / 3;
  height: calc(100% - 2.4rem);
  top: 1.2rem;
}
.arrow-elevator-to-counter {
  grid-column: 3;
  grid-row: 2 / 4;
  height: calc(100% - 2.4rem);
  top: 1.2rem;
}
.arrow-caps-to-cap-elevator {
  grid-column: 4;
  grid-row: 1 / 3;
  height: calc(100% - 2.4rem);
  top: 1.2rem;
}
.arrow-cap-elevator-to-capping {
  grid-column: 4;
  grid-row: 2 / 4;
  height: calc(100% - 2.4rem);
  top: 1.2rem;
}
.arrow-empty-to-unscrambler {
  grid-column: 1 / 2;
  grid-row: 3;
  width: calc(100% - 2rem);
  left: calc(100% - 1rem);
}
.arrow-unscrambler-to-counter {
  grid-column: 2 / 3;
  grid-row: 3;
  width: calc(100% - 2rem);
  left: calc(100% - 1rem);
}
.arrow-counter-to-capping {
  grid-column: 3 / 4;
  grid-row: 3;
  width: calc(100% - 2rem);
  left: calc(100% - 1rem);
}
.arrow-capping-to-sealing {
  grid-column: 4 / 5;
  grid-row: 3;
  width: calc(100% - 2rem);
  left: calc(100% - 1rem);
}
.arrow-sealing-to-labelling {
  grid-column: 5 / 6;
  grid-row: 3;
  width: calc(100% - 2rem);
  left: calc(100% - 1rem);
}
.arrow-labelling-to-cartoning {
  grid-column: 6 / 7;
  grid-row: 3;
  width: calc(100% - 2rem);
  left: calc(100% - 1rem);
}
.arrow.horizontal {
  height: 3px;
  top: 50%;
  transform: translateY(-50%);
}
.arrow.vertical {
  width: 3px;
  left: 9%;
  transform: translateX(-50%);
}
.arrow.vertical::after {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px 6px 0 6px;
  border-color: #64748b transparent transparent transparent;
 }
  .arrow.vertical::after {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-width: 10px 6px 0 6px;
  border-color: #64748b transparent transparent transparent;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.arrow::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.arrow.horizontal::after {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #64748b;
}
.flow-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
}
.flow-line .item {
  padding: 14px 22px;
  border: 2px solid #444;
  border-radius: 10px;
  text-align: center;
  font-size: 15px;
  min-width: 150px;
  background: #fff;
  z-index: 2;
}
.flow-line2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
  width: 82%;
}
.flow-line2 .item {
  padding: 14px 22px;
  border: 2px solid #444;
  border-radius: 10px;
  text-align: center;
  font-size: 15px;
  min-width: 150px;
  background: #fff;
  z-index: 2;
}
.h-arrow {
  width: 30px;
  height: 2px;
  background: #444;
  position: relative;
}
.h-arrow::after {
  content: "";
  position: absolute;
  right: 0;
  top: -4px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #444;
}
.etw_title1 {
  display: block;
  font-size: 1.125rem;
  font-weight: 700;
  color: #333;
  padding: 0 0 0 1.2rem;
  position: relative;
}
 @media (max-width: 1200px) {
            .flow-grid {
                grid-template-columns: 1fr;
                grid-template-rows: repeat(11, auto);
                gap: 1.5rem;
            }

            /* 重排所有节点 */
            .node-gummies { grid-column: 1; grid-row: 1; }
            .node-bucket-elevator { grid-column: 1; grid-row: 2; }
            .node-caps { grid-column: 1; grid-row: 3; }
            .node-cap-elevator { grid-column: 1; grid-row: 4; }
            .node-empty-bottle { grid-column: 1; grid-row: 5; }
            .node-unscrambler { grid-column: 1; grid-row: 6; }
            .node-counter { grid-column: 1; grid-row: 7; }
            .node-capping { grid-column: 1; grid-row: 8; }
            .node-sealing { grid-column: 1; grid-row: 9; }
            .node-labelling { grid-column: 1; grid-row: 10; }
            .node-cartoning { grid-column: 1; grid-row: 11; }

            /* 重排箭头为垂直 */
            .arrow.horizontal { display: none; }
            .arrow.vertical {
                width: 3px;
                left: 50%;
                transform: translateX(-50%);
            }

            .arrow-gummies-to-elevator {
                grid-column: 1;
                grid-row: 1 / 3;
                height: calc(100% - 2.4rem);
                top: 1.2rem;
            }

            .arrow-caps-to-cap-elevator {
                grid-column: 1;
                grid-row: 3 / 5;
                height: calc(100% - 2.4rem);
                top: 1.2rem;
            }

            .arrow-elevator-to-counter {
                grid-column: 1;
                grid-row: 2 / 8;
                height: calc(100% - 2.4rem);
                top: 1.2rem;
            }

            .arrow-cap-elevator-to-capping {
                grid-column: 1;
                grid-row: 4 / 9;
                height: 100%;
                top: 10rem;
            }

            .arrow-empty-to-unscrambler,
            .arrow-unscrambler-to-counter,
            .arrow-counter-to-capping,
            .arrow-capping-to-sealing,
            .arrow-sealing-to-labelling,
            .arrow-labelling-to-cartoning {
                grid-column: 1;
                width: 3px;
                left: 50%;
                transform: translateX(-50%);
                height: calc(100% - 2.4rem);
                top: 1.2rem;
            }

            .arrow-empty-to-unscrambler { grid-row: 5 / 7; }
            .arrow-unscrambler-to-counter { grid-row: 6 / 8; }
            .arrow-counter-to-capping { grid-row: 7 / 9; }
            .arrow-capping-to-sealing { grid-row: 8 / 10; }
            .arrow-sealing-to-labelling { grid-row: 9 / 11; }
            .arrow-labelling-to-cartoning { grid-row: 10 / 12; }
        }