@charset "utf-8";/* CSS Document */
:root{
	--font-blue:#172C5F;
	--font-caption:"HelveticaNeue-Condensed-Bold";
	--red-color:#d62935;
	--window-max-width:1100px;
	--primary-1-blue-500-official:#678ae6;
}
@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:Roboto-Bold;src:url('/font/Roboto-Bold.ttf');}
@font-face{font-family:Ubuntu-Bold;src:url('/font/Ubuntu-Bold.woff2');}
@font-face{font-family:Ubuntu-Light;src:url('/font/Ubuntu-Light.woff2');}
@font-face{font-family:Ubuntu-Medium;src:url('/font/Ubuntu-Medium.woff2');}
@font-face{font-family:Ubuntu-Regular;src:url('/font/Ubuntu-Regular.woff2');}
@font-face{font-family:Roboto-Light;src:url('/font/Roboto-Light.ttf');}
@font-face{font-family:Roboto-Regular;src:url('/font/Roboto-Regular.ttf');}
@font-face{font-family:SourceSansPro-Bold;src:url('/font/SourceSansPro-Bold.ttf');}
@font-face{font-family:Ubuntu-Regular;src:url('/font/Ubuntu-Regular.ttf');}
@font-face{font-family:HelveticaNeueLTStd-Hv;src:url('/font/HelveticaNeueLTStd-Hv.ttf');}
@font-face{font-family:"iconfont";src:url("/font/iconfont.ttf?t=1622274305876") format("truetype");}
@font-face{font-family:"iconfont";src:url("/font/iconfont2.ttf?t=1679472751446") format("truetype");}
.iconfont{font-family:"iconfont" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666;}
.iconfont2{font-family:"iconfont2" !important;font-size:2rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#072034;}
body{font-family:Arial,Helvetica,sans-serif;font-size:1.0rem;line-height:1.5rem;background-color:#fff;direction: rtl;text-align: right;}
p{ margin:0.5rem 0; line-height:1.8rem;}
.home_bg{background:#fff !important;}
*{box-sizing:border-box;padding:0;margin:0;}
li,ol,ul{list-style:none;margin-bottom:0;}
img{vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic;}
.clear{clear:both;}
.clearfix::after{display:table;}
hr{margin-bottom:1rem;border-top:1px solid #ddd;}
strong text{color:#0a284c;}
b{color:#333;}
.inquiry{color:#023b7d;text-decoration:none;}
.inquiry:hover{color:#0075c1;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#016acf;transition:all .5s;}
a:hover{color:#174277;}
a:focus{outline:0;text-decoration:none;}
a,a:hover{text-decoration:none;}
a.link{color:#174277;display:inline-block;text-decoration:underline;font-size:1.2rem;}
a.link:hover{color:#0075c1;text-decoration:none;}
.btn-secondary{padding:0rem 0.5rem;}
.layui-layer-dialog .layui-layer-content{display:none;}
.layui-layer-btn .layui-layer-btn0{background:none !important;font-size:1.4rem;border:none !important;}
.layui-layer-btn a{height:50px !important;line-height:50px !important;}
.btn:not(:disabled):not(.disabled){cursor:pointer;}
.tdaligncenter{ width:100%; min-height:72px; display:flex; flex-direction:row; justify-content:center; align-items:center; }
.table2 td{padding:0.55rem;line-height:1.35;vertical-align:middle;border:1px solid #fff;font-size:.9rem;background-color:#f6f6f6;}
.table2 tr:nth-child(odd) td {background:#d7e4f3;}
.table2 tr:first-child td,.table2 tr.top td{background:#36374c;color: #ffffff;font-weight:bold;}
.table2 td{background:#f6f6f6;color:#333;}

.tablebg td{background:#fcfcfc;border:1px solid #dee2e6; padding:2px 5px;color:#777;font-size:0.9rem;}
.tablebg td span{ line-height:3rem; display:block; font-size:1.5rem;color:#333; padding-top:1rem;}
.tablebg tr:nth-child(1) td:nth-child(1) span,.tablebg tr:nth-child(1) td:nth-child(2) span,.tablebg tr:nth-child(1) td:nth-child(3) span{color:#ddd;}
.tablebg tr:nth-child(1) td:nth-child(4) span,.tablebg tr:nth-child(1) td:nth-child(5) span{color:#eee;}

.tablebg tr:nth-child(1) td:nth-child(1){ background:#222;color:#ddd;}
.tablebg tr:nth-child(1) td:nth-child(2){ background:#333;color:#ddd;}
.tablebg tr:nth-child(1) td:nth-child(3){ background:#666;color:#ddd;}
.tablebg tr:nth-child(1) td:nth-child(4){ background:#999;color:#eee;}
.tablebg tr:nth-child(1) td:nth-child(5){ background:#aaa;color:#eee;}
.tablebg tr:nth-child(2) td:nth-child(1){ background:#bbb;color:#666;}
.tablebg tr:nth-child(2) td:nth-child(2){ background:#ccc;color:#666;}
.tablebg tr:nth-child(2) td:nth-child(3){ background:#ddd;}
.tablebg tr:nth-child(2) td:nth-child(4){ background:#eee;}

.tablebig tr:nth-child(1) td:nth-child(1){ background:#222;color:#ddd;}
.tablebig tr:nth-child(1) td:nth-child(2){ background:#333;color:#ddd;}
.tablebig tr:nth-child(1) td:nth-child(3){ background:#666;color:#ddd;}
.tablebig tr:nth-child(1) td:nth-child(4){ background:#999;color:#eee;}
.tablebig tr:nth-child(1) td:nth-child(5){ background:#aaa;color:#eee;}
.tablebig tr:nth-child(1) td:nth-child(6){ background:#bbb;color:#666;}
.tablebig tr:nth-child(1) td:nth-child(7){ background:#ccc;color:#666;}
.tablebig tr:nth-child(2) td:nth-child(1){ background:#ddd;}
.tablebig tr:nth-child(2) td:nth-child(2){ background:#eee;}
.tablebig tr:nth-child(2) td:nth-child(3){ background:#fcfcfc;}
.tablebig tr:nth-child(2) td:nth-child(4){ background:#fcfcfc;}
.table td.notable,.table tr:nth-child(2) td.notable:nth-child(4){ border:none; background:#fff;}
.tablebg td{width:20%;}
.tablebig td{width:14%}
.table .inquiry{color:#fff; text-decoration:underline;}
.table .inquiry:hover{color:#c7dafd;}
h3{font-size:1.2rem;}
h4{color:#333;font-size:1.1rem;margin-top:1rem;}
h2,.etw_hometitle{display:block;font-size:2.7rem;font-weight:600;margin:0;padding-bottom:1rem;color:var(--font-blue); font-family:var(--font-caption);}
.etw_hometitle{text-transform:uppercase;font-size:2.5rem;position:relative;margin-bottom:1rem;padding-bottom:.5rem;}
.color_font{color:#004680;font-size:1.6rem;margin-top:2rem;border-bottom:1px solid #004680;padding-bottom:1rem;}
.contact_des a{color:#0a284c;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.contact_des a:hover{color:#023b7d;}
.indent-left{padding-right:3.8rem;}
#etw_top{position:fixed;width:35px;height:35px;left:5px;bottom:100px;text-align:center;background:#ccc;z-index:100;cursor:pointer;color:#fff;font-weight:700;line-height:28px;border-radius:50%;}
#etw_top a{color:#fff;}
#etw_top:hover{transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;background:#000;}
/* #header */
#header{width:100%;position:fixed;top:0;right:0;left:0;margin:0 auto;background:rgba(255 255 255 / 97%);visibility:visible;transition:.5s all ease-in-out;z-index:1000;box-shadow:4px 4px 100px 0 rgb(0 0 0 / 13%);}
/*#header{width:100%;position:sticky;top:0;right:0;left:0;margin:0 auto;z-index:99;float:right;transition:all .5s;background-color:rgba(255,255,255,1);padding:0 1rem;box-shadow:0 0 25px rgb(0 0 0 / 10%);}*/
.header_in{width:100%;max-width:var(--window-max-width);margin:0 auto;position:relative;}
#etw_logo{width:15%;text-align:center;float:right;margin:2rem 0 1.2rem 0;transition:all .8s;}
#etw_logo img{max-width:100px;  float:right;}


.left_share{position:relative;display:flex;}
.left_share a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:all .5s;color:#fff !important;border-radius:50%;font-size:1rem;border:1px solid rgba(256,256,256,.1);}
.left_share a:hover{background-color:#1363c6;}
/* .top-nav */
/*menu*/
.top-nav{z-index:999;width:85%;display:flex;flex-flow:wrap;justify-content:space-between;align-items:center;float:left;position:relative;}
.navbar{padding:0}
.navbar-collapse{justify-content:flex-end}
.navbar-light .navbar-nav li.nav-item{position:relative}
.navbar-light .navbar-nav a.nav-link{color:#333;font-size:1rem;line-height:1rem;position:relative;margin:0 0.8rem;font-weight:300;padding:1rem 0.8rem;text-align: right;}
.navbar-light .navbar-nav a.nav-link:before{  content: "";  position: absolute;  bottom: 0px;  right: 0;  height: 2px;  width: 0;  background: #09244f;  transition-delay: .1s;  transition: .3s all linear;  left: 0;  margin: 0 auto;}
.navbar-light .navbar-nav .active a.nav-link:before,.navbar-light .navbar-nav .show a.nav-link:before,.navbar-light .navbar-nav a.nav-link:hover:before{width:100%;}
.dropdown-toggle:after{position:relative;content:"\f107";font-family:FontAwesome;color:#333;width:auto;margin-right:0.1rem;height:auto;font-weight:300;vertical-align:top;font-size:18px;border:none;transition:.2s all ease-in-out;}
.navbar-light .navbar-nav .active .dropdown-toggle:after,.navbar-light .navbar-nav .show .dropdown-toggle:after,.navbar-light .navbar-nav a.dropdown-toggle:hover:after{transform:rotate(-180deg);color:#09244f;top:58%;left:0px;}
.navbar-nav .dropdown-menu{box-shadow:0 15px 22px -10px rgb(0 51 153 / 30%);border:none;padding:1rem 0;border-radius:0;background-color:rgba(255,255,255,.96);margin:0;visibility:hidden;pointer-events:none;opacity:0;display:block;transition:all .3s ease 0s;}
.navbar-nav .dropdown-menu:before{content:"";position:absolute;width:0;height:0;border-bottom:6px solid #09244f;border-right:8px solid transparent;border-left:8px solid transparent;right:6%;top:-6px;display:none;}
.navbar-nav .dropdown-menu.show{visibility:visible;pointer-events:all;opacity:1;top:100%;display:block;}
.navbar-light .navbar-nav a.nav-link i{color:#999}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{background:0;color:#09244f;}
.navbar-light .navbar-nav .show>.nav-link{color:#09244f}
.navbar-light .navbar-nav .dropdown-item{font-size:0.9rem;padding:0.5rem 1.2rem;font-weight:300;color:#333;position:relative;text-align: right;}
.navbar-light .navbar-nav .navleft{border-left:1px solid #efefef;}
.navbar-nav .dropdown-menu1{min-width:30rem;right:0rem;padding:0rem 1rem 1rem 1rem;}
.navbar-light .navbar-nav .dropdown-menu1 li{width:100%;position:relative;}
.navbar-light .navbar-nav .dropdown-menu .dropdown-item{border-bottom: 1px dotted #aaa;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background: 0;position: relative;padding: 1rem 0 0.6rem 1rem;font-size: 1rem;color: #111;font-weight: 400;white-space: normal;  line-height: 1.2rem; margin: 0 0 0.5rem;text-align: right;}
.navbar-nav .dropdown-menu li ol{position:relative;display:block;padding:0 0 0.6rem 0.2rem;width:100%;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li{width:100%;position:relative;}
/*.navbar-light .navbar-nav .dropdown-menu1 li ol.drop-half{display: flex;flex-wrap: wrap;}
.navbar-light .navbar-nav .dropdown-menu1 li ol.drop-half li{width: 50%;}*/
.navbar-light .navbar-nav .dropdown-menu1 li ol li a{font-weight: 300;  font-size: .85rem;  color: #555;  line-height: 1rem;width: 100%;  display: block;  position: relative;  padding: 0.3rem 0.95rem 0.3rem 0;text-align: right;}
.navbar-light .navbar-nav .dropdown-menu1 li>a:before{ display:none;}
.navbar-light .navbar-nav .dropdown-menu1 li ol li a:before{ display:block;position:absolute;content:'';background:#555;width:5px;height:5px;top:11px;right:3px;transition:.3s all ease-in-out;border-radius:0}
.navbar-nav .dropdown-menu li ol li a.active,.navbar-nav .dropdown-menu li ol li a:hover{color:#046bbf;}
.navbar-nav .dropdown-menu li ol li a.dq:before,.navbar-nav .dropdown-menu li ol li a:hover:before{background:#046bbf;}
.navbar-light .navbar-nav a.dropdown-item.active,.navbar-light .navbar-nav a.dropdown-item:active,.navbar-light .navbar-nav a.dropdown-item:hover{background:0;color:#046bbf;}
.navbar-nav .dropdown-menu li ol li a.active span,.navbar-nav .dropdown-menu li ol li a:hover span{color:#09244f}
.nav-item span.pro_icon{position:absolute;top:5px;left:0;color:#999;padding:0;font-size:34px;width:30px;height:30px;line-height:30px;display:none;text-align:center;font-weight:200;}
.header_icon a{color:#111;}


@media (max-width:1299.98px){
.navbar-light .navbar-nav a.nav-link{margin:0 0.4rem;padding:1rem 0.3rem;}
}
@media (max-width:991.98px){.top-nav{width:100%;float:right;background:#fff;margin:0;display:block;padding:0}
.top-nav:after,.top-nav:before{display:none;}
.navbar-nav .dropdown-menu{background:#fff;box-shadow:none;padding:.3rem 0;position:relative!important;right:0!important;top:0!important;margin-right:0!important;min-width:auto!important;display:none;border-top:none;}
.navbar-nav .dropdown-menu:before{display:none;}
.top-nav .navbar-nav .row{width:100%!important;box-shadow:none;margin:0;}
.navbar-light .navbar-nav .dropdown-item,.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{background:#fff;padding:.4rem 1rem .4rem 2.4rem;border-bottom:none;font-size:.9rem;color:#333;white-space:normal;font-weight:300}
.navbar-light .navbar-nav .dropdown-menu>li{background:none;}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item{padding:.4rem 1.5rem .4rem 1rem;}
.navbar-light .navbar-nav .dropdown-menu1 li:last-child .dropdown-item{border-bottom:none;}
.navbar-light .navbar-nav .dropdown-item:before{content:normal}
.navbar-nav .dropdown-menu1>li{width:100%;float:none;margin:0}
.navbar-nav .dropdown-menu li ol{display:none}
.navbar-light .navbar-nav .dropdown-menu1 .dropdown-item img{display:none}
.navbar-light .navbar-nav .show>.nav-link{color:#333}
.navbar-light .navbar-nav li.nav-item{margin:0}
.navbar-light .navbar-nav li.nav-item:before{content:normal}
.navbar-light .navbar-nav a.nav-link:before{content:normal}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#09244f;background:0 0}
.navbar-light .navbar-nav .show>.nav-link{background:0 0}
.navbar-light .navbar-nav a.nav-link{font-size:1rem;border-bottom:1px solid rgba(0,0,0,.1);color:#111;padding:1rem;margin:0 1rem;}
.navbar-light .navbar-nav li.nav-item:last-child a.nav-link{border-bottom:none}
.navbar-light .navbar-nav .dropdown-menu1 li.menu_img{display:none;}
.dropdown-menu{border:none}
.navbar-light .navbar-toggler{color:#333;font-size:2.4rem;margin:0.8rem 0 0 1rem;border:none;outline:0;z-index:200;position:relative;}
.nav-item span.pro_icon{display:block}
.nav-item span.caret{display:none}
.nav-item .dropdown-toggle::after{display:none;}
.navbar-light .navbar-nav li.nav-item:nth-child(5) a.nav-link:after{display:none;}
}
/* .etw_language */
.etw_language{float:left;display:flex;flex-wrap:wrap;margin-right:1rem;margin-top:1.2rem;justify-content:flex-end;width:42%;height:38px;line-height:38px;z-index:1000;position:relative;padding-right:1rem;padding-left:1rem;}
#etw_language{float:left;width:auto;text-align:left;}
#etw_language .dropdown-item{display:inline-block;width:auto;line-height:12px;padding:0.2rem .8rem;color:#333;min-width:auto !important;font-size:.9rem;position:relative;}
#etw_language .dropdown-item::before{position:absolute;content:"";left:0;top:.2rem;width:1px;height:15px;background:#1078f0;}
#etw_language .dropdown-item:last-child::before{display:none;}
#etw_language .dropdown-item img{margin-left:5px;margin-top:1px;}
#etw_language .dropdown-item:hover{color:#1078f0;background:none;}
#etw_language .dropdown-item:focus{background:none !important;}

/****banner****/
#etw_banner{  width: 100%;  height: auto;  position: relative;  margin: 0 auto;  text-align: center;  max-height:500px;  overflow: hidden;}
/*bnner1瀹氫箟*/
.banner_txt{position:absolute;top:22%;right:0;left:0;margin:0 auto;font-size:1.2rem;text-align:right;line-height:1.55;width:100%;max-width:var(--window-max-width);color:#fff;text-shadow:0 1px 2px #000;}
.banner_txt h2{font-size:2.4rem;color:#fff;padding-bottom:1rem;font-weight:bolder;}
.banner_txt h2 span{color:#ff6b0f; display:block;padding-top:0.3rem; }
.banner_txt span{ margin-top:1.2rem}
.banner_more{position:relative;width:260px;font-weight:300;margin:2rem 0;transition:.3s all ease-in-out;text-align:center;}
.banner_more a{  display: block;  width: 100%;  color: #fff;  position: relative;  padding: 1rem 0;  text-align: center;  font-size: 1.1rem;  line-height: 1.1rem;  font-weight: 300;  border-radius: 2rem;  text-transform: uppercase;  letter-spacing: 0.03rem;  border: 1px solid #fff;}
.banner_more a:after{content:"\f105";position:absolute;left:36px;top:16px;font-family:FontAwesome;color:#fff;font-size:25px;opacity:0;transition:.3s all ease-in-out;}
.banner_more a:hover{color:#fff;padding:1rem 1rem 1rem 0;background:#194966;}
.banner_more a:hover:after{opacity:1;left:30px;}

/*bnner2瀹氫箟*/
.gallery-wrap{display: flex;flex-direction: row;width: 100%;height:55vh;max-height:500px;}
.gallery_item{flex:1;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:flex 0.4s ease;position:relative;padding:2rem;border-left: 3px solid #ccc;}
.gallery_item:before{position:absolute;content:'';background:rgba(0 0 0 / 50%);width:100%;height:100%;right:0;top:0;transition:.3s all ease-in-out;}
.gallery-wrap img{ width:inherit; overflow: hidden;}
.gallery_title a{z-index: 15;position: absolute;right:-58%;bottom:50%;font-size: 1.4rem;transform: rotate(90deg);color: #bababa; display:block;  width:130%; text-align:left;transition:.1s step-end;}
.gallery_item:hover .gallery_title a{color: #ff6b0f;bottom:20%;width:100%;right:7%;transform: rotate(0deg) ;transition:.1s rotate step-start;text-align:right;}
.gallery_more{  position: absolute;  margin: 1rem auto;  bottom:5%;  right:7%; z-index: 1;  display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: center;}
.gallery_more a{color:#fff;display:block;font-size:1.1rem;font-weight: 400;border-radius: 5px;padding:0.5rem;width:120px;height:auto;background:#da4800;text-align:center;opacity: 0;visibility: hidden;}
.gallery_item:hover .gallery_more a{opacity: 1;visibility: visible;}
.gallery_more a:hover{background:#ff5e0f;color:#fff;}

@media (max-width:1560px){
.gallery_title a{font-size: 1.2rem;}
}
@media (max-width:1110px){
.gallery_title a{ width:250%;right:-108%;}
}


/*bnner2鐨勫浘*/
.gallery_item:hover{flex:2;}
.item-1{background-image:url("../images/banner02_1.jpg");}
.item-2{background-image:url("../images/banner02_2.jpg");}
.item-3{background-image:url("../images/banner02_3.jpg");}
.item-4{background-image:url("../images/banner02_4.jpg");}
.item-5{background-image:url("../images/banner02_5.jpg");}
.item-6{background-image:url("../images/banner02_6.jpg");}


/*bnner搴曢儴鎸夐挳*/
#etw_banner .swiper-pagination{display:block;width:100%;bottom:4px}
#etw_banner .swiper-pagination-bullet{  opacity: 0.5;  cursor: pointer;  margin: 0 5px !important;  width: 32px;  height: 5px;  background: #b6cee9;  transition: .3s all ease-in-out;  border-radius: 0;}
#etw_banner .swiper-pagination-bullet-active{opacity:0.5;background:#cd1b0f;width: 40px;}

@media (max-width:1499.98px){
.banner_txt h1{font-size:2.6rem;line-height:3rem;}
.banner_txt span{font-size:1.4rem;line-height:1.6rem;margin-bottom:0;}
.banner_more{margin:1rem 0;}
}
@media (max-width:1199.98px){.banner_txt{width:100%;right:8%;}
.banner_txt span{display:none;}
.banner_txt1{width:380px;right:5%;}
.banner_txt2{width:400px;}
.banner_more{display:none;}
.banner_box .etw_hometitle:before{display:none;}
}
@media (max-width:991.98px){
.carousel-control-next,.carousel-control-prev{display:none}
.banner_txt{right:11%;}
.banner_txt p,.banner_txt1 p,#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev{display:none;}
.banner_txt1 span,.banner_txt2 span,.etw_banner img,.etw_banner:before,.etw_banner:after{display:none}
.banner_box h2,.banner_box .etw_hometitle,.banner_box #quicknav,.banner_box #quicknav a{text-align:right;}
.banner_box h2,.banner_box .etw_hometitle{font-size:2.4rem;line-height:2.8rem;width:100%;}
.banner_box #quicknav{font-size:0.9rem;}
#etw_banner .swiper-pagination{bottom:20px;}
.bannerinpro1,.bannerinpro2,.bannerinpro9,.bannerinpro10{min-height:80px}
}
@media (max-width:767.98px){.banner_txt,.banner_txt1,.banner_txt2,.banner_txt3{display:none}
.carousel-indicators{display:none}
.bannerin{min-height:auto;padding:1rem 0;}
.banner_box{position:relative;top:auto;transform:none;}
.banner_box p{display:none;}
}
@media (max-width:575.98px){.etw_banner{border-top:none;padding:1rem 0 0 0;}
.banner_txt h1{display:none;}
#etw_banner .swiper-pagination{display:none;}
.banner_box p{width:100%;}
}
/****banner END****/

/* about_box */
.about_box{padding:3rem 0; font-size:1.1rem; background:#fff;}
.about_img{ height: 100%; max-width:497px; display:flex; flex-direction: row; justify-content: center; align-items: center;}
.about_des .about_top{ color:#1f51a5;}
.webtitle{font-size:2.2rem;font-weight:bold;color:#194966;}
.about_box .pro_accordion{position:relative;}
.about_box .pro_accordion .btn-link::before{ position: absolute;content: '';background:url(../images/icon1.png) no-repeat right;background-size: auto;background-size: cover;width:18px;height:18px;right:25px;top:25px;transition: .3s all ease-in-out;cursor: pointer;opacity: 1;}
.about_box .card-header .btn[aria-expanded="true"]::before{background:url(../images/icon.png) no-repeat right;width:70px;height:70px;right:-2px;top:0px;}
.about_box .card-header,.about_box .card{ border:none; background:none;}
.about_box .pro_accordion .btn-link{ padding-right:65px;}
.about_box .pro_accordion .card-body{ padding-right:85px;}
.about_box .accordion_borbot{ position: absolute;border-right:1px solid #1f51a5; height:82%; right:33px;top:35px;}
.about_box #collapseThree .card-body{ padding-right:49px;margin-right:33px;border-right:1px solid #fff;}

.about_list{padding:3rem 0; font-size:1.1rem; background:#fff;}
.about_list .card{ border:none;}
.about_list .webtitle{font-size:2rem;color:#136caf;font-weight:400;}
.about_list .webtitle span{font-weight:600;}
.ys{color:#136caf;}

.imggallery{ position:relative; width:100%; padding:1.6rem 0 1rem 0;}
.imggallery .imgborders{ border-radius: 0 35px 0 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
    transition: box-shadow .3s ease-in-out; width:400px;  position: relative; z-index: 2;}
.imggallery .imgborders:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, .7);transition: box-shadow .3s ease-in-out; }
.about_list .card-header{ background:none; border:none; padding-bottom:0;padding:.75rem 1.25rem 0 0;text-align: right;}
.about_list .pro_accordion .btn-link{background:#dddddd;position:relative;border-radius:0;}
.about_list .pro_accordion .btn-link::before{content: '';background:url(../images/icon1-1.png) no-repeat; position: absolute;width:26px;height:26px;left:15px;top:5px;}
.about_list .card-header .btn[aria-expanded="true"]{background:#136caf;color:#fff;}
.about_list .card-header .btn[aria-expanded="true"]::before{background:url(../images/icon-1.png) no-repeat left;}
.about_list .pro_accordion .card-body{ padding:1rem 1rem; border:1px solid #efefef; margin:0 1.25rem 0 0}
.about_list .btn a{color:#136caf; text-decoration:none;display: block;text-align: right;}
.about_list .btn[aria-expanded="true"] a{color:#fff;text-decoration:none;}
.about_list .col-2,.about_list .col-10{ padding:0 10px;}
.list_more{ width:220px; margin:1rem 0; background:#136caf; text-align:center; padding:0.5rem;}
.list_more a{color:#fff;}

/* main_products_box */
.main_products_box{padding-bottom:3.5rem; background: #fff;}
.main_products_box .webtitle{color:#000; background:#f8f8f8; padding:2rem 0; text-align:center; }
.main_products_box .webtitle .memo{ font-size:16px; font-weight:normal; }
.home_list{padding-top:2rem; position:relative;}
.pro_item_home{position:relative; overflow:hidden;}
.main_products_box .pro_item .pro_img{position:relative; overflow:hidden;}
.main_products_box .pro_item .pro_des{border-right:15px solid #d41a29;line-height:1.22rem;padding:0rem 1.2rem; position:absolute; top:0px;right:0; width:88%; height:100%; color:#fff; font-size:1.2rem;display:flex; flex-direction:column;align-items:right;justify-content:center;}
.pro_item .pro_des strong{ display:block; font-weight:600; text-transform:uppercase; margin-bottom:0.5rem;}
.pro_item_home:hover .pro_des{color:#d41a29;}
.pro_item_home .pro_img img{display:block;transition: .3s all ease-in-out;}
.pro_item_home:hover .pro_img img{transform: scale(1.1);}
@media (max-width:998px){
.pro_item .pro_des{font-size:0.9rem;width:100%;}
}
@media (max-width:767px){
.pro_item{ margin-bottom:1rem;}
.pro_item .pro_des{font-size:1.2rem;}
}
.main_products_app{background:url(../images/bg-clouds.jpg) fixed top center;background-size:100%;}
.main_products_app .webtitle{ background:none;}
.main_products_app li{ background:url(../images/yes.png)no-repeat 0 center;background-size:7%;border-bottom: 1px solid rgba(120, 130, 140, 0.13);padding:10px 10px 10px 30px;transition: .2s all linear;}
.main_products_app li:hover{ background-position:5px;transition: .2s all linear;}
.main_products_app li a{color:#333;}
.main_products_app li a:hover{color:#136caf;}
.app_list{ padding:2rem 1rem; width:100%; max-width:var(--window-max-width); margin:0 auto;}
.app_list ul{padding:2rem 0rem 1rem 0;}
.app_list li{border: 5px solid rgba(120, 130, 140, 0.13);transition: .2s all linear; float:right; width:15%; margin-left:2%; text-align:center;}
.app_list li:last-child,.app_list1 li:last-child{ margin:0;}
.app_list li a{color:#fff;}
.app_list li a img{ max-width:80px;transition: .3s all linear;}
.app_list li a:hover img{transform: scaleX(-1);}
.app_list li a:hover,.app_list li a.dq{color:#ff6b0f;}
.app_list li span{ background:#006cc1;padding:1rem;display:flex; flex-direction:column;align-items:center;justify-content:center; min-height:120px; font-size:1.2rem;}
.app_list1 li span{min-height:90px;}
.app_list1 li{width:23.5%;}
.app_list1 li a img{ max-width:80px; padding:1rem 0;}
/* app_box */
.app_box{ background:url(../images/bannerb.jpg) fixed top center;background-size:100%;  margin-bottom:1rem; padding:5rem 0;}
.app_box .content{ width:100%; max-width:1870px; overflow: hidden;}
.app_box .small_font a{color:#fff;}
.app_box .small_font a:hover{color:#ff6b0f;}
.app_box .col-md-auto {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%}
.app_item{position: relative; overflow: hidden; width:100%; height:100%;}
.app_item strong{color:#fff;transition:all .5s; width:95%; min-height:46px; position:absolute; bottom:1rem; right:0;display:flex; flex-direction:column;align-items:right;justify-content:center; background:url(../images/icon2.png) no-repeat left; background-size:12%; padding:0 1rem 0 3rem; z-index:9; font-size:1.2rem; text-transform:uppercase;}
.app_item:hover strong{color:#ff6b0f;background:url(../images/icon2-1.png) no-repeat left; background-size:12%;}

.app_item{width:100%; height:410px;}
.box_radius{ width: 115%; height: 100%; border-radius: 0 0 150% 0%; position: absolute; right: 0px; bottom:  0px ; z-index: 3; overflow: hidden; transition: .3s all linear;}
.box_bg{ position: absolute; right: 0; top: 0; z-index: 1;  display:block;}
.box_radius img,.box_bg img{ max-width:373px; height:auto; position: absolute; right: 0; top:0;}
.box_cover{ display:block; width: 100%; height: 100%; background: rgba(0,0,0,.7); position: absolute; left: 0; top: 0 ; z-index: 2;}
.app_item:hover .box_radius{width:0%; transition: .3s all linear; left: 0; }

.app_box1{background:url(../images/aluminium-bottom-comp.jpg) fixed top center; background-size:100%;}
.app_box2{background:url(../images/inquiry_bg.jpg) top center; background-size:100%;}
.app_box_btn{ border-radius:0 35px 0 0; border:5px solid #fff;   transition: box-shadow .3s ease-in-out; box-shadow:0 0 0 #888; position: relative;}
.app_box_btn .memo{ position:absolute; bottom:-210px; z-index: 3; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; transition:.3s bottom ease-in-out;}
.app_box_btn .memo .txt{ width:96%; height:200px;background: rgba(0, 0, 0, .5); color: #fff;  padding:15px; border-radius:0 35px 0 0; overflow:hidden; box-sizing:border-box; }
.app_box_btn:hover .memo{ bottom:0px; transition:.3s bottom ease-in-out; }
.app_memo{ max-width:700px; font-size:14px; color:#fff; }
.app_box_btn:hover{ box-shadow:-3px 3px 9px 0px #888; transition: all .3s ease-in-out;}
.app_box_btn:hover .box_bg .img{ transform:scale(1.2); transition: all .3s ease-in-out; }
.app_box_btn .box_bg .img{transition: all .3s ease-in-out;  }
.app_box_btn:hover strong{ bottom:200px;color:#ff6b0f; }
.app_box3{background:url(../images/bannerblue.jpg) center center; background-size:100%; padding:2rem 0;}
.app_box3 .small_font{width:100%; max-width:var(--window-max-width); margin:0 auto; padding:2rem 2rem 2rem 20rem;text-align:right;}
.app_box3 .app_title{ font-size:1.8rem; font-weight:bold;}
.app_box3 .small_font .app_more{width:160px;display:block; font-size:1.2rem;background:#fff;color:#004d8d;border-radius:2rem; text-align:center; padding:0.5rem;margin-top:1rem;}

.app_box4{background:url(../images/Metal-Background-rs.jpg) bottom left; background-size:100%;}

.app_box4 .webtitle{font-size:1.6rem;color:#fff; width:100%; max-width:var(--window-max-width);  margin:0 auto;}
.app_box4 .inquiry_button {background-color:#fff;color:#136caf;}
.app_box4 .inquiry_button:hover{background-color:#047aea;color:#fff;}

.etw_products_box{ background:#fff;box-shadow:0 0 20px 8px rgba(0,0,0,0.16);transition: .3s box-shadow ease-in-out; display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;}
.tab-content-des{ padding:0 10px;}
.etw_products_box .app_item{height:260px;}
.etw_products_box .box_radius{width: 105%;}
.etw_products_box .app_item{background:rgba(19,43,80,.7);}
.etw_products_box .box_cover{background:rgba(19,43,80,.7);}
.box_radius img,.box_bg img{opacity:0.8}
.etw_products_box .app_item strong{height:96%; padding:1rem 2rem; top:0; display:block;background:url(../images/icon2.png) no-repeat left bottom;text-transform:none;}
.etw_products_box .app_item:hover strong{background:url(../images/icon2-1.png) no-repeat left bottom;}

.small_pro_box .app_item{height:122px; border:1px solid #CCC;}
.small_pro_box .box_radius{ width:100%; border-radius:0; background:#fff; transition: .3s all ease-in-out;}
.small_pro_box .box_bg{ position: absolute; right: 0; top: 0; z-index: 1;  display:block;}
.small_pro_box .box_radius img,.small_pro_box .box_bg img{ max-width:165px; }
.small_pro_box .box_radius img{ top:40%;}
.small_pro_box .box_cover{background: rgba(0,0,0,.1);}
.small_pro_box .app_item strong{color:#666; background:none;font-size:0.8rem; top:25%; display:block;padding:0 1rem; text-transform:none;}
.small_pro_box .app_item strong span{font-size:1.3rem; display:block; padding-bottom:0.5rem;color:#005aaf;}
.small_pro_box .app_item:hover strong,.small_pro_box .app_item:hover strong span{color:#005aaf;transition: all .3s ease-in-out;text-shadow:#fff 0.5px 0 1px;}
.small_pro_box .app_item:hover .box_radius{width:0%; transition: .2s all linear; }

.etw_products_box1{ padding:1rem 2rem;}
.app_box2 .webtitle{font-size:1.6rem;}

@media (max-width:1500px){
.app_item strong{background-size:18%;}
.app_item:hover strong{background-size:18%;}
.app_box .app_item{height:310px;}
}
@media (max-width:1300px){
.app_item strong{font-size:1.0rem;}
}
@media (max-width:1100px){
.app_box .col-md-auto {-ms-flex: 0 0 33.3%;flex: 0 0 33.3%;max-width: 33.3%; margin-bottom:2rem;}
.app_item strong{background-size:12%;font-size:0.9rem;}
.app_item:hover strong{background-size:12%;}
}
@media (max-width:500px){
.app_box .col-md-auto {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width:50%;}
.app_item strong{background-size:10%;font-size:0.9rem; width:80%;}
.app_item:hover strong{background-size:10%;}
}

/* case_box */
.case_box{padding:3rem 0;position:relative; background:#fff; height:auto;}
.case_box::before{position:absolute;content:"";right:0;top:28%;width:100%;height:45%;background:#f8f8f8;z-index:0}
.case_box .webtitle{ max-width:var(--window-max-width); margin:0 auto;color:#000;position:relative;z-index:1; text-align:center; font-size:1.3rem;}
.case_img{padding:1rem 1rem 2rem 1rem; border:1px solid #1f51a5; background:#fff;display:flex;align-items:center;justify-content:center; text-align:center; margin:2.5rem 0.8rem 0 0.8rem;}
.case_img:hover{border:1px solid #d41a29;}
.case_img img{width:68px;height:68px; display:block; margin:1.5rem auto; padding:4px;}
.case_img:hover img{transition:all 0.3s ease-in-out;padding:0px;}
.case_img a{color:#4a4a4a;}
.case_img a strong{color:#d41a29;padding-bottom:1rem;display:block;font-size:1rem;line-height:1.35rem; width:50%; margin:0 auto;}
.case_img:hover a strong{color:#1f51a5; font-size:1.1rem; transition:all 0.3s ease-in-out;width:55%;}
.casebox .case_img a span{ min-height:140px; display:block;}
/* footer */
#footer{width:100%;text-align:center;margin:0 auto;font-size:.95rem;background:url(../images/footertop.jpg) #f1efef top center no-repeat;background-size:contain;overflow:hidden;position:relative; padding:7rem 0 0rem 0;}
.etw_bottom{padding:2rem 0;padding-bottom:0;width:100%;position:relative;text-align:right;color:#4a4a4a;}
.etw_bottom .content{width:100%; max-width:1360px;}
.logo_img{position:relative;margin-bottom:-3rem;z-index:2;}
.logo_img img{max-width:150px;}
.bottom_logo p{font-size:.9rem;line-height:1.5rem;}
.etw_bottom .etw_foot_title,.etw_bottom .etw_foot_title a{position:relative;font-size:1.2rem;line-height:1.35;margin:.8rem 0;color:#1f51a5;text-transform:uppercase;font-weight:bold;}
.bottom_logo .etw_foot_title{position:relative;text-transform:inherit;margin:1.5rem 0 0.5rem 0;}
.etw_bottom .etw_foot_title a:hover{color:#cc1c11;text-decoration:none;letter-spacing:0.5px;}
.etw_bottom h4{color:#fff;}
.pblist{overflow:hidden;margin:0.5rem auto;}
.pblist_box{width:100%;}
.etw_bottom a{color:#4a4a4a;}
.etw_bottom a:hover{color:#016acf;}
.etw_bottom ul{width:100%;margin-left:2%;float:right;display:flex;flex-flow:wrap;}
.etw_bottom ul li{width:100%;float:right;position:relative; padding:0.5rem 0;}
.bottom_contact p{ line-height:2.5rem;}

.home_link{width:100%;overflow:hidden;margin:0 auto;padding:1rem 0 1.5rem 0;background:#fff;border-top:1px solid #1f51a5;}
#otherlink{clear:both;width:100%;height:auto;font-size:12px;margin-top:1rem;}
#otherlink a{color:#1f51a5;display:inline-block;padding:0 4px;margin-left:5px;line-height:22px;margin-bottom:5px;border:1px solid #1f51a5;font-size:12px;}
#otherlink a span{opacity:0.5;position:relative;top:0;}
#otherlink a:hover,#etw_homefooters a:hover,.etw_homefoot a:hover,#etw_coper a:hover{color:#cc1c11;letter-spacing:0;border:1px solid #cc1c11;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all 0.1s ease-in-out;}
#etw_coper{margin-top:2px;width:100%;line-height:22px;}
#etw_coper a{color:#1f51a5;font-size:12px;}
/* pro_banner_box */
.pro_banner_box{background:url(../images/alloy-banner.webp) top center; background-size:100%;display:flex;align-items:center;justify-content:center;position:relative; border-top: 5px solid #ccc;}
.pro_banner_pro{ padding:2rem 0;}
.pro_banner_box_company{ position:relative; width:100%;background:#f1f2f4; }
.pro_banner_box_company .img{ position:relative; right:0; top:0; z-index:1;background:url(../images/company.jpg) top center; background-size:100% 100%;height:260px;display:flex;  flex-direction: row; align-items:center;justify-content:flex-start;position:relative; border-top: 5px solid #ccc; filter:bleftness(30%);}
.pro_banner_txt{width:100%;max-width:var(--window-max-width);color:#333; margin:0 auto;}
.pro_banner_box_company .pro_banner_txt_company{ width:100%; height: 100%; z-index: 2; position: absolute; right: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.pro_banner_box_company .pro_banner_txt_company .txt{ max-width: 800px; color:#fff; font-size: 36px; line-height:36px;text-transform: uppercase; text-shadow: 2px 0 4px rgba(0,0,0,0.6); font-family: sans-serif; font-weight: bold; z-index: 2; letter-spacing: .5px;  display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.pro_banner_box_company .pro_banner_txt_company .hr{ width:150px; height:3px; background:rgba(255, 255, 255, .5); }
.pro_banner_box_company .pro_banner_txt_company .txt:after{ content:"" ; width:0px; height:10px; background:var(--red-color); position:absolute; right:0; top:0;transition:width .7s ease-in-out; }
.pro_banner_box_company .pro_banner_txt_company .memo{ color:#fff; font-size:.85rem; line-height:1.5rem; }
.pro_banner_box_company .pro_banner_txt_company .more{ width:175px; height:44px; background:#101f65; font-size:1.1rem; color:#fff; font-family:sans-serif; display:flex; flex-direction:row; justify-content:center; align-items:center;  margin-top: 80px;}
.pro_banner_box_company:hover .pro_banner_txt_company .txt:after{  width:100%;  transition:width .7s ease-in-out;  }
.company_bg{background:#f1f2f4; padding: 1rem 0 2rem 0;}
.company_bg #quicknav ul{ background:none; padding: 0;}
.swidth{width:100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.swidth h2{ width: 770px; }
.swidth  h2.bannertxt{ font-size:32px; color:#fff; text-align:center; }
.swidth  .memo{color:#fff; letter-spacing: .3; width: 780px; font-size: 20px; line-height: 24px; text-align: center;}
.company_1 .caption{
	letter-spacing: 0.4px;
    font-size: 1.8rem;
    font-family: sans-serif;
    text-transform: uppercase;padding-bottom: 0.5rem; line-height: 2.2rem;}
.hr{  width:70px; height:5px; background:#ccc;  }
.more_brief{ padding:2rem 0 1rem 0; background:#fff; width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
.more_brief .img{ max-width:400px; border-radius: 0 35px 35px 0; box-shadow: 0 0 20px rgba(0, 0, 0, .5);transition:box-shadow .3s ease-in-out;}
.more_brief .img:hover{ transition:box-shadow .3s ease-in-out;box-shadow: 0 0 20px rgba(0, 0, 0, .8); }
.more_brief .txt{ padding:0 50px 0 0; }
.more_brief .txt .big{ color:#101f65 ; font-size:1.8rem; }

.more_brief1{ padding:2rem 5rem; background:url(../images/xin.jpg); background-size:100%; border-radius:2rem; margin:3rem 0;}
.more_brief1 p{ line-height:3rem; font-style:italic; font-size:1.2rem;}
.more_brief1 p span{ color:#FF0000;}
.etw_hometitle{color:#333;margin-bottom:1rem;}

.pro_banner_box1{background:url(../images/bannerpro1.png) center center; background-size:100%;min-height:320px;display:flex;align-items:center;justify-content:center;position:relative;}
.pro_banner_box1 .swidth{max-width:var(--window-max-width); float:none; margin:0 auto;}
.pro_banner_box1 .etw_hometitle{position:absolute;top:15%;right:0;left:0;margin:0 auto; z-index:6;height:auto;text-align:right;}
.pro_banner_box1 h2{color:#fff;width:100%; max-width:var(--window-max-width);margin:0 auto; display:block;}
.pro_banner_box2{background:url(../images/bannerpro3.png) no-repeat center;background-size:100%;min-height:120px;position:relative;}
.pro_banner_box_about{background:url(../images/Metal-Background-rs.jpg) no-repeat center; background-size:100%;}
.about_banner_box{min-height:220px;}

.pro_banner_box_app{background:url(../images/bannerblue.jpg) bottom left;background-size:100%;}
.pro_banner_txt_app{ width:100%; max-width:var(--window-max-width); margin:0 auto;color:#fff; padding:5rem 1rem 5rem 20%;}
.pro_banner_txt_app #quicknav{ position:inherit; margin-bottom:1rem;color:#fff;}
.pro_banner_txt_app #quicknav ul{background:none; padding:0;}
.pro_banner_txt_app #quicknav ul a{color:#ddd;}
.pro_banner_txt_app #quicknav li:last-child,.pro_banner_txt_app #quicknav li + li::before{color:#fff;}
.etw_hometitle1{ font-size:2.0rem; line-height:2.2rem; padding:0.5rem 0;}

/* #quicknav */
#quicknav{width:100%;height:auto;color:#333;font-size:.9rem;overflow:hidden;position:absolute;bottom:0;right:0;left:0;margin:0 auto;text-align:right;}
#quicknav ul{width:100%;max-width:var(--window-max-width);margin:0rem auto;background:rgba(255,255,255,.45);padding:.5rem 1rem;}
#quicknav a{color:#333;}
#quicknav li{display:inline-block;padding:0.2rem 0 0.2rem 0.4rem;}
#quicknav li + li::before{padding:0 5px;color:#333;content:"/\00a0";}
#quicknav a:hover{color:#ca1c0b;}
#quicknav li:last-child{color:#000;}
.quicknav_01{border:none !important;}
.quicknav_01 a{color:#fff !important;}
.quicknav_01 li + li::before{color:#fff !important;}
.pro_banner_box1 #quicknav{ top:30%;}
.pro_banner_box1 #quicknav ul{background:none;}
.pro_banner_box1 #quicknav a{color:#fff;}
.pro_banner_box1 #quicknav li + li::before{color:#fff;}
.pro_banner_box1 #quicknav a:hover{color:#ff6b0f;}
.pro_banner_box1 #quicknav li:last-child{color:#fff;}
.col-box #quicknav{ position:relative;}

.container_proinner{position:relative; height: 100%; right: 0;margin-bottom:-120px;}
.proinner{width:100%;position:relative;top:-120px; margin-bottom:4rem;}
.proinner .content{width:100%; height:auto; max-width:var(--window-max-width);margin:0 auto; padding:2rem 3rem 0 5rem;background:#fff; overflow: hidden;box-shadow: 0 0 20px rgba(0,0,0,0.16);transition: .3s box-shadow ease-in-out;}
.proinner .content:hover{box-shadow: 0 0 20px rgba(0,0,0,0.56); transition: .3s box-shadow ease-in-out;}
.proinner h2{ text-align:center;}
.proinner p{ padding:0.5rem 0;}
.proinner .row{ margin:0; }

/*content box start*/
.linebg{ background:#ccc; }
.col-box{ width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.row-box{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.col-box .content_caption{font-size: 28px;  line-height: 36px;  font-weight: 500;   letter-spacing: .6px;  margin-bottom: 10px;  text-transform: uppercase; width: 900px;}
.col-box .content_se_caption{    font-size: 22px;font-weight: 400;line-height: 36px;letter-spacing: .4px;text-transform: uppercase;}
/*content box stop*/

/* nav-tabs-list */
.nav-tabs-list{display:flex;margin-bottom:2rem;background-color:#f0f0f0;}
.etw_products_box .nav-tabs{ border:none;}
.nav-tabs-list li a{transition:all .5s;padding:.5rem 2rem;color:#000;font-weight:600;position:relative;display:block;}
.nav-tabs-list li a.active{background-color:#fff;opacity:1}
.nav-tabs-list li a:hover{background-color:#4786e5;opacity:1; color:#fff;}

/* brief_box */
.brief_box{padding:3rem 0;}
.brief{width:100%;font-size:1rem;color:#666;background:#E6ECF2;}
.brief_des{padding:1rem 0 1rem 1rem;}
.brief_des p{line-height:1.5;margin-bottom:0;}
.brief_img{position:relative;background:url(../images/biref_img.jpg) no-repeat center center;background-size:cover;height:100%;}
/* bg_color */
.bg_color{background-color:#f4f7fe;margin:3rem auto;padding:3rem 0;}
.hub_pro_box .pro_img img{mix-blend-mode:multiply;transition:all .5s;}
.hub_pro_box .pro_des a strong{color:#000;font-size:1.6rem;font-weight:bold;display:block;margin-bottom:1rem;transition:all .5s;position:relative;padding-right:0;}
.hub_pro_box .pro_des a strong::before{position:absolute;content:"\f0a8";left:0;top:0;font-family:fontawesome;transition:all .5s;opacity:0;}
.bg_color .hub_pro_box .pro_des a strong::before{right:0;left:inherit;content:"\f0a9";}
.small_pro{display:flex;}
.small_pro a{border:1px solid #0075c1;padding:.2rem 2rem;margin-left:1rem;background-color:#0075c1;color:#fff;border-radius:5px;transition:all .5s;}
.hub_pro_box .pro_des{position:relative;padding-bottom:5rem;}
.hub_pro_box .pro_des .more{position:absolute;left:0;bottom:0;}
.hub_pro_box .pro_des .more1{right:0 !important;left:inherit}
.small_pro a:hover{background-color:#05a2c7;}
.hub_pro_box .pro_img a:hover img{transform:scale(1.05);}
.hub_pro_box .pro_des a:hover strong{color:#05a2c7;padding-left:2rem;}
.hub_pro_box .pro_des a:hover strong::before{opacity:1;color:#05a2c7;}
.bg_color .hub_pro_box .pro_des a:hover strong{padding-right:2rem;}
/* inquiry_box */
.inquiry_box{background:url(../images/inquiry_bg.jpg) no-repeat top center;padding:3rem 0;letter-spacing:2px;color:#666;}
.inquiry_title{color:#000;font-size:2rem;font-weight:bold;margin-bottom:1rem;position:relative;padding-bottom:1rem;}
.inquiry_title::before{position:absolute;content:"";right:0;left:0;width:60px;background-color:#0075c1;height:3px;margin:0 auto;text-align:center;bottom:0;}
.inquiry_button{background-color:#005aaf;color:#fff;padding:0.7rem 1.5rem;display:inline-block;margin-top:1rem;transition:all .5s;cursor:pointer; margin-right:1rem; font-size:1.0rem;}
.inquiry_button:hover{background-color:#047aea;}
/* other_box */
.protitle2{  font-size: 2.2rem;
  line-height: 2.6rem;
  font-weight: 200;
  text-align: center;
  margin: 1rem auto;
  position: relative;
  color: #111;
  width: 100%;
  padding: 1rem 0;
  
 
}
.protitle2:before{position:absolute;content:'';background:#ccc;width:100%;height:1px;top:50%;right:0;left: 0;margin: 0 auto; transform: translateY(-50%);}
.protitle2 span{
  display: inline-block;
  padding: 0 2rem;
  background: #fff;
  z-index: 1;
  position: relative;
}
.protitle2 a{color:#111;position:relative;display:block;}
.protitle2 a:hover{color:#09244f;}
.protitle2 a:before{position:absolute;content:'';display:none;width:0;height:1px;margin:0 auto;background:#fff;right:0;left:0;bottom:24px;transition:.3s all ease-in-out;}
.protitle2 a:hover:before{width:920px;}
.other_pro{width:100%;margin:0 auto;position:relative;z-index:1; background:#fff;}
.other_pro ul{display:flex;flex-wrap:wrap; width:100%; max-width:var(--window-max-width); margin:0 auto; flex-direction: row; justify-content: space-between;}
.other_pro ul>li{width:12%;overflow:hidden;transition:.3s all ease-in-out;position:relative;background: #fff; margin-bottom:1rem;}
.other_pro ul>li:before{position:absolute;content:'';background:linear-gradient(180deg,#efefef,transparent,#efefef);width:100%;height:100%;right:0;top:0;transition:.3s all ease-in-out;transform:scaleX(0);}
.other_pro ul>li:hover{box-shadow:1px 1px 16px rgb(0 0 0 / 20%);}
.other_pro ul>li:hover:before{transform:scaleX(1);}
.other_pro ul>li:nth-child(4n){margin-left:0}
.other_pro ul>li:nth-child(4n+1){clear:both}
.other_pro ul li ol{width:100%;overflow:hidden;position:relative;}
.other_pro ul li ol li.product_img{width:100%;position:relative;}
.other_pro ul li ol li.product_img a{display:block;width:100%;position:relative;overflow:hidden;}
.other_pro ul li ol li.product_img img{width:100%;transition:.3s all ease-in-out;mix-blend-mode:multiply;}
.other_pro ul li ol li.product_con{text-align:center;margin:auto;width:100%;position:relative;}
.other_pro ul li ol li.product_con a{color: #333;display: block;padding: 1rem;font-size: 1rem;line-height: 1.2rem;font-weight: 300;text-align: center;}
.other_pro ul li ol li.product_con i{display:block;font-size:.9rem;color:#888;line-height:1.1rem;padding:.5rem 0}
.other_pro ul li ol:hover li.product_con a{color:#09244f;}
.other_pro ul li ol:hover li.product_img img{transform:scale(1.03);}

figure{margin:0;width:100%;display:table;clear:both}
.left_pic{width:100%;height:auto;float:left;margin:0 0 1.5rem 0;}
.left_pics{width:100%;position: relative;}
.left_pics::before{position: absolute;content: '';width: 30%;height: 30%;border-right: 1px solid #ddd;border-top: 1px solid #ddd; right: -0.3rem;top: -0.3rem;transition: .3s all ease-in-out;}
.left_pics::after{position: absolute;content: '';width: 30%;height: 30%;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; left: -0.3rem;bottom: -0.3rem;transition: .3s all ease-in-out;}
.left_pics:hover:before,.left_pics:hover:after{width: 40%;height: 40%;border-color: #09244f;}
.right_pic img{max-width:100%;text-align:center;transition:.3s all ease-in-out;position: relative;}
.related_pic{width:100%;display:flex;flex-wrap:wrap;margin:0.5rem 0 0 0;}
.related_pic ul{display:flex;flex-flow:wrap}
.related_pic li{width:auto;float:right;overflow:hidden;margin:0;flex:1;padding:0 2px;display:flex;flex-wrap:wrap;}
.related_pic li a{display:block;position:relative;border:1px solid #eee;width:100%;}
.related_pic li a.imgdq{border:1px solid #09244f}
.related_pics li{width:18.4%;margin:0 0 0.5rem 2%;flex:none;}
.related_pics1 li{width:15%;}
.related_pics li:nth-child(5n){margin-left:0}
.related_pics li:nth-child(5n+1){clear:both}
.related_pics1 li:nth-child(6n){margin-left:0}
.related_pics1 li:nth-child(6n+1){clear:both}
.related_pic img{transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;}
.related_pic span{font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.related_pic1{width:100%;display:flex;flex-wrap:wrap;position:relative;margin:0 auto;}
.related_pic1 li{width:100%;margin:0 0 0.25rem 0;}
.related_pic1 li:last-child{margin:0;}
.item_mod{position:absolute;left:15%;top:3%;transition:.4s all ease-in-out;background:#09244f;width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px #09244f;-webkit-animation:scaleout 1.5s infinite ease-in-out;animation:scaleout 1.5s infinite ease-in-out;}
.item_mod span{opacity:0;visibility:hidden;display:block;background:rgba(17 166 163 / 95%);color:#fff;text-align:center;width:180px;font-size:0.95rem;line-height:1.2rem;font-weight:400;transition:.3s all ease-in-out;padding:0.5rem;border-radius:4rem;pointer-events:none;}
.item_mod small{line-height:1rem;margin:0.3rem 0 0;}
.item_txt{display:none;}
.left_pics:hover .item_mod{animation:none;left:35%;background:none;box-shadow:none;}
.left_pics:hover .item_mod span{visibility:visible;opacity:1;pointer-events:all;}
/* production_line */
.production_line{width:100%;margin:0 auto;background:url(../images/product_line_bg.jpg) no-repeat top center;padding-top:3rem;overflow:hidden;}
.production_line .webtitle{font-size:2.2rem;}
.production_line .webtitle,.production_des{color:#fff;}
.productionline_list{background-color:#fff;max-width:var(--window-max-width);margin:0 auto;margin-top:2rem;color:#000;display:flex;position:relative;align-items:center;}
.pline_title{font-size:1.5rem;}
.pline_left{width:22%;background-color:#eee;padding:1rem;padding-left:0;height:100%;}
.pline_right{width:76%;z-index:1;position:relative;color:#7a8798;line-height:1.55;}
.pline_right img{width:100%;}
.pline_right .text-center,.solution_box .text-center{margin-top:3rem;}
.pline_right .btn-more,.solution_box .btn-more{width:140px;margin:0 auto;text-align:center;z-index:0;}
.pline_right .btn-more:hover,.solution_box .btn-more:hover{background-color:#05a2c7;color:#fff;}
/* nav-tabs-list-productionline */
.nav-tabs-list-productionline{width:100%;margin:0 auto;border-bottom:none;}
.nav-tabs-list-productionline li{width:100%;}
.nav-tabs-list-productionline li a{width:100%;display:block;padding:1rem 1.5rem;background-color:#fff;color:#000;position:relative;margin-bottom:2px;border-bottom:1px solid #e5e5e5;}
.nav-tabs-list-productionline li a.active,.nav-tabs-list-productionline li a:hover{background-color:#05a2c7;color:#fff;}
.nav-tabs-list-productionline li:last-child a{border-bottom:none;}
.tab-content-des h4{color:#000;font-size:1.6rem;margin-bottom:1rem;}
.app_01 a{background:url(../images/app_01.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_01 a::before{position:absolute;content:"";width:100%;height:100%;background-color:rgba(0,0,0,0.45);top:0;right:0;}
.app_01 a p,.app_01 a .pro_list{position:relative;z-index:1;}
.app_01 a .pro_list{justify-content:center;}
.app_01 a .pro_list li{width:18%;}
.app_01 a .pro_list li span{font-size:.9rem;}
.app_02 a{background:url(../images/app_02.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_03 a{background:url(../images/app_03.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_04 a{background:url(../images/app_04.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_05 a{background:url(../images/banner_02.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_06 a{background:url(../images/app_06.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
.app_07 a{background:url(../images/banner_01.jpg) no-repeat top center;display:block;padding:3rem;color:#fff;background-size:cover;}
/* small_pro_box */
.small_pro_box{margin:2rem auto;}
.small_pro_box .col-md-8{-ms-flex: 0 0 16.666%;flex: 0 0 16.666%;max-width: 16.666%; padding:5px;}
.siger_pro_item{height:100%;border:1px solid #eee;padding:1rem;transition:all .5s;}
.siger_pro_item a{color:#666;}
.siger_pro_item a strong{display:block;margin-bottom:1rem;transition:all .5s;position:relative;right:0;font-size:.9rem;color:#666;}
.siger_pro_item a strong span{font-weight:bold;font-size:1.2rem;color:#000;display:block;}
.siger_pro_item a ul li{position:relative;padding-right:1rem;font-size:.9rem;}
.siger_pro_item a ul li::before{position:absolute;content:"";right:0;top:.7rem;width:4px;height:4px;border-radius:50%;background-color:#ccc;}
.siger_pro_item a:hover strong{color:#00489d;right:1rem;}
.siger_pro_item:hover{border:1px solid #00489d;}
.siger_pro_item img{margin-bottom:1rem;transition:all .5s;}
.siger_pro_item a:hover img{opacity:.59;}
.big_title{font-size:2rem;text-align:center;font-weight:bold;position:relative;}
.big_title a{color:#05a2c7;transition:all .5s;position:relative;z-index:1;background-color:#fff;padding:1rem 1rem;}
.big_title span{background-color:#fff;padding:1rem 1rem;position:relative;z-index:1;}
.big_title a::before{position:absolute;content:"";width:100%;height:3px;right:0;left:0;bottom:4px;margin:0 auto;text-align:center;background-color:#05a2c7;}
.big_title a:hover{color:#004680;}
.big_title::before{position:absolute;content:"";right:0;top:50%;transform:translateY(-50%);width:45%;background-color:#eee;height:2px;}
.big_title::after{position:absolute;content:"";left:0;top:50%;transform:translateY(-50%);width:45%;background-color:#eee;height:2px;}
.addinfo{
	display: block;
    background: #fff;
}
.addinfo .memo{
	content: "";
	width: 100%;
    height: 282px;   
}
.addinfo .memo .caption{
	    font-size: 2.0rem;
    color: var(--font-blue);
    font-weight: 700;
    line-height: 140%;
    font-family:var(--font-caption);
}
.addinfo .memo .desc{
	font-size: 1rem;
}
.itembox{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 5px;
	padding: 5px;
	font-size: 1.2rem;
}
.itembox img{ width:30px; margin:5px; }
/* applications_box */
.applications_box{width:100%;margin-top:3rem;}
.applications_box a{color:#666;overflow:hidden;}
.applications_box a h3{font-size:1.6rem;font-weight:bold;color:#000;margin-bottom:1rem;transition:all .5s;}
.applications_box a strong{font-size:1.2rem;margin-bottom:1rem;display:block;line-height:1.35;}
.pro_list{display:flex;flex-wrap:wrap;}
.pro_list li{width:23.5%;margin-left:1%;text-align:center;}
.pro_list li img{margin-bottom:.5rem;}
.pro_list li:last-child{margin-left:0;}
.applications_box a:hover h3{color:#016acf;}
.applications_box a img{transition:all .5s;}
.applications_box a:hover img{transform:scale(1.02);}
.applications_box img{mix-blend-mode:multiply;}
/* process_img */
.process_img{display:flex;align-items:center;font-size:1.5rem;color:#016acf;}
.process_img img{padding:1rem;}
/* small_width */
.small_width{width:100%;max-width:800px;margin:0 auto;}
/* history_des */
.history_des strong{font-size:1.8rem;font-weight:bold;color:#000;font-family:Arial,Helvetica,sans-serif;}
.time_box>ul>li{margin-bottom:1rem;background-color:#eee;border:1px solid #ddd;padding:1rem;}
.history_img figure{margin-bottom:0;}
/* size_img */
.siger_pro_box strong{color:#333;font-size:1.1rem;}
.size_img{position:relative;}
.size_img strong{text-align:center;font-size:.9rem;color:#666;text-align:left;display:block;}
/* related_box */
.related_box .etw_hometitle{ font-size:1.0rem; text-transform:inherit; line-height:1.2rem; margin:0;}
.related_box .align-items-center{background:url(../images/casestudies_bkg.png);background-size:100%;padding:10px;transition:all .5s;}
/*.related_box a:before{ content:""; width:8px; height:8px; background:#ccc; position:absolute; right:0;}*/
.related_box a{margin-top:1rem;color:#005fb0; display:block;}
.related_box a:hover,.related_box a.dq{background-color:#eee;}
/*related start*/
.more_caption{ margin-top:3rem; font-size:1.5rem; font-family:var(--font-caption); display:flex;justify-content:center; align-items:center; clear:both;direction: rtl;}
.related{display: flex;justify-content: flex-start; flex-wrap: wrap;position: relative;width: 100%;padding: 1rem;border-radius: 5rem;}
.related .item{margin: 0 0 0 2%;
    width: 22.5%;
    position: relative;
    transition: .3s all ease-in-out;
    box-shadow: 5px 6px 10px 0px #8ca6e012;
    border: 2px solid #6c8ed714;
    padding: 1rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    font-weight: 300;
    background: #fff;
    border-radius: 5rem;
    margin-top: 5px;
    transition:all .3s ease-in-out ; 
}
.related .item:hover{ background:#efefef; transition:all .3s ease-in-out ; }
.related .item .caption{ padding: 0; margin: 0;}
.related .item .caption a small{ font-size: .85rem;}
.related .item .caption a{display: inline-block; height: 100%; margin: 0; padding: 0; font-family: var(--font-caption); font-size: 1.3rem; }
.related .item .caption a:after{ content:"" ; width:0px; height:5px; background:var(--red-color); position:absolute; right:16px; bottom:12px; transition:all .3s ease-in-out ;}
.related .item:hover .caption a:after{ content:"" ; width:80px; height:5px; background:var(--red-color); position:absolute; right:16px; bottom:12px; transition:all .3s ease-in-out ; }
.related .item .caption a.dqpro{color:#d62935;}
.relatedpro .item{width:48%;}
.relatedpro1 .item{width:31%;}
.other_after_inquiry{ width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; background:#fff; }
.other_after_inquiry .other_content{ max-width:var(--window-max-width); }
/*related stop*/

/*other products*/
.other_pro5 .memo{ width:100%; display:flex; flex-direction:row; justify-content:center; align-items:center; }
.other_pro5 .memo .des{ max-width:900px; text-align:center; font-size:1rem; }
.other_pro5 .protitle2{ font-family:var(--font-caption); }
.other_pro5 .protitle2 strong{ color:var(--red-color); font-weight:bold; position: relative; line-height:4rem;}
.other_pro5 .protitle2 strong:after{ content:"" ; height:5px; width:80px; background:var(--red-color); position:absolute;right:0;bottom:-10px; transition:all .3s ease-in-out;}
.other_pro5 .protitle2:hover strong:after{width:310px;position:absolute;right:0px;bottom:-10px; }
/*other products*/

/* content_inner */
.content_inner{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap; background:#fff;}
.etw_right{width:72%; padding:2rem 3% 2rem 1%;}
.etw_right p{ padding: 0.5rem 0;}
.align-items-center{ margin:0;}
#etw_sidebar{width:24%;font-size:1rem;height:100%;}
.etw_protitle{width:100%;background:rgba(255,255,255,.45);padding:0.25rem 1rem;color:#00489d;text-transform:uppercase;font-size:1.5rem;font-weight:bold;}
.etw_productlist{background-color:#fff;}
.etw_productlist ul{width:100%;}
.etw_productlist ul li>a{font-size:1rem;color:#333;display:block;background-color:#f6f6f6;padding:.5rem;padding-right:2rem;position:relative;line-height:1.35;font-weight:400; border-bottom:1px solid #ccc;}
.etw_productlist ul li>a::before{position:absolute;content:"\f101";right:.8rem;top:.5rem;font-family:fontawesome;}
.etw_productlist ul li a{transition:all .5s;}
.etw_productlist ul li ol a{display:block;font-size:.9rem;color:#666;position:relative;padding:.3rem 2rem 0.3rem 1.5rem;}
.etw_productlist ul li ol a::before{position:absolute;content:"";right:1.0rem;top:.8rem;width:5px;height:5px;background-color:#666;}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dqpro{color:#00489d;background:#eee;}
.etw_productlist ul li:last-child a{border:none;}
.etw_productlist ul li ol dl{padding-right:1rem;margin-bottom:0;}
.etw_productlist ul li ol dl dd{margin-bottom:0;}
/* feedback_box */
.feedback_bg{     width: 100%; max-width:var(--window-max-width);
    position: relative;
    padding: 0;
    border-radius: 2rem;
    margin: 0 auto;
    overflow: hidden;
    
}
	
.feedback_bg:before {
    position: absolute;
    content: '';
    background: url(../images/inquiry_bg.png) no-repeat;
    background-size: auto;
    background-size: auto;
    background-size: cover;
    width: 500px;
    height: 500px;
    bottom: 70px;
    left: -120px;
    opacity: .7;
}

.feedback_box{margin-bottom:4rem;width: 100%;}
.etw_set_feedback_form{ background:transparent; display: flex; flex-direction: row;justify-content: center;align-items: flex-start; }
.etw_set_feedback_form .inquirypic{
	width: 497px;
	height: 501px;
	background-image: url('../images/aboutus.png');
	background-size: 497px 471px;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 30px;
}
#floatchatiframe2011 iframe{ background-color:transparent; max-width:500px; }
.feedback_title{color:#333;font-size:1.5rem;margin-bottom:2rem;font-weight:600; font-family: var(--font-caption); text-align:center;}
.feedback_title big{ color:var(--red-color);; }
/* pro_name */
.pro_name h2{font-size:1.6rem;font-weight:normal;font-weight:bold;}
.page_title{font-size:1.2rem;font-weight:600;display:block;margin-top:1.5rem;margin-bottom:.5rem;color:#000;}
.page_title01{font-size:1.6rem;}
.etw_tabtitle{width:100%;}
.etw_tabtitle .page_title{font-size:1.2rem;font-weight:600;display:block;color:#000;float:right;width:40%;margin:0 !important}
.etw_tabtitle span{display:block;float:left;}
.inquiry_btn::before{display:none;}
.inquiry_btn{cursor:pointer;background-color:#fff;color:#333;border:1px solid #333;}
.pdf_btn{font-size:12px;position:relative;padding-right:2rem;color:#05a2c7;}
.pdf_btn::before{position:absolute;content:"\f1c1";font-family:fontawesome;font-size:1.5rem;right:0;top:-0.6rem;}
.pdf_btn:hover{color:#00489d;}
/* #container */
#container{width:100%;margin:138px auto 0 auto; position:relative;}
.containerbg{background-image: linear-gradient(to bottom, #efefef, #fff); padding-bottom:2rem;}
/*.home_box{margin-top:0 !important;}*/
.content{width:100%;max-width:var(--window-max-width);margin:0 auto;}

/* tags_box */
.tags_box{width:100%;margin:1rem auto;color:#666;border-bottom:1px solid #ddd;padding-bottom:.5rem;}
.tags_box ul{display:flex;flex-wrap:wrap;}
.tags_box ul li{padding:0.3rem 0.8rem;font-size:1rem;position:relative;}
.tags_box ul li::before{position:absolute;content:"";right:0;top:.5rem;width:1px;height:50%;background-color:#ccc;}
.tags_box ul li:first-child::before{display:none;}
.tags_box ul li:first-child{padding-right:0}
.tags_title{color:#000;}
/* .item */
.item{width:100%;display:flex;flex-wrap:wrap;}
.item li{width:100%;position:relative;padding-right:1.5rem;line-height:1.65;}
.item li::before{position:absolute;content:"";right:.5rem;top:.6rem;width:5px;height:5px;background-color:#666;border-radius:50%;}
.item li p{font-size:1rem;}
.item2{display:flex;flex-wrap:wrap;margin-bottom:2rem;}
.item2 li{width:auto;margin-left:2%;background-color:#00489d;color:#fff;padding:.3rem 1rem;margin-bottom:.5rem;}
.proitem{padding:8px 0;float:none;width:auto;overflow:hidden;}
.proitem>li{width:100%;padding:0 0 0.7rem 1.5rem;position:relative;}
.proitem>li::before{position:absolute;content:"\f046";right:1px;top:.4rem;font-family:'fontawesome';color:#0a284c;font-size:.9rem;}
.sfont{font-size:1.2rem;}
/* etw_gallery */
.etw_gallery{position:relative;}
.etw_gallery ul{display:flex;flex-wrap:wrap;justify-content:center;position:relative;}
.etw_gallery ul li{margin:0 0 .5rem 2%;position:relative;}
.etw_gallery ul li img{mix-blend-mode:multiply;transition:all .5s;transform:scale(1);border:1px solid #eee;}
.etw_gallery1 ul li{width:100%;}
.etw_gallery2 ul li{width:49%;}
.etw_gallery3 ul li{width:32%;}
.etw_gallery4 ul li{width:23.5%;}
.etw_gallery5 ul li{width:18%;}
.etw_gallery6 ul li{width:14.66%;}
.etw_gallery2 ul li:nth-child(2n),.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(4n){margin-left:0;}
.etw_gallery ul li figure{width:100%;display:block;overflow:hidden;position:relative;margin-bottom:0;}
.etw_gallery ul li a .inquiry{display:block;color:#000;position:relative;display:inline-block;text-align:center;padding:1rem 1rem; text-decoration:none; font-style:italic; text-decoration:underline;}
.etw_gallery ul li a .inquiry:hover{text-decoration:none;color:#a0241c;}
.etw_gallery ul li p{margin-top:.5rem;font-size:1rem;color:#333;margin-bottom:0;text-align:center;line-height:1.35;}
.etw_gallery ul li span{line-height:1.25;color:#000;display:block;width:100%;font-size:.9rem;text-align:center; position:absolute; bottom:0; background:rgb(255,255,255,0.7); z-index:99;}
.etw_gallery ul li span strong{display:block;}
.etw_gallery ul li h5{font-size:1rem;color:#333;margin-top:1rem;margin-bottom:0;}
.etw_gallery ul li p{font-size:.9rem;text-align:right;color:#666;margin-top:0rem;}
.gallery_video_img{position:relative;}
.gallerytitle{ text-align:center; padding:1rem 0; margin-top:1rem;}
.gallerytitle p{line-height:3rem;}
.gallerytitle p strong{ font-size:2.0rem; color:#172C5F; }
.etw_gallery-min ul li{ max-height:240px; overflow:hidden;}
/* .left_pics */
.pro_bg{background-image:-webkit-gradient(linear,right top,left top,color-stop(0,#fff),color-stop(70%,#eee));background-image:linear-gradient(to left,#fff 0 30%,#eee 70% 100%);padding:2rem;padding-right:0;margin-bottom:2rem;}
.left_pro_img{position:relative;}
.left_pro_img a{position:relative;display:block;}
.left_pics{height:auto;margin:0 auto;text-align:center;position:relative;margin-bottom:1rem;order:1;width:100%;}
.left_pics img{text-align:center;mix-blend-mode:multiply}
.left_pics a{display:block;overflow:hidden}
.related_pic{width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center;background-color:#eee;padding:5px;padding-top:10px;}
.related_pic a{width:18%;margin-left:1%;}
.related_pic a:nth-child(5n){margin-left:0;}
.related_pic img{width:100%;height:auto;float:right;border:1px #eee solid;margin-bottom:5px;}
.related_pic img:hover,.related_pic a.imgdq img{border:1px #004680 solid;}
.related_pic span{font-size:0.7rem;line-height:0.9rem;display:block;text-align:center;color:#666;}
.left_pro_img .video_button{width:60px;height:60px;right:50%;}
/* siger_pro */
.bg_siger_pro{background-color:#f4f7fe;padding:1rem;margin-bottom:2rem;}
.siger_pro{margin-bottom:2rem;background-color:#fff;padding:1rem;border:1px solid #eee;}
.siger_pro_name{color:#000;font-size:1.5rem;font-weight:600;line-height:1.35;}
.pdf_button{font-size:1.6rem;color:#666;font-size:.9rem;margin-bottom:1rem;margin-top:1rem;display:inline-block;position:relative;padding-right:2.5rem;}
.pdf_button::before{content:"\f1c1";font-family:fontawesome;position:absolute;right:0;top:-1.5rem;color:#00489d;font-size:2rem;}
.siger_pro .item li{margin-bottom:.3rem;}

/*tags*/
#tags{width:100%;display:flex;margin-top:1rem;margin-bottom:2rem;}
.tags_title{float:right;margin-left:15px;color:rgb(255,255,255);font-size:1.25rem;text-align:center;padding:0 10px;background:rgb(68,67,73);border-radius:4px;}
#tags ul{width:100%;display:flex;}
#tags li{padding:7px 10px;border-radius:4px;margin:0 0 3px 5px;color:#777;display:inline-block;line-height:16px;font-size:12px;background:#eee;}
/*sitemap*/
#sitemap{width:100%;margin:20px auto;font-size:13px;}
#sitemap .name{width:100%;font-size:15px;margin:10px 0;clear:both;}
#sitemap a{color:#0f599b;width:100%;display:block;background:#eee;font-weight:600;line-height:24px;}
#sitemap a.sname{margin:5px 0;font-weight:400;width:100%;color:#333;text-decoration:underline !important;background:0 0;font-size:14px;}
#sitemap a:hover{text-decoration:underline !important;}
#sitemap a.sname:hover{color:#0f599b;text-decoration:none !important;}
#sitemap p{margin:0 0 10px;line-height:22px;}
#sitemap .list_m{width:100%;height:auto;margin:10px 0;overflow:hidden;}
#sitemap .list_m a{width:50%;display:block;float:right;color:#888;text-decoration:none;font-size:13px;line-height:18px;padding-left:3%;background:0;font-weight:400;margin-bottom:10px;}
#sitemap .list_m a:nth-child(2n + 1){clear:both;}
#sitemap .list_m a:hover{color:#0f599b;}
/* video */
/*video_hub*/
.video_btn{position:absolute;width:60px;height:60px;top:50%;right:50%;cursor:pointer;z-index:10;background:url(../images/video_btn.png) no-repeat center center;background-size:100% auto;border-radius:50%;transform:translate(-50%,-50%);transition:0.5s;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.video_btn:hover{opacity:0.7;}
.etwvideo_hub{position:relative;}
.etwvideo_hub ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub ul>li{width:49%;margin:0 0 1rem 2%;position:relative;border:1px solid transparent;transition:.3s all ease-in-out;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.etwvideo_hub ul>li:nth-child(2n){margin-left:0;}
.etwvideo_hub ul>li:nth-child(2n+1){clear:both;}
.etwvideo_hub ul>li:hover{border-color:#0f599b;}
.etwvideo_hub ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;background:#f0f0f0;padding:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.etwvideo_hub ul li ol li.product_img{width:40%;position:relative;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;}
.etwvideo_hub ul li ol li.product_img::after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:rgba(0 0 0 / 40%);}
.etwvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.etwvideo_hub ul li ol li.product_img .video_btn{width:45px;height:45px;}
.etwvideo_hub ul li ol li.product_con{width:60%;position:relative;padding:0 1rem 0 1.5rem;}
.etwvideo_hub ul li ol li.product_con a{display:block;font-size:1rem;line-height:1.2rem;color:#111;padding:0.5rem 1rem 0.5rem 0;font-weight:400;}
.etwvideo_hub ul li ol li.product_con a:hover{color:#0f599b;}
.etwvideo_hub1 ul>li{width:32.5%;}
.etwvideo_hub1 ul>li:nth-child(3n){margin-left:2%;}
.etwvideo_hub1 ul>li:nth-child(3n+1){clear:none;}
.etwvideo_hub1 ul>li:nth-child(2n){margin-left:0;}
.etwvideo_hub1 ul>li:nth-child(2n+1){clear:both;}
.other_video ul>li{border-radius:1rem;width:16%;}
.other_video ul li ol li.product_img:before{position:absolute;content:'';width:100%;height:100%;background:url(../images/linen_dark_alpha.png) no-repeat;right:0;top:0;z-index:1;}
.other_video ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;}
.other_video ul li ol li.product_img .video_btn2{width:60px;height:60px;}
@media (max-width:1580.98px){}
@media (max-width:1400.98px){}
@media (max-width:1300.98px){#etw_content,.etw_bottom,.content,.bg_color{padding-right:15px;padding-left:15px;}
}
@media (max-width:1299.98px){.top-nav{padding-right:0;}
.navbar-expand-lg .navbar-nav .nav-link{padding:1rem .5rem;}
.banner_txt h1{font-size:1.8rem;}
.banner_txt p{font-size:1.2rem;}
}
@media (max-width:1199.98px){
}
@media (max-width:1025.98px){#etw_logo img{width:90px;}
}

@media (max-width:991.98px){
#header{position:relative;min-height:inherit;display:block;padding-bottom:0;border-bottom:2px solid #0075c1;background-color:#fff;}
#container,#etw_content,.home_box{margin:0 auto;}
#header::before{height:2px;}
#quicknav ul,.tags_box,#etw_sidebar,.carousel-control-next,.carousel-control-prev,#header::before,.left_share,#quicknav{display:none;}

/* .etw_language */
.etw_language{background:none;width:auto;margin-top:1rem;}
.etw_language{display:block;float:left;height:auto;}
.etw_language > ul{position:relative;z-index:9;float:left;font-size:1rem;border-radius:8px;}
.etw_language > ul > li > a{display:block;color:#000;padding:0rem 1rem;}
.etw_language ul ul{display:none;position:absolute;top:100%;padding:0;background-color:#ffffff;min-width:100px;z-index:10;}
.etw_language ul ul a{display:block;text-align:right;float:right;padding:0.3rem 1rem;color:#333;}
#etw_language .dropdown-item{color:#333;padding:0.2rem 1.5rem 0 0;}
#etw_language .dropdown-item:hover{color:#8f99a5;}
.etw_language ul li:hover > ul{display:block;}
.etw_language .dropdown-item{min-width:100px;}
.etw_language #etw_language{float:none;margin-top:0;height:auto;border:1px solid #eee;overflow:hidden;}
.etw_language #etw_language a{line-height:1.5rem;width:100%;padding:0.1rem 0;text-align:center;padding-right:0;display:block;}
.etw_language #etw_language a:hover{color:#004680 !important;}
#etw_language .dropdown-item::before{display:none;}
#etw_language .dropdown-item img,#etw_logo h1{display:none;}

.banner_txt h1,.banner_txt p{display:none;}
.swiper-pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{padding:1rem 1.5rem;background-color:#eee;}
.etw_right{width:100%;}
.pro_banner_box2{display:none;}
.webtitle{font-size:1.6rem;}
.etw_hometitle{font-size:2rem;}
.page_title01{font-size:1.4rem;}
.inquiry_title{font-size:1.6rem;}
h2,.etw_hometitle{font-size:1.8rem;}
.pro_banner_box{margin-bottom:1.5rem;min-height:100px;padding:2rem 0;}
.pro_banner_txt .swidth p{display:none;}
.big_title a{font-size:1.6rem;}
.big_title::before,.big_title::after{display:none;}
.hub_pro_box .pro_des a strong{font-size:1.4rem;}
.pro_name strong{font-size:1.6rem;}
.pro_name h2{font-size:1.4rem;}
.etw_tabtitle .page_title,.etw_tabtitle span{width:100%;margin-bottom:1rem;}
.related_box .webtitle{font-size:1.6rem;}
.siger_pro_box strong{margin-bottom:1rem;display:block;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev{display:none;}
.etw_bottom{padding:1rem 0;}
}
@media (max-width:768.98px){.etw_gallery4 ul li{width:32%;}
.etw_gallery4 ul li:nth-child(4n){margin-left:2%;}
.etw_gallery4 ul li:nth-child(3n){margin-left:0;}
.etw_gallery5 ul li{width:32%;}
.etw_gallery5 ul li:nth-child(3n){margin-left:0;}
.pro_item_home .pro_des strong::after{display:none;}
.webtitle{margin-bottom:0rem;}
.more{margin-bottom:2rem;}
.about_des{padding-right:0;}
.about_box{padding:2rem 0;}
.etwvideo_hub ul>li{width:100%;margin-left:0%;}
body{font-size:1rem;}
.history_img{margin-bottom:1rem;}
.history_des strong{font-size:1.6rem;}
.brief_img{min-height:40vh;}
.video_button{width:60px;height:60px;}
.brief_des{padding:1rem;}
.other_inner .pro_des{height:140px;}
.process_img img{padding:0;}
.pro_list li{width:49%;margin-left:2%;}
.pro_list li img{width:100%;display:block;}
.pro_list li:nth-of-type(2n){margin-left:0%;}
.left_pics img{width:100%;display:block;}
.other_inner2 .pro_item,.app_01 a .pro_list li{width:49%;margin-left:2%;margin-bottom:1rem;}
.other_inner2 .pro_item:nth-of-type(2n),.app_01 a .pro_list li:nth-of-type(2n){margin-left:0%;}
.nav-tabs-list-productionline li{width:100%;margin-left:0%;}
.app_05 a{padding:1rem;}
.app_banner_box{min-height:150px;}
.pro_banner_txt .etw_hometitle,.pro_banner_txt h2{margin-bottom:0;padding-bottom:0;}
.pro_img img{width:100%;display:block;}
.inquiry_btn{margin-bottom:0.5rem;}
.owl-theme .owl-dots .owl-dot span{margin:2px 3px !important;}
.feedback_box,.related_box{padding:1rem;}
}
@media (max-width:650.98px){html{font-size:14px;}
.etw_gallery3 ul li,.etw_gallery4 ul li{width:48%;}
.etw_gallery3 ul li:nth-child(3n),.etw_gallery4 ul li:nth-child(3n){margin-left:2%;}
.etw_gallery3 ul li:nth-child(2n),.etw_gallery4 ul li:nth-child(4n){margin-left:0;}
.etw_gallery5 ul li{width:49%;}
.etw_gallery5 ul li:nth-child(3n){margin-left:2%;}
.etw_gallery5 ul li:nth-child(2n){margin-left:0;}
}
@media (max-width:575.98px){h2,.etw_hometitle{font-size:1.8rem;}
.etw_gallery6 ul li{width:32%;}
.etw_gallery6 ul li:nth-child(3n){margin-left:0;}
.etwvideo_hub ul li ol li.product_img,.etwvideo_hub ul li ol li.product_con{width:100%;text-align:center;}
}
@media (max-width:480.98px){#etw_video_list ul li,.related_pro ul li{width:100%;margin-left:0 !important;}
	.etw_gallery3 ul li,.etw_gallery2 ul li,.etw_gallery4 ul li{width:100%;margin-left:0;}
}
.etw_products,.etw_products ul{width:100%}
.etw_products>ul{width:100%;display:flex;flex-wrap:wrap}
.etw_products>ul>li{  width: 100%;  transition: .3s all ease-in-out;  position: relative;  display: flex;  margin: 0 0 2rem;  flex-wrap: wrap;  align-items: center;  padding: 3rem;  background: #f5f5f5;box-shadow: 0 12px 18px 0 rgba(25,42,70,.23);}
.etw_products ul li ol,.etw_products ul li ol li{width:100%}
.etw_products ul li ol{display:flex;flex-wrap:wrap;width:100%;}
.etw_products ul li ol li.product_img{width:25%;float:right;position:relative;}
.etw_products ul li ol li.product_img a{  width: 90%;  display: block;  overflow: hidden;  position: relative;  padding:0.3rem;  background: #fff;}


.etw_products ul li ol li.product_img img{width:100%;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.etw_products ul li ol li.product_con{  width: 60%;  float: left;  padding: 0 1rem;  text-align: right;}
.etw_products ul li ol li.product_con a{  font-size: 1.6rem;  font-weight: 700;  color: #333;  padding:0.5rem 0;  display: block;  line-height: 2.2rem;  text-transform: uppercase;  letter-spacing: 0.05rem;}
.etw_products ul li ol li.product_con span{  display: block;  font-size: 1.0rem;  line-height: 1.7rem;  color: #333; font-weight: 200;}
.etw_products ul li ol li.product_con a.more{padding:0.5rem 1.5rem;color:#333;box-shadow:none;border-width:2px;border-style:solid;border-color:rgba(25,25,25,.1);font-size:0.9rem;font-weight:400;display:inline-block;margin:1rem 0;line-height:0.9rem;}
.etw_products ul>li ol li.product_con a:hover{color:#df5525}
.etw_products ul>li ol li.product_con a.more:hover{background-image:linear-gradient(135deg,#111,#df5525);color:#fff;border-color:#f8f8f8;}

.etw_products ul>li ol li.product_more{width: 15%;min-width: 130px;display: flex;flex-wrap: wrap;align-items: center;}
.etw_products ul>li ol li.product_more a{  width:100%;  background: #0062b2;  color: #fff;  text-align: center;  padding: 0.8rem 0;  display: block;  margin: 0 auto;  font-size: 1.0rem;line-height: 1.1rem;text-transform: uppercase;border-radius: 2rem;}
.etw_products ul>li ol li.product_more a:hover{color:#ff6b0f;}
.etw_products1>ul>li{ padding:2rem;}
.etw_products1 ul li ol li.product_con{width:70%;padding: 0 1rem;}
.etw_products1 ul li ol li.product_img{width:30%;}
.etw_products1 ul li ol li.product_con span{font-size:1.0rem;}
.etw_products1 ul li ol li.product_con a{font-size:1.0rem; text-transform:none; line-height:1.3rem;}
.etw_products1 ul>li ol li .product_more{width: 15%;display: block;align-items:left; margin:1rem 0 0 3rem; float:left;}
.etw_products1 ul>li ol li .product_more a{  width:100%;  background: #0068bc;  color: #fff;  text-align: center;  padding: 0.5rem 0;  display: block;  margin: 0 auto;  font-size: 1.1rem;line-height: 1.1rem;text-transform: uppercase;border-radius: 1rem;}
.etw_smallproducts>ul>li{ width:47%; margin-left:3%; padding:1rem;}
.etw_smallproducts ul li ol li.product_con{  width:70%;padding: 0 1rem;}
.etw_smallproducts ul li ol li.product_img{width:30%; margin-top:0.5rem;}
.etw_smallproducts ul li ol li.product_con a{ font-size:1.0rem; text-transform:inherit; padding:0 0 0.5rem 0;line-height:1.3rem;letter-spacing:0rem;}
.etw_smallproducts>ul>li.dq,.etw_smallproducts>ul>li:hover{ background:#e1e1e1;}
.etw_smallproducts ul li ol li.product_con span{font-size:0.9rem; line-height:1.5rem;}
.etw_smallproducts ul>li ol li a.product_more{width:100%;max-width:130px;background: #0062b2; color: #fff;text-align:center;padding: 0.6rem 0; margin-top:1rem;display: block; float:left; font-weight:500;font-size: 1.0rem;line-height: 1.1rem;border-radius: 2rem;}

.etw_products2>ul>li{ width:30.3%; margin:80px 1.2% 1rem 1.2%; display:block; padding:0.8rem;}
.etw_products2>ul>li:hover{ background:#ddd;}
.etw_products2 ul li ol{ display:block;}
.etw_products2 ul li ol li.product_img{width:100%; float:none; display:block;position:relative; right:0; top:0;}
.etw_products2 ul li ol li.product_img a{ position:absolute; width:120px; height:120px;text-align: center;border-radius: 100%;display:block;font-size: 45px;color: #ffffff; display:block; right:34%;top:-75px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.etw_products2 ul li ol li.product_img a:hover img{transform: scaleX(-1);}
.etw_products2 ul li ol li.product_con{ width:100%; float:none; padding:45px 1rem 0rem 1rem; text-align:center;}
.etw_products2 ul li ol li.product_con a{ font-size:1.0rem; line-height: 1.3rem; min-height: 50px; text-transform:inherit; padding:0.5rem 0 0 0;letter-spacing:0rem;}
.etw_products2 ul li ol li.product_con span{font-size:1.0rem; line-height:1.5rem;}
.etw_products2 ul>li ol li.product_more{width:auto;max-width:130px; display:block; margin:1rem auto;}
.etw_products2 ul>li ol li.product_more a{ text-transform:inherit; font-size:1.0rem;}

/* .timeline */
.timeline{list-style:none;position:relative;margin:0 auto;overflow:hidden;}
.timeline:after{content:"";position:absolute;top:0;right:50%;margin-right:-2px;background-color:rgba(0,0,0,0.2);height:100%;width:2px;border-radius:2px;display:block;}
.timeline .timeline-row{padding-right:50%;position:relative;z-index:2;}
.timeline .timeline-row .timeline-time{position:absolute;left:50%;top:0;text-align:left;font-size:4rem;line-height:1.3;color:#000;padding-left:8rem;}
.timeline .timeline-row .timeline-time::before{position:absolute;content:"";left:0;top:34px;background-color:#ccc;width:120px;height:2px;}
.timeline .timeline-row .timeline-time small{display:block;color:white;text-transform:uppercase;opacity:0.75;font-size:11px;font-weight:400;}
.timeline .timeline-row .timeline-icon{position:absolute;top:30px;right:50%;margin-right:-6px;width:10px;height:10px;border-radius:50%;background-color:#0d1632;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,0.1);overflow:hidden;padding:3px;color:white;font-size:14px;z-index:100;}
.timeline .timeline-row .timeline-icon > div{border-radius:50%;line-height:34px;font-size:16px;}
.timeline .timeline-row .timeline-content{margin-right:40px;position:relative;color:#333333;}
.timeline .timeline-row .timeline-content:after{content:"";position:absolute;top:34px;right:-41px;height:2px;width:40px;background-color:rgba(0,0,0,0.2);z-index:-1;}
.timeline .timeline-row .timeline-content .panel-body{padding:23px 0 2px 15px;position:relative;z-index:10;}
.timeline .timeline-row:nth-child(2n) .timeline-content .panel-body{padding:23px 0 2px 15px;}
.timeline .timeline-row .timeline-content h2{font-size:22px;margin-bottom:12px;margin-top:0;line-height:1.2;}
.timeline .timeline-row .timeline-content p{margin-bottom:15px;}
.timeline .timeline-row .timeline-content img{margin-bottom:15px;}
.timeline .timeline-row{margin-bottom:4rem;}
.timeline .timeline-row:nth-child(odd) .timeline-time{color:#0d1632;}
.timeline .timeline-row:nth-child(odd) .timeline-time::before{position:absolute;content:"";left:inherit;right:0;top:34px;background-color:#ccc;width:120px;height:2px;}
.timeline .timeline-row:nth-child(odd){padding-right:0;padding-left:50%;}
.timeline .timeline-row:nth-child(odd) .timeline-time{left:auto;right:50%;text-align:right;margin-left:0;margin-right:0;padding-right:8rem;}
.timeline .timeline-row:nth-child(odd) .timeline-content{margin-left:40px;margin-right:0;}
.timeline .timeline-row:nth-child(odd) .timeline-content:after{right:auto;left:-41px;}
.timeline.animated .timeline-row .timeline-content{opacity:0;right:20px;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;}
.timeline.animated .timeline-row:nth-child(odd) .timeline-content{right:-20px;}
.timeline.animated .timeline-row.active .timeline-content{opacity:1;right:0;}
.timeline.animated .timeline-row.active:nth-child(odd) .timeline-content{right:0;}

.etw_shadowpic{width:100%;position:relative;}
.etw_shadowpic ul{display:flex;flex-flow:wrap;position:relative;}
.etw_shadowpic ul li{position:relative; padding:1rem;}
.etw_shadowpic ul li a{display:block;overflow:hidden;width:100%;border:4px solid #fff;box-shadow:1px 3px 8px rgba(0 0 0 / 10%);}
.etw_shadowpic ul li a:before{bottom:0;content:"";right:50%;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;left:51%;top:0;background:rgba(255,255,255,.1) none repeat scroll 0 0;}
.etw_shadowpic ul li a:after{bottom:50%;content:"";right:0;opacity:1;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;position:absolute;left:0;top:50%;background:rgba(255,255,255,.1) none repeat scroll 0 0;}
.etw_shadowpic ul li a:hover:before,.etw_shadowpic ul li a:hover:after{right:0;left:0;top:0;bottom:0;transition:all 500ms ease-in-out 0s;-webkit-transition:all 500ms ease-in-out 0s;-moz-transition:all 500ms ease-in-out 0s;-o-transition:all 500ms ease-in-out 0s;-ms-transition:all 500ms ease-in-out 0s;}
.etw_shadowpic ul li span{display:block;text-align:center;font-size:1rem;line-height:1.2rem;font-weight:300;clear:both;margin:0.6rem 0;color:#333;}
.etw_shadowpic ul li img{transition:.3s all ease-in-out}
.etw_shadowpic ul li a:hover img{transform:none;}
.etw_pic1 ul li{width:auto; display:block; margin:0 auto;}
.etw_pic2 ul li{width:50%;}
.etw_pic3 ul li{width:33.333%;}
.etw_pic4 ul li{width:25%;}
.w_50{ width:50%; margin:0 auto; padding-bottom:1.2rem;}
.ys{ font-size:1.2rem; line-height:2rem; color:#136eb6;}
.txt ul li{float: none;padding:0.6rem 0 1.8rem 0;width: 100%;position: relative;text-align: right;}
.txt ul li span{position: absolute;right: 6px;top:0.6rem;color:#136eb6; font-weight:bold;}

.sendinquiry{cursor:pointer;text-align:center;position:relative;z-index:1; width:100%;}
.sendinquiry span,.sendinquiry a{color: #fff;padding: 0.8rem 1.5rem;font-size: 0.8rem;line-height: 0.8rem;text-align: center;  display: inline-block;  margin: 0.5rem 0 1rem 0;  min-width: 100px;  position: relative;  overflow: hidden;  font-weight: 300;  z-index: 1;  transition: .5s all ease-in-out;  text-transform: uppercase;  border-radius: 5px;  background: #467295;  letter-spacing: 0.05rem;}
.sendinquiry i{padding-left:.3rem;font-size:1rem}
.sendinquiry a:hover,.sendinquiry span:hover{background:#09244f;}

.right_pics{ float:left;width:45%; max-width: 500px; margin:0 2rem 0 0; border-radius: 5px ; overflow: hidden;}
.right_pic{ background:#ebeff5; width:100%;}
.right_pic_active{ background:#f4f5f6; }
.right_pic .header ul{
	margin: 0;
    padding: 0px 20px;
    height: 39px;
    list-style: none;
    background: #cfd5e1;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
    align-items: center;
}
.right_pic .header ul li{ height:100%; display:flex; flex-direction: row; justify-content:flex-start; align-items: center; width:50%;}
.right_pic .header ul li label,.right_pic .header ul li span{ display:inline-block; padding:0; margin:0; }
.right_pic .header ul li span{ font-weight:bold;  margin-left: 5px;}
.right_pic .nopro{ border-radius: 5px; text-align:center;  padding:3rem 1rem; font-size:1.2rem; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.right_pic  .inquirybtn{transition:.3s box-shadow ease-in-out;border-radius: 2px; height:40px; font-size:16px; display: flex; flex-direction: row; justify-content: center; align-items: center; background: #94a7cc; width: 80px; margin: 0 auto;}
.right_pic  .inquirybtn .send_inquiry{color:#fff; font-size: 1rem;direction: rtl;}
.right_pic  .inquirybtn:hover{ box-shadow:1px 1px 11px 2px rgb(106 136 184 / 56%); transition:.3s box-shadow ease-in-out; }
.nopro .gotolinks,.nopro span{text-transform:uppercase; display:block;font-size:2rem; font-weight:bold; width: 100%; color: var(--font-blue);}
.right_pic .proitem{ display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; position:relative; }
.right_pic .proitem .captions{ font-size:16px; text-align: right; line-height: 20px; border-bottom: 1px solid #cfd5e1; padding-bottom: 5px;}
.right_pic .proitem .eachitem{ width:100%; font-size:14px; font-family:sans-serif; line-height:25px; border-bottom:1px solid #cfd5e1;transition:.3s background ease-in-out; padding:0 5px; }
.right_pic .proitem .eachitem:hover{ background:#fff; transition:.3s background ease-in-out; }
.right_pic .proitem .eachitem .label{ width:110px; text-align:right; }
.right_pic .proitem .eachitem .label:after{ content:":" }
.right_pic .proitem .eachitem .val{ text-align:right; width: 65%;}
.right_pic .header ul li.lablespace label{ padding-left:5px;}
.right_pic .header ul li.lablespace1 label{ padding-left:15px;}

.pro_name{ width:60%; float:right;}
.etw_right h2{ display:block; font-size:2rem;}
h2 span{display: block;font-size: 1.25rem;}
.nocol{ background:none; padding:0;}
/*public class*/
.flex_row_start{ display:flex; flex-direction:row; justify-content:flex-start; align-items:center;  }
.w_45{ width:45%; }
.w_30{ width:30%; }
.w_90{ width:98%; }
.f_left{ float:right; }
.bg_transparent{ background:transparent; }
/*public class*/
.production-process{ width:100%; display:block; padding:2rem 0 0 0; margin:1rem 0 2rem 0;}
.production-process .etw_hometitle1{width:28%; margin:0 auto 1rem auto; text-align:center; border-bottom:1px solid #333;}
.production-process .etw_hometitle1 span{ display:block;border-bottom:1px solid #333; padding-bottom:10px;color:#0b3c96;}
.production-process  li{ display:inline-block;width:16.6%; float:right; margin:1rem 0;}
.production-process  li span{
border: 5px solid #001f58;
 background:#eee;
    display: flex;
    color: #032157;text-shadow: 0 0px 1px #fff;
    min-height:130px;
    width: 70%; padding:10px;
    float: right;
    border-radius: 10rem;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    }
.production-process  li i.arrow{width:30%; height:80px;background:url(../images/arrow.png) no-repeat center 15px; background-size:60%; display:inline-block; padding:1px 1rem;float:right; margin-top:40px;}
.production-process ul.arrow_left li span{ float:left;}
.production-process ul.arrow_left li i.arrow{ float:right;}

/*for products page*/

.allpro{ display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; max-width:var(--window-max-width); width:100%; background:transparent; margin:30px 0; }
.allpro .item{ width:47%; position:relative; margin:30px 0; }
.allpro .item:hover .inside{ box-shadow:0 0 25px rgb(0 0 0 / 10%); }
.allpro .item .inside{ width:90%; background:#dfe9f8; 
  padding-left: 30%;  padding-top: 43px;  padding-right: 30px;  padding-bottom: 60px;   min-height: 300px;   border-radius: 5px;transition: box-shadow .3s ease-in-out;}
.allpro .right_pic .proitem{ margin-top: 20px;}
.allpro .item .inside .headline{font-weight: bold;    font-size: 18px;    line-height: 1.15rem;    letter-spacing: 0.025em;    color: #00223e;    text-transform: uppercase;    margin: 0;display: block; min-height: 49.5px;
  }
.allpro .item .inside .image-container{position: absolute;top:-5%;left:-8%;display: inline-block;width: 250px;height: 250px;border-radius: 100%;border: 1px solid #80acd3;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;transition: border .3s ease-in-out;}
.allpro .item .inside:hover .image-container{border: 2px solid #80acd3;	transition: border .3s ease-in-out;}
.allpro .item .inside .image-container figure .line{display: block;width: 90%;height: 1px;background-color: #80acd3;position: absolute;right: 0;top: 46%;-moz-transform: translate(100%, -50%);-webkit-transform: translate(100%, -50%);-o-transform: translate(100%, -50%);-ms-transform: translate(100%, -50%);transform: translate(100%, -50%);}
.allpro .item .inside .image-container figure .line::before{
      content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #80acd3;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
    .allpro .item .inside .image-container figure img {
    display: block;
    width: 88%;
    height: 88%;
    position: absolute;
        top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -o-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -moz-object-position: center center;
    -webkit-object-position: center center;
    -o-object-position: center center;
    -ms-object-position: center center;
    object-position: center center;
    font-family: "object-fit:cover; object-position:center center;";
    transition: box-shadow .3s ease-in-out;
}
.allpro .item .inside:hover .image-container figure img {
	box-shadow:0 0 25px rgb(0 0 0 / 10%);
	transition: box-shadow .3s ease-in-out;
}
.allpro .item .inside .image-container figure img:hover {
	box-shadow:0 0 25px rgb(0 0 0 / 40%);
	transition: box-shadow .3s ease-in-out;
}
.allpro .item .inside .text {
    font-family: sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.38888889;
    color: #002a4d;
    width: 100%;
    max-height: 201px;
    text-overflow:ellipsis;
    overflow: hidden;
}

.allpro .item .inside .link {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.16666667;
    color: #00223e;
    padding-bottom: 5px;
    text-decoration: none;
    position: relative;
    line-height: normal;
    padding-bottom: 2px;
    margin-top: 30px;
}

.allpro .item .inside .link::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    right: 0;
    background-color: #00223e;
    visibility: visible;
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.allpro .item .inside .link:hover::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    right: 0;
    background-color: #00223e;
    visibility: visible;
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
/*for products page*/
/*for footer applications*/
.footerapplications{
	width: 100%;
	margin: 50px 0;
	background:url(../images/Metal-Background-rs.jpg) bottom left; background-size:100%;
}
.footerapplications .content{
	max-width: 80%;
	padding: 50px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.footerapplications .content .item{ width:48%; display:flex; flex-direction:row; justify-content:space-between; align-items:center; padding:10px 10px; min-height: 210px;}

.footerapplications .content .itemadd{
	background: rgba(1,33,63,0.3);
}
.footerapplications .content .item_2{
	background: rgba(1,33,63,0.5);
}
.footerapplications .content .item figure {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #7eabd5;
    border-radius: 100%;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
.footerapplications .content .item figure .svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    z-index: 2;
    border-radius: 50%;
}
.footerapplications .content .item .text {
    white-space: normal;
    word-break: break-word;
    max-width: 80%;
}

.footerapplications .content .item .text strong {
    display: block;
    
    font-weight: bold;
    font-size: 24px;
    line-height: 1.16666667;
    letter-spacing: 0.025em;
    color: #fff;
    text-shadow: 0 0 15px rgba(255,255,255,0.52);
    margin: 0;
}
.footerapplications .content .item .text strong i{ display:block; font-style:inherit;font-size: 1.2rem;font-weight: 400;color: #ddd;}
.footerapplications .content .item .text span {
    display: block;
    font-family:sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.38461538;
    margin-top: 10px;
    color: #fff;
    text-overflow: ellipsis;
}
.footerapplications .content .captions{
	font-weight: bold; 
	font-size: 30px;
     line-height: 32px;
	text-align: center;
	padding: 10px 0 20px 0;
	width: 100%;
	color: #00223e;
}
/*for footer applications*/
/*for hub pages start*/
.hubpagepro{ width:100%; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; padding-bottom:30px; }
.hubpagepro .item{ width:48%; position:relative; border-radius:5px; margin-top:50px; }
.hubpagepro .item .img{ width:100%; right:0; top:0; border-radius:5px; }
.hubpagepro .item .text-container {
        position: absolute;
    z-index: 2;
    background-color: rgba(255,255,255,0.8);
    padding: 20px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #00223e;
    border-radius: 5px;
    right: 0;
    bottom: 0px;
    width: 100%;
}
.hubpagepro .item .text-container .memo {
    display: block;
    
    font-weight: normal;
    font-size: 13px;
    line-height: 1.38461538;
    margin: 0;
    padding: 0;
}
.hubpagepro .item .text-container .name{ 
    font-weight: bold;
    color: #00223e;
}
.hubpagepro .item .text-container .readmore_container {
    margin: 18px 0 0 0;
}
.hubpagepro .item .text-container .readmore_container a {
    display: inline-block;
    color: #00223e;
    
    font-weight: normal;
    font-size: 13px;
    line-height: 1.07692308;
    padding-bottom: 5px;
    text-decoration: none;
    position: relative;
    line-height: normal;
}
.hubpagepro .item .text-container .readmore_container a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    right: 0;
    background-color: #00223e;
    visibility: visible;
    -moz-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.hubpagepro .item .text-container .readmore_container a:hover:after {
    visibility: hidden;
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
/*for hub pages stop*/

/*for company overview*/
.banner_overview{
	min-height: 300px;
    padding: 3rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.banner_overview .img{
	width: 100%;
	height: 100%;
	background-image: url("/images/company.jpg");
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: -200px;
	filter: brightness(25%);
	background-size: 100% auto;
	position: absolute;
	right: 0;
}
/*for company overview*/
.relatedpro{width:100%;position:relative; max-width:1200px; margin:0 auto;direction: ltr;}
.relatedpro .other_item{ width:100%; padding-right:10px;}
.relatedpro .w_30{ width:100%;}
.relatedpro .right_pics{ width:100%; margin:0}
.owl-carousel .owl-nav span{ display:block;color:#ccc;}
.relatedpro .other_item .right_pic .nopro{ padding:2rem 1rem 1rem 1rem;font-size:1.0rem;direction: rtl;}
.relatedpro .other_item .right_pic .nopro .gotolinks,.relatedpro .other_item .right_pic .nopro span{ font-size:1.6rem;}
.other_bottom{ text-align:center;padding:1rem 0;}
.right_pic .other_bottom .inquirybtn{ display:block; line-height:40px; text-transform:uppercase; font-weight:bolder;border-top:1px solid #fff;border-right:1px solid #fff;}
.right_pic .other_bottom .m-2{margin:0 auto!important;margin:0 auto;}

@media (max-width:1920px){
.gallery_title a{bottom:45%;}
}
@media (max-width:1750.98px){
.gallery-wrap{ max-height:450px; }
}
@media (max-width:1520.98px){
.footerapplications .content{max-width:94%; }
.footerapplications .content .item .text{width: 75%;}
.footerapplications .content .item{ height:260px; }
.gallery-wrap{ max-height:400px; }
}
@media (max-width:1199.98px){
    .allpro .item{width:93%;}
    .allpro .item .inside .image-container figure .line{ width:260%;  top: 44%;}
.footerapplications .content .item .text{width: 70%;}
.footerapplications .content .item{ height:310px; }
.addinfo .memo{height:152px;}
.app_list li{width:30%; margin-bottom: 1rem;}
.app_list1 li{width:23%;}
.app_list{ padding-bottom:0; }
.etw_products ul li ol li.product_con{width:55%;}
.gallery-wrap{ max-height:350px; }
.gallery_item:hover .gallery_title a{bottom: 30%;}
.etw_products2 ul li ol li.product_con{ width:100%; }
}
@media (max-width: 1110px){
.gallery_title a{bottom:70%;}
}
@media (max-width:991.98px){
	.other_pro ul>li{width:24%;}
	.about_list .col-2{-ms-flex: 0 0 21%;
    flex: 21%;
    max-width: 21%;}
	.about_list .col-10{-ms-flex: 0 0 79%;
    flex: 79%;
    max-width: 79%;}
    .allpro .item .inside .image-container figure .line{width:200%;}
    .feedback_box{ margin-bottom:0; }
    #etw_logo{margin:1rem;}
    #etw_logo img {width: 90px;}
    .app_box3,.other_pro5 .protitle2 strong:after{ display:none; }
.pro_banner_txt_app{padding:3rem 1rem 3rem 30%;}
.production-process li{width:32%;}
.more_caption{ margin-top:0rem;}
.containerbg{padding-bottom: 0;}
.gallery-wrap{ max-height:300px; }
.gallery_title a{bottom:80%;}
.app_list1 li{width:48%;}
.more_brief{ display:block; padding-bottom: 0;}
.more_brief .img{ max-width:100%; float: none;  margin: 0 auto; display: block; }
.more_brief .txt,.case_box{ padding:1rem 0; }
.footerapplications{ margin-bottom: 30px;}
.mb-4{margin-bottom:0.5rem !important;}
.etw_products_box .nav-tabs li{width:50%; border-bottom: 1px solid #fff;}
.about_list .col-md-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width:100%;}
.about_list .imggallery .col-md-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width:50%;}
.etw_products2 ul li ol li.product_con span{ display: none;}
}
@media (max-width:900.98px){
.gallery_title a{bottom:70%;}
}
@media (max-width:830.98px){
    .allpro .item .inside .image-container figure .line{width:160%;}
.footerapplications .content .item .text{width: 65%;}
.footerapplications .content .item{ height:350px; }
.pro_banner_txt_app{padding:3rem 1rem 3rem 40%;}
.etw_products ul li ol li.product_con{width:70%;}
.gallery_title a{bottom:65%;}
.app_box2 .webtitle,.protitle2{ width: 95%; margin: 0 auto;}
.other_pro5 .memo .des{ width: 95%; margin: 0 auto 1rem auto;}
}
@media (max-width:767.98px){
	.bottom_logo{ display:none; }
	#footer{padding:2rem 0 0rem 0;}
	.imggallery .imgborders{ margin:1rem 0; }
	.other_pro5 .protitle2 strong:after{ display:none; }
	.about_list .col-2{-ms-flex: 0 0 16%;flex: 16%;max-width: 16%;}
	.about_list .col-10{-ms-flex: 0 0 84%;flex: 84%;max-width: 84%;}
.timeline .timeline-row:nth-child(odd),.timeline .timeline-row{padding-left:0%;padding-right:0%;}
.timeline .timeline-row:nth-child(odd) .timeline-time,.timeline .timeline-row .timeline-time,.timeline .timeline-row .timeline-content{right:0%; left:0%;padding:0rem;position: inherit; text-align:right; margin:0;}
.timeline .timeline-row:nth-child(odd) .timeline-time::before,.timeline .timeline-row .timeline-icon,.timeline .timeline-row:nth-child(odd) .timeline-content:after,.timeline .timeline-row .timeline-time::before,.timeline .timeline-row .timeline-content:after,.timeline:after{ display: none;}
.timeline .timeline-row .timeline-content .panel-body,.timeline .timeline-row:nth-child(2n) .timeline-content .panel-body{padding:0;}
.timeline .timeline-row{margin-bottom:1rem;}
.allpro{display:block;width:94%; margin: 30px auto;}
.allpro .item{width:100%; margin: 0; display:block;}
.allpro .item .inside .image-container figure .line,.allpro .item .inside .text{ display: none;}
.allpro .item .inside {padding-left: 35%; margin-bottom:3rem;min-height:200px;}
.allpro .item .inside .image-container{width:200px; height: 200px;left: 0%;}
.hubpagepro .item{width:98%;}
.footerapplications .content .item{width:98%;height:auto; margin:1px;}
.footerapplications .content .item .text{width:85%;}
.etw_products2>ul>li{width:47%;}
.other_pro ul>li{width:48%;}
.pro_banner_txt_app{padding:2rem 1rem;}
.pro_banner_box_app{ background: #0066b1;}
.more_brief .img{border-radius:0;box-shadow:none;}
.etw_products ul li ol li.product_img,.etw_products ul li ol li.product_con{ width:100%; margin-bottom:1rem; }
.etw_products_box .nav-tabs li{ width:100%; }
.etw_products_box .nav-tabs li a{border-bottom: 1px solid #fff;}
.right_pics{ width:100%; max-width: 500px; float:none; margin:0 auto 2rem auto;}
.case_img a strong,.case_img:hover a strong{ width: 100%;}
.gallery-wrap,.casebox .case_img a span,.etw_smallproducts ul li ol li.product_con span{ display:none; }
.mt-5{margin-top:0.5rem !important;}
}
@media (max-width:575.98px){
.footerapplications .content .item{ display:block; padding: 1rem;}
.footerapplications .content .item figure{ margin:0 auto; }
.footerapplications .content .item .text{width:100%; margin-top:1rem;}
.etw_set_feedback_form{ display:block; }
.etw_set_feedback_form .inquirypic{ display: none;}
#floatchatiframe2011 iframe{width:100%;}
.etw_products2>ul>li{width:100%;}
.app_list li{width:47%;}
.etw_pic3 ul li{width:100%;}
.hr{ display:none; }
}
@media (max-width:480.98px){
.allpro .item .inside{min-height:160px; padding-top:30px;padding-bottom:30px;}
.allpro .item .inside .image-container{width:160px; height:160px;}
.allpro .item .inside .link{ margin-top:1rem; }
.etw_smallproducts > ul > li{ width: 100%; margin: 0;}
}
#layui-layer1{background:url(../../images/exhibition.jpg) no-repeat;}
 /*2024-7-2*/
 .right_pics01{margin-left: 2%;}
.table-responsive01{width: 52%;float: left;}
.table-responsive1 tr:nth-child(1) td{background: #eee!important;color: #333!important;}
.table-responsive1 tr:nth-child(2) td{background: #fff!important;}
@media (max-width:767.98px){
	.right_pics01{margin-left: 0;}
	.table-responsive01{width: 100%;}
}
 /* .exhibition */
 .exhibitioninfo{width:360px;height:220px;overflow-x:hidden;overflow-y:auto;position:fixed;right:0px;top:25%;z-index:9999;box-shadow:0 1rem 3rem rgba(0,0,0,0.575);background:#194966; border-radius: 20px 0 0 20px; display: none;}
 .exhibitioninfo ul, .exhibitioninfo li{ margin-bottom:0;}
 .exhibitioninfo .exh_box{position:relative; width:100%;}
 .exhibitioninfo .exh_text{position:absolute;top:3rem;left:1rem;right: 1rem; margin:0 auto;width:93%;}
 .exhibitioninfo .exh_title1{float:left;margin-bottom:6px;color:#fff;display:block;clear:both; font-size: 1.3rem; font-weight: 600;padding: 1rem;  }
 .exhibitioninfo .exh_close a{color:#fff;font-weight:400;text-align:left;display:block;font-size:1.82rem;transition:.3s all ease-in-out;}
 .exhibitioninfo .exh_close a:hover{text-decoration:none;color:#f97918; }
 .exhibitioninfo .exh_close{width:20px;height:auto;position:absolute;right:6px;top:4px;}
 .exhibitioninfo .exh-btn-more{background-image:linear-gradient(to right,#eee,#ccc);color:#333;padding:5px;font-size:14px;font-style:italic;font-weight:600;}
 .exhibitioninfo .exh_item{ display: flex; margin-bottom: 5px; background-color: #fff; padding: .5rem; align-items: center;}
 .exhibitioninfo .exh_item img{width: 80px; height: 100%; padding: 5px;}
 .exhibitioninfo .exh_item strong{font-size: 1rem; }
 .exhibitioninfo .exh_item .exh_des{padding-left: 1rem; height: 100%;}
 .exhibitioninfo .exh_more{width: 120px; height: 42px; display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: #ccd6d9; color: #003644; font-size: .9rem; margin-top: 1rem; }
 @media (max-width:991.98px){.exhibitioninfo{display:none;}
 }

 /* 2025-04-06 */
.nav-tabs-list li a{font-size: 0.9rem;padding: 0.5rem 1.5rem;}
/* ul.item */
ul.top_item{display: inline;}
.right_pics{position: relative;z-index: 1;}
@media (max-width:1099.98px){.nav-tabs-list li a{padding: 0.5rem 1rem;}
}
/* 2025-05-26 */
.pro_newvideo li{ position: relative;}
.pro_video_icon{width:50px;height:50px;background-color:rgba(0,179,255,.88);position:absolute;top:50%;left:48%;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .5s;cursor:pointer;z-index:1;padding-left:.5rem;}
.pro_video_icon::before{position:absolute;content:"\f0da";font-family:fontawesome;color:#fff;font-size:2.5rem;transition:all .5s;padding-top: 2px;}
.pro_video_icon:hover{background-color:rgba(255,203,17,0.55);}
.pro_video_icon:hover::before{color:#fff;}