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


@font-face {
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 300;
  src: local('Opensans'), local('Opensans-Regular'), url(../font/opensans-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 500;
  src: local('Opensans Semibold'), local('Opensans-Semibold'), url(../font/opensans-semibold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 700;
  src: local('Opensans Bold'), local('Opensans-Bold'), url(../font/opensans-bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  src: local('Jost Light'), local('Jost-Light'), url(../font/Jost-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: local('Jost Regular'), local('Jost-Regular'), url(../font/Jost-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: local('Jost Medium'), local('Jost-Medium'), url(../font/Jost-Medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: local('Jost SemiBold'), local('Jost-SemiBold'), url(../font/Jost-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: local('Jost Bold'), local('Jost-Bold'), url(../font/Jost-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: local('Jost ExtraBold'), local('Jost-ExtraBold'), url(../font/Jost-ExtraBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:iconfont;src:url(../font/iconfont.ttf?t=1622274305876) 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;color: #555;font-size: 15px}
p{margin:0;padding:0 0 1rem}
a.links{ color:#46a6b4; }
a.links:hover{ text-decoration:underline; }  

body{font-family: Arial;color:#495057; font-weight: 300; font-size:0.875rem;  line-height:1.375rem}
hr{ border-top:1px #ddd dashed; margin:1rem 0}
table{margin:5px 0 0;width:100%;}
.tabwidth{ min-width:1000px;}
.tabwidth1{ min-width:900px;}
.table-responsive{margin-bottom:20px}
table,td{border:1px solid #999!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:7px;font-size:14px;line-height:18px;text-align: center;} 
h2{ padding:0.5rem 0 1.25rem;font-size:1.5rem; color:#202020;font-weight:700; margin: 0;} 
.etw_protitle h2{color: #0479be;display: block;text-align: center;font-size: 1.75rem}



/*头部*/
#header{width:100%;position:fixed; top:0; right:0; left:0; z-index:100; margin:0 auto;background: #fff;box-shadow: 0 1px 5px #e5e5e5;}
#header:before{position: absolute;content: "";width: 100%;height: 35px;background: #ededed;left: 0;top: 0;z-index: 1;}
#headerin{width:96%; margin:0px auto; max-width:1200px;}
#etw_logo{ width:90px;float:left;margin-bottom:0.75rem;margin-top: 0.5rem}
#etw_logo span{display: inline-block;color: #0079c3;font-size: 1.25rem;font-weight: 700;text-transform: uppercase;float: right;padding-top: 1.25rem}
.navbtn{ margin-top:1rem;}
.etw_language{width:100%;height:34px;float:right;margin:0;visibility:visible;}
.etw_language>ul{position:relative;margin:0}
.etw_language>ul>li{position:relative}
.etw_language>ul>li>a{display:block}
.etw_language ul li ol{position:relative;display:block}
#etw_language{width:auto;text-align:right;}
#etw_language .dropdown-item{display:inline-block;width:auto;font-size:0.85rem;line-height:0.85rem;padding:0.6rem 1rem;color:#333;background:0;min-width:auto!important;font-weight:300;position: relative;z-index: 10;}
#etw_language .dropdown-item img{padding:0 .3rem .15rem 0}
#etw_language .dropdown-item:hover{color:#f6ab00;background:0}
.etw_language a:not([href]):not([tabindex]){color:#fff;cursor:pointer}
.iconfont{font-family:iconfont!important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
@-webkit-keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
@keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
@media (max-width:991.98px){ 
  #header:before{display: none;}
.etw_language{width:auto;height:auto;margin:0;margin-top: 10px;}
.etw_language>ul>li::before{position:absolute;content:"";width:1px;height:100%;background-color:#ccc;top:-2%;left:1.4rem;}
.etw_language>ul>li>a{margin:1.8rem 0 1rem 3rem;text-align:center;width:40px;z-index:100;display:block;}
.etw_language ul li ol{position:absolute;width:100px;left:-1rem;top:1.6rem;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:1010;display:none}
#etw_language{width:100%;background:#fff;margin:0}
#etw_language .dropdown-item{width:auto;color:#333;line-height:1rem;padding:.6rem 0;clear:inherit;display:block;background:0 0;text-align:center}
#etw_language .dropdown-item:hover{background:#fff}
}

.top-nav{ width:auto; float:right;margin-bottom: 0.5rem;margin-top: 2.5rem}
.navbar{ padding:0 1rem;}
.navbar-collapse{justify-content:center;}
.navbar-light .navbar-nav .nav-link{color:#333; font-size:1rem; margin:0 0 0 4rem; line-height:2rem; font-weight: 700;padding: 0}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#0079c3;}
.navbar-light .navbar-nav .dropdown-menu{background: #e3e3e3;border-bottom: 3px solid #aed048;padding-bottom: 0;padding-top: 0;}
.navbar-light .navbar-nav .dropdown-menu a:hover{color:#0079c3;}
.navbar-light .navbar-nav .dropdown-item{font-weight:300; font-size:0.8375rem; line-height:1.125rem;border-bottom: 1px solid #efefef;padding: 0.75rem 1rem;} 
.navbar-light .navbar-nav .dropdown-item:last-child{border-bottom: none;}
.dropdown-item{ white-space:normal; min-width:16rem;}
.dropdown-item.active, .dropdown-item:active{background: #fff;color: #0079c3} 
.top-nav ul li:last-child{background: #0079c3;color: #fff;margin-left: 4rem;padding: 0 2rem;}
.top-nav ul li:last-child .nav-link{margin-left: 0;color: #fff;}
.top-nav ul li:last-child:hover{background: #aed048}

/*首页附加样式*/
#etw_banner{width:100%; height:auto; position:relative; margin:0 auto; text-align:center;}
.banner_txt {position: absolute;width:100%; max-width:1200px; margin: 0 auto;left:0rem;top: 0;}
.bannerinfo{width: 100%;float:left; margin-top:2%; color:#46a6b4; position:relative;text-align: center;padding-bottom: 1.5rem;padding: 0 2rem} 
.banner_txt h1{font-size:1.375rem; line-height:2rem; color:#fff;font-weight:700;text-align:center;padding: 1rem;margin-bottom: 0;text-transform: capitalize;}  


.etw_mainproducts{ width:100%; margin:0 auto;margin-top: 1.5rem;float: left;}
.etw_mainproducts ul{ width:100%; display:flex; flex-wrap:wrap;margin-bottom: 0;background: #f3f3f3;padding: 1rem;}
.etw_mainproducts ul>li{ width:32%;position: relative;margin-right: 2%;} 
.etw_mainproducts ul>li:after{position: absolute;content: "";width: 100%;height: 80%;left: 0;bottom: 0;background: #fff;z-index: 1;}
.etw_mainproducts ul>li:nth-child(3n){margin-right: 0;}
.etw_mainproducts ul>li>ol,.etw_mainproducts>ul>li>ol>li{ width:100%;position: relative;} 
.etw_mainproducts ul>li>ol>li.product_con{width: 100%;position: relative;z-index: 2;} 
.etw_mainproducts ul>li>ol>li.product_con>a{ display:block; text-align:center; font-size:1.125rem; font-weight:700; color:#02306b; position: relative;line-height: 1.5rem;text-transform: uppercase;padding: 1rem 0.5rem 1.5rem;} 
.etw_mainproducts ul>li>ol>li.product_con>a:hover,.more a:hover{color:#0079c3;text-decoration: none;text-decoration: underline;} 
.etw_mainproducts ul>li>ol>li.product_img{width: 100%;position: relative;z-index: 2;} 
.etw_mainproducts ul>li>ol>li.product_img img{transition: 2s;}
.etw_mainproducts ul>li>ol>li.product_img img:hover{transform: rotateY(180deg);transition: all 0.5s ease;} 
.more{position: absolute;left: 0;text-align: left;bottom: 1.5rem;left: 1.5rem}
.more a{display: inline-block;text-align: left;position: relative;color: #fff;padding-right: 0.6rem}
.more a:after{position: absolute;content: "\f105";font-family: fontawesome;right: 0;top: 0}

.etw_mainbody{width:100%;float: left;margin: 0 auto;margin-top: 2rem;background: #f4f7fa;padding: 3rem 1rem;}  
.etw_mainbody .etw_hometitle{width: 100%;color: #02306b;font-size: 1.5rem;text-align: left;line-height: 2rem;font-weight: 600;} 
.etw_mainbody .etw_hometitle1 a{display: block;text-transform: uppercase;color: #5d6b7e;font-size: 1rem;font-weight: bold;padding-bottom: 0.5rem;}
.etw_mainbody .etw_hometitle1 a:hover{color: #02306b;text-decoration: underline;}
.etw_mainbody ul{width: 100%;display: flex;flex-wrap: wrap;margin-top: 1rem;}
.etw_mainbody ul>li{width: 50%;float: left;background: #fff;} 
.etw_mainbody ul>li>ol,.etw_mainbody ul>li>ol>li{width: 100%}
.etw_mainbody ul>li>ol{display: flex;flex-wrap: wrap;}
.etw_mainbody ul>li>ol>li.product_img{width: 50%;transition: .3s;float: right;border: 1px solid #ebebeb;position: relative;}  
.etw_mainbody ul>li>ol li.product_img a {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
} 

.etw_mainbody ul>li>ol li.product_img a:before {
    background-color: rgba(255,255,255,0.1);
    content: "";
    height: 200%;
    left: -80%;
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 3s cubic-bezier(0.19,1,0.22,1);
    -o-transition: all 3s cubic-bezier(0.19,1,0.22,1);
    transition: all 3s cubic-bezier(0.19,1,0.22,1);
    width: 80px;
}

.etw_mainbody ul>li>ol li.product_img a:hover:before {
    left: 180%;
    -webkit-transition: all 3s cubic-bezier(0.19,1,0.22,1);
    -o-transition: all 3s cubic-bezier(0.19,1,0.22,1);
    transition: all 3s cubic-bezier(0.19,1,0.22,1);
}

.etw_mainbody ul>li>ol li.product_img a:after {
    background-color: rgba(255,255,255,0.1);
    content: "";
    height: 200%;
    right: -80%;
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 3s cubic-bezier(0.19,1,0.22,1);
    -o-transition: all 3s cubic-bezier(0.19,1,0.22,1);
    transition: all 3s cubic-bezier(0.19,1,0.22,1);
    width: 80px;
}

.etw_mainbody ul>li>ol li.product_img a:hover:after {
    right: 180%;
    -webkit-transition: all 3s cubic-bezier(0.19,1,0.22,1);
    -o-transition: all 3s cubic-bezier(0.19,1,0.22,1);
    transition: all 3s cubic-bezier(0.19,1,0.22,1);
}
.etw_mainbody ul>li>ol>li.product_con{width: 50%;float: left;padding: 2rem;background: #d6dfeb;}
.etw_mainbody ul>li:nth-child(2n)>ol>li.product_img{float: left;}
.etw_mainbody ul>li:nth-child(2n)>ol>li.product_con{float: right;}
.etw_mainbody ul>li>ol>li.product_con>a{font-size: 18px;color: #333;display: block;text-align: center;background: #fff;padding: 6px 15px;border-radius: 20px;margin-bottom: 1rem;}
.etw_mainbody ul>li>ol>li.product_con>a:hover{background: #02306b;color: #fff;}
.more1{width: 100%;float: left;margin: 0 auto;margin-top: 1rem;text-align: left;}
.more1 a{display: inline-block;color: #fff;padding: 0.25rem 1rem;position: relative;background: #0079c3;}
.more1 a:hover{background: #000}  

.etw_mainpro{width:100%;float: left;margin: 0 auto;margin-top: 1.5rem;}  
.etw_mainpro .content{background: #fff;padding: 1rem;box-shadow: 0 0 10px #e5e5e5;display: flex;flex-wrap: wrap;}
.etw_mainpro .etw_hometitle{width: 100%;text-align: left;font-weight: 700;text-transform: capitalize;font-size: 1.125rem;line-height: 1.5rem;color: #333;padding-bottom: 1rem;padding-left: 1.5rem;position: relative;} 
.etw_mainpro .etw_hometitle:before{position: absolute;content: "";width: 16px;height: 16px;background: url(../images/about.png) no-repeat left top;left: 0;top: 4px}
.etw_mainpro .etw_hometitle a{display: block;color: #333}
.etw_mainpro .etw_hometitle a:hover{color: #0079c3}
.etw_factory .etw_hometitle:before{background: url(../images/factory.png);}
.etw_contact .etw_hometitle:before{background: url(../images/contact.png);}
.etw_company{width: 31%;float: left;padding-right: 2%;border-right: 1px solid #ebebeb;}
.etw_factory{width: 34%;float: left;padding-right: 2%;border-right: 1px solid #ebebeb;padding-left: 2%}
.etw_contact{width: 34%;float: right;padding-left: 2%}
.con_txt{background: #eaf4f9;padding: 0.25rem 0.5rem;color: #047bc0;font-weight: 700;width: 100%;float: left;margin-bottom: 0.5rem}
.etw_contact ul{width: 100%}
.etw_contact ul li{width: 100%;float: left;padding-left: 1.5rem;position: relative;margin-bottom: 1rem}
.etw_contact ul li:before{position: absolute;content: "";width: 16px;height: 15px;background: url(../images/icon01.png) no-repeat left top; left: 0;top: 5px}
.etw_contact ul li:nth-child(2):before{background: url(../images/icon02.png)}
.etw_contact ul li:nth-child(3):before{background: url(../images/icon03.png)}
.etw_contact ul li:nth-child(4):before{background: url(../images/icon04.png)}
.etw_contact ul li:nth-child(5):before{background: url(../images/icon06.png)}
.etw_contact ul li:nth-child(6):before{background: url(../images/icon07.png)}
.etw_contact ul li:nth-child(7):before{background: url(../images/icon05.png)}
.etw_contact ul li a{display: inline-block;color: #495057}
.etw_contact ul li a:hover{color: #0079c3;text-decoration: underline;}

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;clear:both}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.grabbing{cursor:url(../images/grabbing.png) 8 8,move}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-one{float:none;margin:0 auto;width:100%;max-width:880px;position:relative}
.owl-theme .owl-controls{width:100%;text-align:center}
.owl-theme .owl-controls .owl-buttons{display:block;width:100%;height:100%}
.owl-theme .owl-controls .owl-buttons div{position:absolute;display:inline-block;display:block;width:35px;height:40px;color:#fff;font-size:0;zoom:1;top:33%; filter:Alpha(Opacity=50);}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:4px;background: rgba(0,0,0,.6);}
.owl-theme .owl-controls .owl-buttons div.owl-prev:before{position: absolute;content: "";width: 0;height: 0;border:15px solid transparent;border-right: 10px solid #fff;left: -5px;top: 10%}
.owl-theme .owl-controls .owl-buttons div.owl-next{right:4px;background: rgba(0,0,0,.6);}
.owl-theme .owl-controls .owl-buttons div.owl-next:before{position: absolute;content: "";width: 0;height: 0;border:15px solid transparent;border-left: 10px solid #fff;right: -5px;top: 10%;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none;opacity:.6;filter:Alpha(Opacity=100)}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;margin:5px 7px;width:12px;height:12px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;opacity:.5;filter:Alpha(Opacity=50)}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1;filter:Alpha(Opacity=100)}
.owl-theme .owl-controls .owl-page span.owl-numbers{padding:2px 10px;width:auto;height:auto;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:#FFF;font-size:12px}
.owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center}
.owl-pagination{display:none}
.owl-one .item{width:98%;margin:3px auto 3px;float:none;} 
.owl-one .item a:hover .about_title{color:#da251c;}
.owl-one .item img{display:block;width:100%;height:auto;}
.owl-one .item .buttons a{padding:0}
.action{position:relative;overflow:hidden;height:auto;width:100%}
.owl-one .item img:hover{opacity: .7}





.home_contact{width: 100%;}
.home_contact a{color: rgba(69,66,67,1);}
.home_contact strong{color: rgba(69,66,67,1);font-weight: 500;}
.home_contact a:hover{color: #aed048;}
.cot_name{position: relative;font-size: 16px;color: rgba(69,66,67,1);} 
.cot_people,.cot_email,.cot_tel,.cot_whatapp,.cot_skype{position: relative;padding-left: 20px;margin-bottom: 0.5rem;color: rgba(69,66,67,1);}
.cot_people:before{position: absolute;content: "\f007";font-family: fontawesome;left: 0;top: 0;color: rgba(69,66,67,1);} 
.cot_tel:before{position: absolute;content: "\f095";font-family: fontawesome;left: 0;top: 0;color: rgba(69,66,67,1);} 
.cot_email:before{position: absolute;content: "\f0e0";font-family: fontawesome;left: 0;top: 0;color: rgba(69,66,67,1);} 
.cot_whatapp:before{position: absolute;content: "\f232";font-family: fontawesome;left: 0;top: 0;color: rgba(69,66,67,1);} 
.cot_skype:before{position: absolute;content: "\f17e";font-family: fontawesome;left: 0;top: 0;color: rgba(69,66,67,1);} 

.etw_productlists{ width:21%; float:left;}
.etw_productlists ul,.etw_productlists ul li,.etw_productlists ul li ol,.etw_productlists ul li ol li{ width:100%;}
.etw_productlists ul>li{margin-bottom:0.5rem}
.etw_productlists ul>li>a{ display:block; font-size:14px; color:#333; line-height:1rem; padding:0 0 0.5rem 1.125rem; position:relative}
.etw_productlists ul>li>a:before{ position:absolute; content:"\f0da"; font-size:14px; font-family:fontawesome; left:3px; bottom: 0.65rem; color:#46a6b4}
.etw_productlists ul li ol li{margin-left:1.7rem}
.etw_productlists ul>li>ol>li>a{ color:#555; line-height:1rem; padding:0 0 0.5rem 0; font-size:14px}
.etw_productlists ul li a:hover{ color:#46a6b4; text-decoration:underline} 

/*container*/
#container{margin-top:150px;background: #fff} 
.content{ width:96%;  max-width:1200px; margin:0 auto;overflow: hidden;}
#etw_right{ width:76%; float:right;background: #fff;margin-top: 1.5rem} 
#etw_right .js-gallery-wrap{padding: 1rem}
#etw_sidebar{ width:22%; float:left;background: #fff;} 
#etw_productlist .etw_hometitle{ display:block; color:#fff; text-align:left; font-size:1.125rem; font-weight:700;} 
#etw_productlist{width:100%;overflow:hidden;margin:0 auto;background: #0479be;padding: 1rem 0.75rem}  
#etw_productlist ul,#etw_productlist ul li,#etw_productlist ul li ol,#etw_productlist ul li ol li{display:block;width:100%}
#etw_productlist ul>li{margin-bottom: 0.5rem;margin-top: 1rem;background: #fff;padding-bottom: 0.5rem} 
#etw_productlist ul>li>a{line-height:1.25rem;font-size:15px;color:#333;display:block;position:relative;font-weight: 500;padding-left: 1rem;background: #fff;padding: 0.5rem 1rem} 
#etw_productlist ul>li a.dq,#etw_productlist ul>li a:hover,#etw_sidebar .etw_contact .etw_hometitle a:hover{color: #0079c3;text-decoration: none;}  
#etw_productlist ul li ol li a{display: block;color: #555;padding-left: 1.75rem;position: relative;font-size: 0.75rem}
#etw_productlist ul li ol li a:before{position: absolute;content: "\f105";font-family: fontawesome;left: 1.25rem;top: 0} 
#etw_sidebar .etw_contact{width: 100%;float: left;margin-top: 0.25rem;padding: 0.75rem 0;}
#etw_sidebar .etw_contact .etw_hometitle a{display:block; color:#333; text-align:left; font-size:1.125rem; font-weight:700;margin-bottom: 0.5rem} 
#etw_productlist{width:100%;overflow:hidden;margin:0 auto;background: #0479be;padding: 1rem 0.75rem}

.home_company{width: 100%;float: left;margin-top: 3rem;}
.home_company ul{width: 100%;display: flex;flex-wrap: wrap;align-items: center;position: relative;}
.home_company ul:after{position: absolute;content: "";width: 70%;height: 100%;background: #f0f3f7;right: 0;top: 0;border-top-right-radius: 100px;border-bottom-left-radius: 100px;z-index: 1;}
.home_company ul li{width: 40%;float: left;position: relative;z-index: 2;}
.home_company ul li:nth-child(2){width: 57%;float: right;padding: 3rem 2rem;}
.home_company ul li .etw_hometitle{font-size: 2rem;font-weight: 600;line-height: 2.75rem;}
.home_company ul li .etw_hometitle a{display: block;color: #02306b;padding-bottom: 0.5rem;}
.home_company ul li .etw_hometitle a:hover{color: #007bff;text-decoration: underline;}
.home_company ul li .more3 a{position: relative;padding-left: 1.25rem;color: #aed048;font-size: 1rem;font-weight: 500;}
.home_company ul li .more3 a:before{position: absolute;content: "\f0a9";font-family: fontawesome;left: 0;top: 0;}
.home_company ul li .more3 a:hover{color: #0079c3;}

.video_btn7 {
    width: auto;
    background: #aed048;
    text-align: center;
    position: relative;
    padding: 6px 15px;
    cursor: pointer;
    margin-right: 15px;
    position: absolute;right: 1rem;bottom: 1rem;border-top-left-radius: 15px;border-bottom-right-radius: 15px;
}

.video_btn7 span {
    position: relative;
    padding-left: 22px;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    line-height: 1rem;text-shadow: 0 0 5px #000;
}

.video_btn7 span:before {
    position: absolute;
    content: "\f144";
    left: 0;
    top: 0;
    font-family: fontawesome;
}
.video_btn7:hover{background:#0079c3;}


.feedback{width: 100%;background: #0079c3;padding: 1.5rem 1rem;color: #fff;text-align: center;}
.feedback span{font-size: 1.125rem;font-weight: 700;color: #fff;display: block;padding-bottom: 0.5rem}
.feedback a{display: inline-block;padding: 0.3rem 1rem;background: #fff;color: #0079c3;font-weight: 500;border-radius: 5px}
.feedback a:hover{background: #047bc0;color: #fff;text-decoration: none;}

/*快速导航*/
#etw_producttitle{margin:0px auto 0px; height:auto; color:#0079c3; padding:0; font-size:0.875rem; width:100%; float:left;background: #f5f5f5;position: relative;padding-left: 1.5rem}
#etw_producttitle:before{position: absolute;content: "";width: 16px;height: 15px;background: url(../images/icon01.png) no-repeat left top; left: 0;top: 12px}
#etw_producttitle ul{margin-bottom: 0.5rem}
#etw_producttitle a{ color:#333; padding-right:0.2rem; }
#etw_producttitle li{display:inline-block}
#etw_producttitle ol{ margin-bottom:0}
#etw_producttitle li+li::before{padding:0 1rem 0 0.6rem;color:#333;content:"\f105"; font-size:0.875rem; font-family:fontawesome}
#etw_producttitle a:hover{color:#de0406; text-decoration:underline;} 

/*其他公用样式*/
.etw_title{font-size: 1.125rem; font-weight:700;position: relative;margin-top: 0.5rem;color: #333;text-align: left;padding-left: 1rem;padding-bottom: 0.5rem;display: inline-block;} 
.etw_title:before{position: absolute;content: "";width: 4px;height: 15px;background: #0479be;left: 3px;top: 3px;} 
.etw_title1{font-size:15px; font-weight:700;position: relative;margin-top: 0.5rem;color: #333;text-align: left;padding-left: 1rem;padding-bottom: 0.5rem;display: block;width: 100%} 
.etw_title1 span{display: inline-block;background: #0479be;color: #fff;padding: 0.25rem 1rem;border-radius: 20px}
ul.item{margin-left: 0.25rem}
ul.item li{list-style: disc;margin:4px 0 5px 20px; line-height:21px;}  
ul.item1{margin-left: 0.25rem}
ul.item1 li{list-style: decimal;margin:4px 0 5px 20px; line-height:21px;}  

.pdf{width: 150px;height: 40px;position: relative;background: #eaf4f9;text-align: center;margin-bottom: 0.5rem}
.pdf a{position: relative;padding-left: 1rem;display: block;}
.pdf a:before{position: absolute;content: "\f1c1";font-family: fontawesome;color: #0479be;left: 0;top: 0.5rem;font-size: 1.5rem;font-weight: 700;right: 0;margin: 0 auto}
.pdf a:hover:before{color: #0079c3}

.othertitle{width: 100%;text-align: left;font-weight: 700;text-transform: uppercase;font-size: 1.25rem;line-height: 1.75rem;color: #505050;padding-bottom: 0.5rem;position: relative;} 
#etw_set_feedback_form .othertitle{padding-bottom: 0} 
.other_pro{width:100%;margin:0 auto;float: left;margin-top: 0.5rem}
.other_pro ul{ width:100%; display:flex; flex-wrap:wrap}
.other_pro ul>li{width:49%;margin:0.5rem 2% 0.5rem 0;overflow:hidden;float: left;}
.other_pro ul>li:nth-child(2n){margin-right:0}
.other_pro5 ul>li{width: 18.4%}
.other_pro5 ul>li:nth-child(2n){margin-right: 2%}
.other_pro5 ul>li:nth-child(5n){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:#ccc}
.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:0.75rem 0.4rem 0.4rem;font-size:0.875rem;font-weight: 500}
.other_pro ul li ol li.product_con>a:hover,.more2 a:hover{color:#0079c3;text-decoration:underline} 
.etw_products{width:100%; height:auto; float:left;} 
.etw_products ul{ width:100%; display:flex; flex-wrap: wrap;}
.etw_products ul>li{ width:100%;margin-bottom: 1rem;background: #f5f5f5;border: 1px solid #ececec}  
.etw_products ul>li>ol,.etw_products ul>li>ol>li{ width:100%;position: relative;}
.etw_products ul>li>ol>li.product_img{transition: .3s;width: 32%;float: left;}  
.etw_products ul>li>ol>li.product_img:hover{opacity: .7}
.etw_products ul>li>ol>li.product_con{width: 65%;float: right;padding: 1rem 1rem 1rem 0}
.etw_products ul>li>ol>li.product_con>a{ display:block; text-align:left; font-size:1rem; line-height:1.375rem; font-weight:700; color:#333; padding: 0.75rem 0 0.5rem;position: relative;}
.etw_products ul>li>ol>li.product_con>a:before{position: absolute;content: "";width: 30px;height: 4px;background: #0479be;left: 0;top: 0}
.etw_products ul>li>ol>li.product_con>a:hover{color: #0079c3;text-decoration: underline;} 

.more2{width: 100%;float: left;text-align: center;margin-top: 0.25rem}
.more2 a{display: inline-block;text-align: center;position: relative;color: #555;padding-right: 1rem}
.more2 a:after{position: absolute;;content: "\f105";font-family: fontawesome;right: 0;top: 0}


.etw_other{width: 100%;float: left;}
.etw_other ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_other ul>li{width: 55%;margin-right: 2%;float: left;background: #c7e9ee;padding: 1rem}
.etw_other ul>li:nth-child(2n){width: 43%;margin-right: 0}
.etw_other ul>li>ol,.etw_other ul>li>ol>li{width: 100%}
.etw_other ul>li>ol>li.product_img{width: 32%;float: right;padding-top: 9px}
.etw_other ul>li>ol>li.product_con{width: 65%;float: left;}
.etw_other ul>li>ol>li.product_con p{padding-top: 0.5rem}


        /*引用sitemap样式*/
#etw_map{width:100%;margin:0 auto;margin-bottom: 2rem}
#etw_map .name{width:100%;color:#c7000b;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;}

/*tags*/
#tags{ width:100%; float:left; margin-bottom: 1rem}
#tags_title{ display:block; color:#81a8d2; font-size:1rem; font-weight: 500; line-height:28px; text-align:left; padding:10px 0 0 0;} 
#tags a{margin:0 10px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; }
.tags>a{ padding: 0 10px 0 0; margin:0 5px 3px 0;color:#777;display:inline-block;line-height:16px;font-size:13px; }
#tags a:hover{text-decoration: underline;}
.etw_products_tags{width:100%;height:auto;overflow:hidden;margin-top: 1.5rem;}
.etw_products_tags ul{width: 100%;float: left;display: flex;flex-wrap: wrap;}
.etw_products_tags ul>li{ width:23%; margin:0 2.6% 2% 0;float:left;}
.etw_products_tags ul>li:nth-child(4n){ margin-right:0}
.etw_products_tags ul>li:nth-child(4n+1){ clear:both}
.etw_products_tags ul li ol,.etw_products_tags ul li ol li{ width:100%;}
.etw_products_tags ul li ol li.product_img,.etw_products_tags ul li ol li.product_con{ width:100%;}
.etw_products_tags ul li ol li.product_img{ text-align:center; transition:.3s; padding:3px; border:1px solid #eee; box-shadow:0 0 8px #ddd;} 
.etw_products_tags ul li:hover ol li.product_img{ border-color:#0c3b64;}
.etw_products_tags ul li ol li.product_img a img{height:150px}
.etw_products_tags ul li ol li.product_con a{ color:#888; line-height:18px; display:block; text-align:center; margin:12px 0; font-size:14px;}
.etw_products_tags ul li:hover ol li.product_con a{ color:#d2000d;} 

.img_center{width:100%;clear:both;margin:0.3rem auto 0.75rem auto;text-align:center; } 
.img_left{width:40%;float:right; margin:5px 0 14px 4%; text-align:center;}
.img_right{width:40%;float:right; margin:5px 0 0.5rem 4%; text-align:center;border: 1px solid #ebebeb} 
.img_left{float:left;margin:0 3% 20px 0;} 
.img_left img,.img_right img{ display:block; width:100%;}  
.swidth{width: 30%}

.etw_left1{width: 40%;float: left;margin-bottom: 0.75rem}
.etw_right1{width: 57%;float: right;}

.left_pic{ width:100%;}
.left_pics{ width:100%; height:auto; float:left;} 
.left_pics img{ width:100%; text-align:center; border:1px #ccc solid}
.left_pics img:hover{border:1px #999 solid}
.related_pic{ width:100%; height:auto; float:right;  text-align:center}
.related_pic img{ width:23.8%; height:auto; float:left; border:1px #ccc solid; margin:10px 1.5% 0 0}
.related_pic a:nth-of-type(4n) img{ margin-right: 0;} 
.related_pic img:hover{ border:1px #000 solid}  

.etw_photo{ margin:0.5rem 0;width:100%;height:auto;} 
.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;}
.etw_photo ul li img{display:block; width:100%; border:1px #dedede solid; padding: 4px;position: relative;} 
.etw_photo0 ul li{text-align: center;}
.etw_photo0 ul li img{border: none;width: auto;}
.etw_photo ul.nopic li img{ border:none} 
.etw_photo ul li a{ color:#333;}
.etw_photo ul li span{ display:block;}
.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:nth-child(4){margin-right: 2%}
.etw_pic3 ul li:nth-child(4){margin-right: 2%}
.etw_pic5 ul li{width:18.4%;font-size:12px;}
.etw_pic6 ul li{width:15%;font-size:12px;}
.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;}
figure{ margin:0 0 0.3rem 0} 
.etw_photo0 ul li{margin-right: 4%;width: 22%}

#etw_set_feedback_form{overflow:hidden;height:auto;width:100%;padding: 0.5rem}
#etw_form_title{text-align:left;color:#333;font-size:1.2rem;padding:0px;position: relative; font-weight: bold;}
#floatchatiframe2011{ margin: 0 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%} 
 
/*底部*/
#footer{ width:100%;height:auto;padding-bottom: 1rem;padding-top: 1.5rem;background: url(../images/bottombg.jpg) no-repeat center;}
#etw_footin{margin:0 auto;width:100%;text-align:center; position:relative;padding: 1rem 0;}
#etw_homefooter{ position:relative; width: 100%;margin-top: 3rem;background: #006dae;} 
#etw_homefooter .content{position: relative;padding: 2rem;}
.foot_left{width: 100%;float: left;padding-right: 330px;}
.foot_left p{font-size: 1.5rem;color: #fff;line-height: 1.8rem;padding-top: 0.5rem;}
.foot_right{position: absolute;width: 300px;right: 5%;top: 50%;transform: translateY(-50%);}
.foot_left a{padding:1rem 1rem;color:#000; margin:0px;position:relative;font-size:0.9rem; font-weight:700;float: left;}
.foot_left a:hover{color:#0079c3; text-decoration:none;}
.foot_right a{display: inline-block;text-align: right;position: relative;padding: 1rem 1rem 1rem 3rem;background: #17264f;color: #fff;font-weight: 700;font-size: 1.25rem;transition: .3s;}
.foot_right a:before{position: absolute;content: "\f003";font-family: fontawesome;left: 1.25rem;top: 16px;font-size: 1.25rem;}
.foot_right a:hover{background: #005190;text-decoration: none;} 
#etw_coper{text-align: center;}
#etw_coper a{display:block;color:#333; margin-top:1rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto;text-align: center;}
#otherlink a{color:#333; font-size:0.625rem; display:inline-block;padding:0.05rem 0.3rem; margin-right:0.875rem; border:1px #333 solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#0079c3;border:1px #0079c3 solid; text-decoration: none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out} 
#etw_bottom{width: 94%;max-width: 1200px;margin: 0 auto; padding: 2rem 0;border-bottom: 1px solid #ccc;}

#etw_bottom ul{display: flex;flex-wrap: wrap;margin: 0;}
#etw_bottom ul,#etw_bottom ul>li>ol,#etw_bottom ul>li>ol>li{width: 100%;color: #fff;position: relative;}
#etw_bottom ul>li{width: 23.5%;margin-right: 2%;float: left;} 
#etw_bottom ul>li:nth-child(4n){margin-right: 0} 
#etw_bottom ul>li>a{color: rgba(23,38,79,0.9);font-size: 1.25rem;line-height: 1.5rem;font-weight: 500;display: block;padding-bottom: 0.5rem;margin-top: 1rem} 
#etw_bottom ul>li ol,#etw_bottom ul>li ol>li{width: 100%}
#etw_bottom ul>li ol>li a{display: block;color: rgba(69,66,67,1);padding-left: 0.75rem;position: relative;margin-bottom: 0.5rem;} 
#etw_bottom ul>li ol>li a:before{position: absolute;content: "\f105";font-family: fontawesome;left: 0;top: 0;}
#etw_bottom ul>li a:hover{color: #0079c3;text-decoration: none;}
@media (max-width: 1200px) {.navbar-light .navbar-nav .nav-link{margin: 0 0 0 1.5rem}
.banner_txt2 .banner_inner{max-width: 400px;}
.banner_txt2 h1{font-size: 1.2rem;line-height: 1.6rem;}
.banner_txt3 h1{font-size: 2rem;text-shadow: 0 0 5px #333;line-height: 2.5rem;}
.banner_txt h1{font-size: 1.25rem;line-height: 1.7rem;}
}

@media (max-width: 991.98px) { 
  .top-nav{padding-top:0;margin-top: 0;background: #eee;text-align: left;width: 100%}
  .navbar{padding:0.05rem 0rem 0;}
  .navbtn{ margin:1.7rem 1rem 0 0} 
  #header{position: relative;}
  #container{margin-top:0;}  
#etw_sidebar,#etw_banner{display: none;}
.navbar-light .navbar-nav .nav-link{color: #333;text-align: left;padding: 0.25rem 0;border-right: none}  
#etw_right{width: 100%}   
.pt-3,.pt-5,.pt-4{padding-top: 0!important} 
.navbar-light .navbar-nav .show>.nav-link{color: #15499a;background: #eee}
  #etw_homefooter a{font-size:0.875rem;}
  .foot_right{right: 0;width: 220px;}
      .foot_left{padding-right: 250px;}
      .etw_mainbody ul>li{width: 100%;}
      .top-nav ul li:last-child{background: none;color: #333;padding-right: 0;margin-left: 0;padding-left: 1.5rem;}
      .top-nav ul li:last-child .nav-link{color: #333;}
      .top-nav ul li:last-child:hover{background:none;}
      .top-nav ul li:last-child .nav-link:hover{color: #0079c3;}
      #etw_bottom ul>li{width: 49%}
      #etw_bottom ul>li:nth-child(2n){margin-right: 0;}
}

@media (max-width: 767.98px) { 
  .etw_hometitle, h2{font-size:1.2rem; margin-top: 0.5rem;} 
  .etw_products ul > li,.other_pro5 ul>li{ width:49%; margin-right:2%}
  .other_pro5 ul>li:nth-child(5n){margin-right: 2%} 
  .etw_products ul > li:nth-child(2n),.other_pro5 ul>li:nth-child(2n){ margin-right:0} 
  .etw_products_tags ul>li{width: 49%;margin-right: 2%}
  .etw_products_tags ul>li:nth-child(2n){margin-right: 0}   
  .etw_products ul>li>ol>li.product_con span{display: none;}
  .foot_left,.foot_right,.etw_products ul>li>ol>li.product_img,.etw_products ul>li>ol>li.product_con{width: 100%;text-align: center;}
  .foot_right{top: 3rem;} 
  .foot_right a{padding: 0.5rem 1rem 0.5rem 3rem}
  .foot_right a:before{top: 11px} 
  .etw_products ul>li>ol>li.product_con>a{text-align: center;padding: 0.75rem 0.5rem 0.5rem}
  .etw_products ul>li>ol>li.product_con>a:before{left: 0;right: 0;margin: 0 auto}
      .foot_left{padding-right: 0;margin-top: 40px;}
      .foot_left p{font-size: 1rem;}
      .home_company ul li{width: 100%;}
      .home_company ul li:nth-child(2){width: 100%;padding: 1rem;background: #f0f3f7;}
      .home_company ul:after{display: none;}
}

@media (max-width: 575.98px) {
  .top-nav{border-top:1px #ccc solid;}
  #etw_homefooter a,#etw_coper a{font-size:0.75rem;}
  .img_left,.img_right,#etw_bottom ul>li,.etw_mainproducts ul>li,.etw_mainbody ul>li,#etw_bottom ul>li:nth-child(2) ol>li,.etw_products ul>li{width:100%!important; margin-right:0!important;margin-left: 0} 
  .etw_pic3 ul li,.etw_pic4 ul li,.etw_pic5 ul li,.etw_pic6 ul li{width:49%;margin-right:2%;} 
  .etw_pic3 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(5n){margin-right: 2%} 
  .etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n),.etw_pic6 ul li:nth-child(2n){margin-right:0;}  
  .etw_mainproducts ul>li>ol>li.product_con{height: auto;}
  .etw_company,.etw_factory,.etw_contact,.etw_left1,.etw_right1{width: 100%;border: none!important;padding: 0}
  .etw_factory{margin-top: 1rem;}
  .foot_left a{padding: 0.25rem;} 
  .more2{display: none}
  .etw_mainbody ul>li>ol>li.product_con,.etw_mainbody ul>li>ol>li.product_img{width: 100%;}
}


/* 2024-2-1 */
/* banner */
#etw_banner {width:100%;position:relative;margin:0 auto;text-align:center;color:#fff;overflow:hidden;}
#etw_banner .swiper-slide {height:100%;position:relative;width:100%;margin:0 auto;}
#etw_banner img {display:block;width:100%;text-align:center;margin:0 auto;}
#etw_banner .swiper-pagination-bullet {cursor:pointer;width:14px;height:14px;background:none;border-radius:50%;opacity:1;margin:0 6px;font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:none;background-color:#fff;}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#0079c3;cursor:pointer;}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:20px !important;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev {width:50px;height:95px;background-image:none;background-color:rgba(255,255,255,0);right:0;z-index:1;transform:translateY(-50%);transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
#etw_banner .swiper-button-prev {left:0;}
#etw_banner .swiper-button-next:hover,#etw_banner .swiper-button-prev:hover {background-color:rgba(255,255,255,0.2);}
#etw_banner .swiper-button-next::after,#etw_banner .swiper-button-prev::after {content:'';position:absolute;background:url(../images/arrow_next.png) no-repeat;background-size:cover;opacity:.6;width:25px;height:62px;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.3s all ease-in-out;}
#etw_banner .swiper-button-prev::after {background:url(../images/arrow_prev.png) no-repeat;background-size:cover;}
#etw_banner:hover .swiper-button-next:after,#etw_banner:hover .swiper-button-prev:after {opacity:1;} 
.banner_txt1{left: auto;right: 5%;max-width: 1920px;width: 100%;top: 40%;}
.banner_inner{max-width: 850px;}
.banner_txt1 .banner_inner{float: right;}
.banner_txt h1{font-size:1.5rem;line-height: 2.25rem;color: #fff;font-weight: bold;text-shadow: 0 0 5px #000;} 
.banner_txt2{
  top: 15%;
  left: 12%;
}
.banner_txt2 .banner_inner{max-width: 660px;}
.banner_txt2 h1{
  text-align: left;
   
  color: #333;
  font-weight: 300;
  line-height: 2rem;
  font-size: 1.5rem;
  padding: 0;
  text-shadow: none;
  text-transform: none;
  position: relative;text-shadow: 0 0 5px #fff;
}
.banner_txt2 h1:before{
  position: absolute;
  content: '';
  background: #044a9b;
  width: 80px;
  height: 3px;
  bottom: -15px;
  left: 0;
  border-radius: 2rem;
}
.banner_txt3{
  top: 26%;
  left: 12%;
}
.banner_txt3 .banner_inner{max-width: 550px;}
.banner_txt3 h1{
  text-align: left; 
  padding: 0 0 1.5rem;
  font-weight: 600;
  text-shadow: none;
  font-size: 3rem;
  line-height: 3.4rem;
}
.banner_txt3 h1 span{display: block;}
.banner_txt3 dl{margin: 0;text-align: left;}
.banner_txt3 dl dd{font-size: 1.3rem;line-height: 1.5rem;padding: 0 0 1rem 2rem;position: relative;}
.banner_txt3 dl dd:before{position: absolute;content: '';background: url(../images/banner_icon.png) no-repeat;background-size: cover;width: 20px;height: 20px;left: 5px;top: 2px;}
.pro_banner h2{position: absolute;color: #fff;text-align: left;top: 50%;transform: translateY(-50%);left: 1rem;max-width: 300px;text-shadow: 0 0 5px #000;}

.inq_01 a{position:relative;color:#044a9b;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.inq_01 a::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background-color:#044a9b;height:1px;width:100%;transition:0.5s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.inquiry{padding:0;color:#fff;background-color:transparent;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;white-space: nowrap;text-decoration: underline;}
.inquiry a:hover{opacity:0.8;}
.inquiry{color:#044a9b;text-decoration:underline;}

/* 2024-2-2 */ 
h2 span{color: #555;font-weight: 500;font-size: 1.3rem;}
.other_pro3 ul>li{width: 32%;}
.other_pro3 ul>li:nth-child(2n){margin-right: 2%;}
.other_pro3 ul>li:nth-child(3n){margin-right: 0;}
.other_pro4 ul>li{width: 23.5%;}
.other_pro4 ul>li:nth-child(2n){margin-right: 2%;}
.other_pro4 ul>li:nth-child(4n){margin-right: 0;}
.etw_line img{border: 1px solid #ccc;}
.etw_bg{box-shadow: 0 0 5px #ccc;padding: 1rem 0;margin: 0;margin-bottom: 1.5rem;}
.etw_application{width: 100%;float: left;margin-bottom: 1.5rem;}
.etw_application>ul{position: relative;display: flex;flex-wrap: wrap;width: 100%;
  background: #f9f9f9;
  box-shadow: 0 12px 18px 0 rgba(25,42,70,.23);
  border-radius: 0 0 5rem 0;align-items: center;}
  .etw_application>ul:after{position: absolute;content: "";width: 35%;height: 100%;background: #fff;left: 0;top: 0;}
  .etw_application>ul>li:nth-child(1){width: 35%;float: left;background: #fff;align-items: center;position: relative;z-index: 2;}
  .etw_application>ul>li:nth-child(2){width: 65%;float: right;padding: 1.5rem;} 
  .etw_application>ul>li:nth-child(2){width: 65%;float: right;padding: 1.5rem;} 
  .etw_application>ul>li .other_pro ul li ol li.product_img img{border-radius: 50%;}
  .etw_application .othertitle{font-size: 1rem;}
  .img_center{position: relative;}
  .video_box{cursor: pointer;}
.video_box:hover{}
.video_box::before{position:absolute;content:"";left:50%;top:50%;background:#0079c3 url(../images/video_btn.png) no-repeat center center;background-size:100% auto;transform:translate(-50%,-50%);z-index:1;border-radius:100%;width:60px;height:60px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;} 
.etw_products ul>li>ol>li.product_img01,.etw_products ul>li>ol>li.product_con01{width: 100%;}
.etw_products ul>li>ol>li.product_img01:hover{opacity: 1;}
.etw_products0 ul>li{padding: 1rem;}
.etw_products0 ul>li .etw_pic4 ul li{padding: 0;border: none;}

@media (max-width: 575.98px) {
  .other_pro4 ul>li{width: 49%;}
.other_pro4 ul>li:nth-child(2n){margin-right: 0;}
.etw_application>ul>li{width: 100%!important;}
.etw_application>ul:after{display: none;}
}