@charset "utf-8";@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font/fontawesome-webfont.woff) format("woff"),url(../font/fontawesome-webfont.ttf) format("truetype")}
@font-face{font-family:'Roboto';font-style:normal;font-weight:200;src:local('Roboto Light'),local('Roboto-Light'),url(../font/Roboto-Light.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto'),local('Roboto-Regular'),url(../font/Roboto-Regular.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto Medium'),local('Roboto-Medium'),url(../font/Roboto-Medium.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:600;src:local('Roboto Bold'),local('Roboto-Bold'),url(../font/Roboto-Bold.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../font/Roboto-Black.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'iconfont';src:url('../font/iconfont.ttf?t=1622274305876') format('truetype');}
/*basic*/
img,object{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
*{margin:0;padding:0}
li,ol,ul{list-style:none}
strong{font-weight:600;}
p{margin:0;padding:0 0 1.25rem}
a.links{color:#33b9cb;text-decoration:underline;}
a.links:hover{color:#044170;text-decoration:none;}
a:hover{text-decoration:none;}
.clear{clear:both;}
body{font-family:'Roboto';color:#585858;font-size:0.95rem;line-height:1.5rem;font-weight:300;}
hr{border-top:1px #bbb dashed;margin:0 0 1rem 0}
.clearfix::after{display:table;}
table{margin:5px 0 0;width:auto}
.table-responsive{margin-bottom:15px;width:auto}
table,td{border:1px solid #aaa!important}
.table>tbody>tr{background-color:#fff}
.table>tbody>tr:nth-of-type(odd){background-color:#fff}
.table-hover>tbody>tr:hover,.table>tbody>tr:nth-of-type(odd):hover{background-color:#fff}
.table .top{background:#f2f2f2!important;font-weight:bold}
.table>tbody>tr>td{vertical-align:middle;padding:10px;font-size:14px;line-height:18px;}
.table .top td{border-right:1px #aaa solid !important}
.table>tbody>tr:last-child>td,.table>tbody>tr>td:last-child{border:1px #aaa solid !important}
.etw_hometitle,h2{width:100%;height:auto;float:left;padding:0.5rem 0 1rem 0;position:relative;font-size:2.4rem;font-weight:600;line-height:2.6rem;color:#333;}
/* .etw_hometitle:before,h2:before{position:absolute;content:"";width:50px;height:6px;background:#044170;left:0;bottom:-4px;}
*/
.pro_h2{text-align:center;border:none;font-size:2.2rem;line-height:2.4rem;padding:0 0 1.5rem 0;margin:0 0 1rem;}
.pro_h2:before{position:absolute;content:"";width:120px;height:3px;background:#044170;left:0;bottom:8px;right:0;margin:0 auto;}
h3{font-size:1.1rem;color:#888;padding:0;margin:-0.6rem 0 1.3rem 0}
inquiry,u.inquiry{text-decoration:none;color:#2e9dd0;text-decoration:underline;display:inline;margin:2px 0;font-weight:300;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
u.inquiry:hover{opacity:.8}
.inq_01 a{position:relative;color:#285a92;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.inq_01 a::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0px;background-color:#285a92;height:1px;width:100%;transition:0.5s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.inq_01 a .inquiry{color:#067aaa;font-weight:500;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.inq_01 a .inquiry::after{display:none;}
.inq_01 a:hover::after{width:0;}
.inq_01 a:hover .inquiry{color:#333;}
.inq_01 a:hover{text-decoration:none;}
#etw_top{position:fixed;width:35px;height:35px;right:55px;bottom:150px;text-align:center;background:#f35d0b;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 .3s;-moz-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;background:#174277;}
/*头部*/
#header{width:100%;position:fixed;top:0;right:0;left:0;z-index:200;background-image:linear-gradient(to right,#044170,#067aaa);margin:0 auto;}
#headerin{width:100%;margin:0px auto;max-width:1200px;}
#etw_logo{width:auto;float:left;margin:.5rem 0 .5rem}
#etw_logo img{float:right;}
.navbtn{margin-top:1rem;}
.etw_language{width:94%;max-width:1200px;margin:0 auto;}
.etw_language>ul{position:relative;margin:0;}
.etw_language>ul>li{position:relative;}
.etw_language a:not([href]):not([tabindex]){color:#fff;cursor:pointer}
.iconfont{font-family:"iconfont" !important;font-size:1.6rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out;-moz-animation:scaleout 2.5s infinite ease-in-out;}
@-webkit-keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
@keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
#etw_language{float:right;height:20px;padding:0.3rem 0.5rem 0 0;width:50%;text-align:right}
#etw_language .dropdown-item{display:inline-block;width:auto;font-size:0.8135rem;line-height:32px;padding:0 0 0 1rem;color:#fff;min-width:auto;}
#etw_language .dropdown-item img{margin-right:.2rem;}
#etw_language .dropdown-item:hover{color:#33b9cb;text-decoration:underline;background:none}
#etw_language .dropdown-item:focus,#etw_language .dropdown-item:hover{background:none !important;color:#4ec8c4;}
.top-nav{width:auto;float:right;text-align:right;padding-top:1.5rem}
.navbar{padding:0 0.5rem;}
.navbar-collapse{justify-content:center;}
.navbar-light .navbar-nav .nav-link{color:#fff;font-size:1.05rem;padding:0.3rem 1rem;line-height:1.5rem;font-weight:300;transition:all .5s;letter-spacing:0.02rem;margin:0 2px 0 0;}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{background-color:#33b9cb;color:#fff;}
.navbar-light .navbar-nav .active > .nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show > .nav-link,.dropdown-menu-one li > a.active{color:#fff !important;background-color:#33b9cb;}
.navbar-light .navbar-nav .dropdown-item{font-size:0.9375rem;line-height:1.125rem}
.navbar-light .navbar-nav .dropdown-menus .dropdown-item{font-weight:300;}
.navbar-light .navbar-nav .dropdown-menu{margin:0.8rem 0 0;border:none;min-width:auto;box-shadow:0 12px 18px 0 rgba(25,42,70,.33);}
.navbar-light .navbar-nav .dropdown-menu li a{display:block;padding:0.5rem 1.5rem;font-size:0.95rem;font-weight:300;min-width:auto;white-space: nowrap;}
.navbar-light .navbar-nav #menu-items li a{white-space:inherit;}
.navbar-light .navbar-nav .dropdown-menu li ol li .dropdown-item{font-weight:300 !important;padding-left:2.5rem}
.dropdown-item{white-space:normal;min-width:16rem;}
.navbar-light .navbar-nav .dropdown-item.active,.dropdown-item:active{background:none!important;color:#33b9cb}
.navbar-light .navbar-nav .dropdown-item:focus,.navbar-light .navbar-nav .dropdown-item:hover{background:none !important;color:#33b9cb}
#menu-items{width:100%;padding:1rem 2rem 1rem 2rem;min-width:720px;left:-240px;}
#menu-items>li{width:50%;margin:0 2% 1rem 0;transition:all 0.3s;float:left;padding:0.5rem}
#menu-items>li:nth-child(2){width:48%;margin-right:0;}
#menu-items>li:nth-child(3n){width:26%;margin-right:0;}
#menu-items>li>a{color:#202020;display:block;font-size:1.05rem;text-align:left;margin:0px;padding:0.5rem 1.5rem 0.5rem 0 !important;font-weight:700 !important;}
#menu-items>li>a.active,#menu-items>li>a:hover{color:#33b9cb;}
#menu-items>li>ol{position:relative;}
#menu-items>li>ol:before{position:absolute;content:'';border-left:1px dotted #333;width:1px;height:100%;left:4px;top:0;}
#menu-items>li>ol>li>a{padding:0 1.5rem 0.5rem 1rem;position:relative;line-height:1.125rem;font-size:.8rem;}
#menu-items>li>ol>li:last-child>a{padding-bottom:0}
#menu-items>li>ol>li>a:before{position:absolute;content:"";width:10px;height:10px;border:2px #33b9cb solid;background:#fff;border-radius:50%;left:0px;top:4px;}
/*首页附加样式*/
#etw_banner{width:100%;position:relative;margin:0 auto;text-align:center;color:#fff;overflow:hidden;}
#etw_banner .swiper-slide{height:100%;position:relative;width:100%;margin:0 auto;overflow:hidden;}
#etw_banner img{display:block;width:100%;text-align:center;margin:0 auto;}
#etw_banner .swiper-pagination-bullet{cursor:pointer;width:12px;height:12px;background:none;border-radius:50%;opacity:1;background-color:#fff;margin:0 6px;font-size:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;outline:none;border:1px solid #3dc4d3;}
#etw_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#3dc4d3;cursor:pointer;}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:15px;}
#etw_banner .swiper-button-next,#etw_banner .swiper-button-prev{width:50px;height:95px;background-image:none;background-color:rgba(255,255,255,0);right:0;z-index:1;transform:translateY(-50%);transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
#etw_banner .swiper-button-prev{left:0;}
#etw_banner .swiper-button-next:hover,#etw_banner .swiper-button-prev:hover{background-color:rgba(255,255,255,0.2);}
#etw_banner .swiper-button-next::after,#etw_banner .swiper-button-prev::after{content:'';position:absolute;background:url(../images/arrow_next.png) no-repeat;background-size:cover;opacity:.6;width:25px;height:62px;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.3s all ease-in-out;}
#etw_banner .swiper-button-prev::after{background:url(../images/arrow_prev.png) no-repeat;background-size:cover;}
#etw_banner:hover .swiper-button-next:after,#etw_banner:hover .swiper-button-prev:after{opacity:1;}
.banner_txt{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;text-align:left;line-height:1.55;width:100%;max-width:1200px;color:#333;}
.banner_txt h1,.banner_txt h3{font-weight:800;font-size:2.0rem;margin-bottom:1.5rem;color:#000;text-shadow:1px 1px 1px #fff;transition:all .5s;position:relative;top:0;}
.banner_txt text{border:1px solid #33b9cb;background-color:#eee;color:#333;padding:.3rem 1rem;font-size:1.2rem;margin-bottom:2rem;display:inline-block;border-radius:22px;position:relative;left:0;transition:all .5s;}
.banner_inner1{max-width:530px;}
.banner_txt h1:hover,.banner_txt h3:hover{top:-.5rem;}
.banner_txt text:hover{left:1rem;}
.more{background-color:#33b9cb;padding:.8rem 1rem;color:#fff;transition:all .5s;display:block;max-width:180px;text-align:center;border-radius:8px;position:relative;overflow:hidden;font-weight:400;text-transform:uppercase;}
.more:before{content:"";position:absolute;width:0%;height:100%;z-index:-1;top:50%;left:-25%;opacity:0;visibility:hidden;transition:all .3s ease;transform:translate(-50%,-50%);border-radius:8px;}
.more:hover::before{opacity:1;visibility:visible;top:50%;left:50%;height:100%;width:100%;z-index:1;background-color:#044170;color:#ffff!important}
.more span{position:relative;z-index:1;}
.banner_txt3{top:inherit;bottom:0;background-color:rgba(255,255,255,0.65);max-width:inherit;margin:0 auto;padding:3rem 0;padding-top:2rem;}
.banner_inner3 h3{font-size:2.6rem;text-transform:none;text-align:center;max-width:800px;margin:0 auto;}
/* big_pro_box */
.big_pro_box{position:relative;z-index:1;background:#f1f8f9;}
.big_pro_box ul{display:flex;justify-content:center;margin-bottom:0;}
.big_pro_box ul ol{width:33.333%;position:relative;top:0;transition:all .5s;}
.big_pro_box ul ol:nth-child(2) a{background:url(../images/big_pro_02.jpg) no-repeat #067aaa;}
.big_pro_box ul ol:last-child a{background:url(../images/big_pro_03.jpg) no-repeat #00a4af;}
.big_pro_box ol li.bigpro_img img{width:100px;height:100px;transition:.3s all ease-in-out;}
.big_pro_box ol:hover li.bigpro_img img{transform:translateY(-0.5rem);}
.big_pro_box ol li.bigpro_con{margin-left:2%;}
.big_pro_box ol a{display:flex;align-items:center;justify-content:center;width:100%;background:url(../images/big_pro_01.jpg) no-repeat #0c558b;padding:2rem;}
.big_pro_box ol a h3{color:#fff;font-size:1.0rem;font-weight:600;text-transform:uppercase;margin-bottom:0;}
.big_pro_box ol a:hover{text-decoration:none;}
/* main_bro_box */
.main_bro_box{width:100%;background-color:#f1f8f9;padding:3rem 0;padding-bottom:1rem;}
.main_bro_box .content,.why_us_boox .content,.video_show_box .content{max-width:1260px;}
.webtitle{font-size:2rem;font-weight:400;color:#076bc0;position:relative;padding-bottom:.5rem;margin-bottom:1rem;}
.main_bro_box .webtitle{font-size:2.6rem;font-weight:400;color:#076bc0;position:relative;padding-bottom:.5rem;margin-bottom:1rem;}
.webtitle::before{position:absolute;content:"";width:60px;height:2px;right:0;left:0;margin:0 auto;background-color:#076bc0;bottom:-0.8rem;}
.text-left::before{right:inherit;}
.small_width{width:100%;max-width:880px;margin:0 auto;text-align:center;margin-top:2rem;}
.main_bro_box ul{display:flex;flex-wrap:wrap;margin-top:1rem;}
.main_bro_box ul>li{width:18.5%;background-color:#fff;margin-right:1.5%;margin-bottom:1.5rem;padding:1rem 0;overflow:hidden;}
.main_bro_box ul li ol li.product_con a{color:#076bc0;font-weight:300;text-align:center;display:block;line-height:1.35;font-size:1rem;padding:1rem;transition:all .5s;}
.main_bro_box ul li ol li.product_con a:hover{color:#33b9cb;text-decoration:none;}
.main_bro_box ul li ol{display:block;}
.main_bro_box ul li ol li.product_img img{transition:all .5s;mix-blend-mode:multiply;}
.main_bro_box ul li ol li.product_img a:hover img{transform:scale(1.05);}
/* why_us_boox */
.whytitle{font-size:2.6rem;margin-bottom:3rem;font-style:italic;color:#076bc0;}
.why_us_boox{background:#fff;padding:2rem 0 1rem;}
.why_us_boox .webtitle{margin-bottom:1.5rem;}
.about_us_box{height:100%;padding:1rem 0;}
.about_us_box ul{display:flex;}
.about_us_box ul li{flex:1;}
.about_us_box ul li:first-child{padding-right:1rem;}
.about_us_box .webtitle{font-size:1.4rem;font-weight:600;}
.about_us_box .webtitle::before{bottom:-.5rem;}
.about_us_box span{display:block;font-size:0.9rem;line-height:1.4rem;}
.network_box ul li:first-child{padding-left:1rem;}
.webtitle a{transition:all .5s;color:#076bc0;}
.webtitle a:hover{color:#33b9cb;text-decoration:none;}
.about_us_box ul li img{box-shadow:0 10px 30px rgba(0,0,0,0.07);}
.about_us_box ul li a:hover img{opacity:.8;}
.adv_box{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}
.left_box{width:56%;}
.right_box{width:38%;}
.history_item li{display:flex;margin-bottom:1rem;}
.history_item li .history_img{flex:1;}
.img_bg{width:90px;height:90px;border-radius:50%;background-color:#076bc0;display:flex;align-items:center;justify-content:center;}
.history_item li .history_img img{width:80px;height:80px;border-radius:50%;}
.history_item li .history_des{flex:6;padding-left:2rem;}
.history_item li .history_des strong{display:block;margin-bottom:.5rem;font-size:1.2rem;}
/* history */
:root{--primary-color:#212121;--background-color:#111;--font:sans-serif;}
.timeline{margin:20px auto;padding:20px;max-width:1100px;}
.timeline .card_box{position:relative;padding:30px 0 30px 30px;}
.timeline .card_box::before{content:"";position:absolute;width:2px;border-left:2px solid #33b9cb;left:0px;top:-5px;bottom:-5px;}
@media only screen and (max-width:400px){.timeline .card_box:nth-child(odd)::before{top:-5px;bottom:-5px;}
}
.timeline .card_box:first-child::before{border-top:0;border-top-left-radius:0;}
.timeline .card_box:last-child:nth-child(odd)::before{border-bottom:0;border-bottom-left-radius:0;}
.timeline .card_box:last-child:nth-child(even)::before{border-bottom:0;border-bottom-right-radius:0;}
.timeline .info{display:flex;flex-direction:column;color:gray;border-radius:10px;padding:10px;}
.timeline .title{color:#33b9cb;position:relative;font-size:1.6rem;margin-bottom:0.5rem;font-weight:700;}
.timeline .title::before{content:"";position:absolute;width:20px;height:20px;background:white;border-radius:5px;border:3px solid #33b9cb;top:6px;}
.timeline .card_box> .info > .title::before{left:-48px;}
.timeline .card_box:nth-child(even) > .info > .title::before{right:-48px;}
.adv_item{box-shadow:0 0 5px 0 rgba(0,0,0,.3);border-radius:15px 0;padding:1rem;text-align:center;}
.adv_item img{width:60px;}
.adv_item h4{font-size:0.9rem;text-align:center;color:#666;}
.adv_item p{font-size:1.6rem;font-weight:700;color:#076bc0;}
/* video_show_box */
.video_show_box{background:url(../images/video_bg.jpg) no-repeat right #f1f8f9;padding:4rem 0;padding-bottom:3rem;}
.video_show_box .webtitle{margin-bottom:2rem;font-size:2.6rem;}
.video_item_des{padding-right:5rem;}
.video_item{margin-bottom:2rem;}
.video_item a{display:block;position:relative;}
.video_item a h3{background-color:rgb(255,255,255);width:90%;letter-spacing:-0.2px;opacity:0;position:absolute;top:95%;left:50%;transform:translate(-50%,-50%);border-radius:5px;padding:1rem;transition:all 0.3s ease-in-out 0s;color:#333;}
.video_item a img{border-radius:5px;}
.video_item a:hover h3,.video_item a.active h3{opacity:1;top:84%;transition:all .3s ease-in-out;}
.video_item a h3:hover{color:#076bc0;}
.video_item i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#33b9cb;text-decoration:none;z-index:1;}
.video_item .video_img{position:relative;}
.video_item .video_img::before{position:absolute;content:"";width:100%;height:100%;background-color:rgba(255,255,255,0.2);}
.home_video{width:4rem;height:4rem;cursor:pointer;background:rgba(78,200,196,.8);z-index:100;border-radius:50%;padding:0 0 0 .4rem;color:#fff;font-size:1.6rem;display:flex;position:absolute;flex-wrap:wrap;justify-content:center;align-items:center}
.video-text a{color:#333;text-decoration:underline;}
.video-text a:hover{color:#33b9cb;text-decoration:none;}
/****video****/
.video_title{display:block;font-size:1.2rem;padding:.5rem 0;text-align:center}
.video_show{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.video_show a::after{display:none;}
.video_btn{display:inline-flex;flex-wrap:wrap;justify-content:start;cursor:pointer;text-align:center;position:relative;z-index:1;margin:0 0.2rem;}
.video_btn span{color:#fff;padding:0.6rem 2rem;font-size:0.8rem;line-height:0.8rem;text-align:center;display:inline-block;margin:1rem 0;min-width:100px;position:relative;overflow:hidden;background:#f2bb41;font-weight:200;z-index:1;transition:.5s all ease-in-out;font-family:'Montserrat';text-transform:uppercase;border-bottom:2px solid #fff;box-shadow:0 2px 0 rgb(0 0 0 / 20%);border-radius:3px;}
.video_btn span:hover{background:#111;border-bottom:2px solid #111;}
@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:.4}
100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}
}
.video_btn1{display:flex;flex-wrap:wrap;position:absolute;width:100px;height:100px;cursor:pointer;background:url(../images/video_btn.png) no-repeat;background-size:cover;z-index:100;transition:.3s all ease-in-out;animation:scalein 5s ease-out infinite;-webkit-animation:scalein 5s ease-out infinite;-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;}
@-webkit-keyframes scalein{50%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
}
@keyframes scalein{50%{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
100%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
}
.video_btn2{display:flex;flex-wrap:wrap;position:absolute;left:50%;top:50%;width:60px;height:60px;cursor:pointer;z-index:100;background:url(../images/video_btn.png) no-repeat #33b9cb;background-size:auto;background-size:cover;border-radius:50%;transform:translate(-50%,-50%);transition:.3s all ease-in-out;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.video_btn2.big_01{width:100px;height:100px;}
.video_btn2.big_02{width:80px;height:80px;}
.video_btn2:hover{box-shadow:1px 3px 6px rgb(0 0 0 / 30%);}
.video_btn3{display:block;position:relative;float:left;font-size:1rem;line-height:1rem;background:#111;color:#fff;font-family:'Montserrat';padding:0.6rem 1.5rem 0.6rem 3rem;border-radius:2rem;font-weight:200;margin:1rem 0;cursor:pointer;transform:translate(-50%,-50%);transition:.3s all ease-in-out;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.video_btn3:before{position:absolute;content:'';background:url(../images/video_btn.png) no-repeat;background-size:cover;width:20px;height:20px;left:20px;top:7px;}
.video_btn3:hover{box-shadow:1px 3px 6px #ccc;transform:translateY(-0.3rem);-webkit-transform:translateY(-0.3rem);-moz-transform:translateY(-0.3rem);-ms-transform:translateY(-0.3rem);-o-transform:translateY(-0.3rem);}
.video_btn4{display:flex;flex-wrap:wrap;position:absolute;margin:0 auto;width:150px;height:100px;cursor:pointer;z-index:100;top:-4rem;left:0%;align-items:center;justify-content:center;background:#33b9cb;padding:0;border-radius:0 0 1rem 1rem;transition:.3s all ease-in-out;}
.video_btn4:hover{height:110px;}
.video_btn4:before{content:"";position:absolute;width:0;height:0;border-right:10px solid #004264;border-top:16px solid transparent;border-bottom:0px solid transparent;left:-10px;top:0px;}
.video_btn4 i{color:#fff;font-size:4rem;padding:0 0 0 0.5rem;}
.video_btn4 span{display:block;color:#fff;width:100%;text-align:center;text-transform:uppercase;margin:-1rem 0 1rem;}
@-webkit-keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
@keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
.video_btn5{width:100px;height:100px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:rgba(17 166 163 / 50%);border:4px solid #fff;display:flex;align-items:center;justify-content:center;font-size:5rem;padding-left:0.8rem;cursor:pointer;transition:all .5s;z-index:3;}
.video_home .video_btn5{-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
.video_btn5:hover{background:rgba(17 166 163 / 90%);color:#fff;box-shadow:0 0 15px rgba(0 0 0 / 25%);}
.home_video{width:76px;height:76px;position:absolute;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;background:url(../images/video.png);opacity:.7;transition:.3s all ease-in-out}
.home_video a{background:#33b9cb;color:#fff;padding:.5rem 1.5rem;display:block;border-radius:4px}
.home_video i{padding-left:.3rem;color:#0b3b6f;font-size:1.2rem}
.home_video:hover{opacity:1}
.etw_videoshow{display:none;width:100%;margin-bottom:20px}
.videoflow{overflow:hidden;max-height:200px;position:relative;cursor:pointer;margin-bottom:15px}
.videoflow:before{position:absolute;top:50%;left:50%;right:0;border-radius:50%;font-family:fontawesome;transform:translate(-50%,-50%);content:"\f04b";width:64px;height:64px;color:#33b9cb;background:#fff;font-size:2.4rem;padding:1.2rem 0 0 1.4rem;line-height:24px}
.videoflow:hover:before{background:#33b9cb;color:#fff}
.videoflow img{width:100%}
.video_bg{position:relative;overflow:hidden;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;}
.video_bg:before{position:absolute;content:'';background:#333;width:100%;height:15%;top:0;left:0;z-index:1;transition:.3s all ease-in-out;display:none;}
.video_bg:after{position:absolute;content:'';background:#333;width:100%;height:15%;bottom:0;left:0;z-index:1;transition:.3s all ease-in-out;display:none;}
.video_bg:hover:before{top:-15%;}
.video_bg:hover:after{bottom:-15%;}
.video_text{text-align:center;width:100%;padding:0.8rem 0;}
.video_text a{font-size:1.05rem;color:#fff;line-height:1.2rem;font-weight:300;position:relative;padding:0 1.5rem;display:block;}
.video_text a:before{content:"\f0a9";font-family:FontAwesome;margin:2px 8px 0 0;transition:.3s all ease-in-out;}
.video_text a:hover{color:#33b9cb}
.video_text a:hover:after{color:#33b9cb;margin-left:12px;}
.plyr--video,.plyr__poster,.plyr__video-wrapper{background-color:#fff!important}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:0!important}
.plyr__video-wrapper{background-color:#fff;background:var(--plyr-video-background,var(--plyr-video-background,#fff))}
.video_h2{font-size:2rem;line-height:2.2rem;padding:0 0 1rem 0;}
.video_details a{color:#253041;padding:0.6rem 1.5rem;font-size:0.95rem;line-height:0.95rem;font-weight:500;text-align:center;display:inline-block;margin:1rem 0;min-width:120px;position:relative;overflow:hidden;border-bottom:4px solid #ed9300;border-radius:2rem;background:#33b9cb;z-index:1;transition:.5s all ease-in-out;-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-ms-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out;}
.video_details a:hover{background:#555;color:#fff;border-bottom:4px solid #212121;}
/*video_hub*/
.etwvideo_hub{position:relative;}
.etwvideo_hub ul{display:flex;flex-wrap:wrap;position:relative;}
.etwvideo_hub ul>li{width:49%;margin:0 2% 1rem 0;background:#fafafa;position:relative;transition:.3s all ease-in-out;overflow:hidden;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.etwvideo_hub ul>li:nth-child(2n){margin-right:0;}
.etwvideo_hub ul>li:nth-child(2n+1){clear:both;}
.etwvideo_hub ul>li:hover{background:#e6e6e6;}
.etwvideo_hub ul li ol{position:relative;display:flex;flex-flow:wrap;align-items:center;}
.etwvideo_hub ul li ol li.product_img{width:35%;position:relative;}
.etwvideo_hub ul li ol li.product_img a{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center;overflow:hidden;}
.etwvideo_hub ul li ol li.product_img a::after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:2;background-color:rgba(0,0,0,0.3);transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.etwvideo_hub ul li ol li.product_img a .video_btn2{width:50px;height:50px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.etwvideo_hub ul li:hover ol li.product_img a::after{bottom:-100%;background-color:rgba(0,0,0,0.5);}
.etwvideo_hub ul li ol li.product_con{width:65%;position:relative;}
.etwvideo_hub ul li ol li.product_con a{display:block;font-size:1.1rem;line-height:1.3;color:#333;padding:15px 1.5rem;font-weight:300;transition:0.5s;}
.etwvideo_hub ul li ol li.product_con a:hover{color:#33b9cb;}
.etwvideo_hub1 ul>li{width:100%;margin-right:0%;}
.etwvideo_hub1 ul li ol{display:flex;flex-flow:wrap;align-items:center;}
.etwvideo_hub1 ul li ol li.product_img{width:50%;}
.etwvideo_hub1 ul li ol li.product_img a .video_btn2{width:80px;height:80px;}
.etwvideo_hub1 ul li ol li.product_con{width:50%;padding:0 2rem;}
.etwvideo_hub1 ul li ol li.product_con a{text-align:left;}
.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;left: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;}
#video_right{width:72%;float:left;position:relative;}
#video_sidebar{width:25%;float:right;position:relative;}
#etw_videolist{position:relative;margin:0 auto;background:#f2f2f2;;padding:1rem;}
#etw_videolist .webtitle{font-size:1.5rem;line-height:1.5rem;text-align:left;padding:1rem 0;margin-bottom:0;font-weight:600;color:#33b9cb;}
#etw_videolist .webtitle::before{display:none;}
#etw_videolist>ul{position:relative;display:flex;flex-wrap:wrap;}
#etw_videolist>ul>li{width:100%;position:relative;display:block;}
#etw_videolist>ul>li>a{width:100%;position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0.3rem 0;border-radius:0 10px 10px 0;transition:.3s all ease-in-out;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-ms-border-radius:0 10px 10px 0;-o-border-radius:0 10px 10px 0;}
#etw_videolist>ul>li img{width:30%;float:left;}
#etw_videolist>ul>li span{width:70%;float:right;padding:0.3rem 0.8rem;color:#333;font-size:0.75rem;line-height:1rem;font-weight:300;position:relative;display:block;transition:.3s all ease-in-out;}
#etw_videolist>ul>li>a.dq span,#etw_videolist>ul>li>a:hover span{color:#33b9cb;}
#etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before{color:#33b9cb;}
#video_right video{width:100% !important;}
@media (max-width:991.98px){.etwvideo_hub ul > li{width:100%;margin:0 0 1rem 0;}
#video_right{width:100%;float:none;}
#video_sidebar{width:100%;float:none;}
#etw_videolist > ul > li{width:49%;margin:0 2% 1rem 0;}
#etw_videolist > ul > li:nth-child(2n){margin-right:0;}
#etw_videolist > ul > li:nth-child(2n+1){clear:both;}
.etwvideo_hub1 ul li ol li.product_img,.etwvideo_hub1 ul li ol li.product_con{width:50%;}
.video_btn2.big_01{width:80px;height:80px;}
.about_company::after{display:none;}
}
@media (max-width:767.98px){.etwvideo_hub1 ul li ol li.product_img,.etwvideo_hub1 ul li ol li.product_con{width:100%;}
.etwvideo_hub1 ul li ol li.product_con{padding:15px;}
.etwvideo_hub ul>li{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
.etwvideo_hub ul li ol li.product_img a .video_btn2{width:30px;height:30px;}
.etwvideo_hub1 ul li ol li.product_img a .video_btn2{width:60px;height:60px;}
.video_btn4{width:60px;height:60px;}
.video_btn4 i{font-size:2rem;}
.video_btn4 span{display:none;}
.video_btn4:hover{height:60px;}
.video_btn4:before{display:none;}
.video_btn2.big_02{width:60px;height:60px;}
}
@media (max-width:575.98px){.videoall ul li{width:100%;margin-right:0}
#etw_videolist > ul > li > a{border-radius:0;}
#etw_videolist > ul > li img{width:100%;float:none;}
#etw_videolist > ul > li span{width:100%;float:none;text-align:center;padding:0.5rem 0;}
.etwvideo_hub ul li ol li.product_img{width:40%;}
.etwvideo_hub ul li ol li.product_con{width:60%;padding:0 1rem;}
.etwvideo_hub ul li ol li.product_con a{font-size:0.8rem;line-height:1rem;padding:10px;}
.etwvideo_hub1 ul li ol li.product_img,.etwvideo_hub1 ul li ol li.product_con{width:100%;}
.etwvideo_hub1 ul li ol li.product_con{padding:15px;}
}
/* help_box */
.help_box{width:100%;background-color:#33b9cb;color:#fff;border-radius:5rem;margin:2rem auto -4rem;position:relative;max-width:1260px;}
.help_box ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.help_box ul li{flex:1;margin-bottom:0;}
.help_title{font-size:1.2rem;font-weight:600;padding:1rem 1rem 1rem 1.5rem;text-align:center;line-height:1.25;}
.help_box ul li img{width:70px;padding-right:0.1rem;}
.help_box ul li a{color:#fff;display:block;padding:1rem 0;transition:all .5s;}
.help_box ul li:last-child a{border-radius:0 5rem 5rem 0;}
.help_box ul li a:hover{background-color:#044170;text-decoration:none;}
.help_box ul li span{font-weight:300;display:inline-block;}
/* #etw_bottom */
#etw_bottom{width:100%;height:auto;background:url(../images/bg.jpg) no-repeat;margin-top:3rem;padding:5rem 0 2rem; background-size: 100% 100%;}
#etw_bottom .content{margin:0 auto;}
.foot_link ul{width:100%;float:left;}
.foot_link ul li>a{color:#fff;padding:.3rem;padding-left:1.5rem;display:block;position:relative;width:100%;text-decoration:none;transition:all .5s;font-weight:200;font-size:0.9rem;}
.foot_link ul li>a::before{position:absolute;content:"";width:8px;height:8px;border-radius:2px;background-color:#435169;left:0;top:14px}
.foot_link ul li>a:hover{color:#33b9cb;}
#etw_bottom .etw_hometitle{display:block;margin:0;text-align:left;padding:0 0 0.5rem 0;position:relative;font-size:1.4rem;font-weight:bold;color:#fff;border-bottom:none;}
#etw_bottom .etw_hometitle:before{background:none;content:normal;}
#etw_bottom .etw_hometitle a{color:#fff;}
#etw_bottom .etw_hometitle a:hover{color:#165856;text-decoration:underline;}
#etw_bottom .etw_productlists,.bottom_brief{width:100%;padding:0 10% 0 22%}
#etw_bottom .etw_productlists ul{width:66%;float:left}
#etw_bottom .etw_productlists ul li{width:100%;margin-bottom:0.6rem}
#etw_bottom .etw_productlists ul li span{display:block;color:#fff;font-size:1.125rem;line-height:1.8rem;border-bottom:2px #fff solid;font-weight:bold;padding:0 0 0.5rem 0;position:relative}
#etw_bottom .etw_productlists ul li span:before{position:absolute;content:"\f105";color:#fff;font-size:1.125rem;font-family:fontawesome;top:0;right:1rem}
#etw_bottom .etw_productlists ul li span:hover{color:#165856;text-decoration:none;}
.bottom_brief{padding-top:1rem;color:#fff;font-size:1.125rem;line-height:1.5rem;font-weight:bold}
.etw_contactin{width:100%;padding-right:10%}
.etw_contactin p{color:#fff;line-height:2rem;font-size:0.9rem;font-weight:200;}
.etw_contactin p strong{font-weight:500;}
.etw_contactin a{color:#fff;}
.etw_contactin a:hover{color:#33b9cb;}
.etw_application{width:100%;height:auto;}
.etw_application ul,.etw_application ul li{width:100%;}
.etw_application ul li{margin-bottom:8px;}
.etw_application ul li>a{display:block;width:100%;position:relative;height:100px;margin:0 0 1rem;overflow:hidden;}
.etw_application ul li>a img{display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;}
.etw_application ul li>a:before{background:rgba(78,200,196,.8);opacity:0;position:absolute;content:"";width:100%;height:100%;left:0;bottom:0;z-index:1;transition:.3s all ease-in-out;}
.etw_application ul li>a span{position:absolute;content:"";width:100%;height:auto;color:#fff;left:0;top:50%;transform:translateY(-50%);font-size:1rem;font-weight:bold;transition:0.3s;opacity:0;padding:10px;text-align:center;z-index:2;text-shadow:1px 1px 0 #333;}
.etw_application ul li>a:hover span,.etw_application ul li>a:hover:before{opacity:1;}
.more a{display:block;color:#fff;}
.more:hover{color:#fff;text-decoration:none;}
.about_info{width:100%;height:auto;padding-top:20px;}
.about_info ul{width:100%;display:flex;flex-wrap:wrap}
.about_info ul>li{width:32%;margin:0 2% 20px 0;background:#f7f7f7}
.about_info ul>li:nth-of-type(3n){margin-right:0}
.about_info ul li ol{width:100%;display:flex;flex-flow:wrap;align-items:center;position:relative;z-index:1;}
.about_info ul li ol::before{position:absolute;content:"";width:0px;height:100%;color:#fff;font-size:1.25rem;font-family:fontawesome;text-align:center;z-index:-1;background:#4dc8c5;right:0;bottom:0;transition:0.5s;font-weight:bold;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.about_info ul li ol li.product_img{width:100%;text-align:center;position:relative;z-index:1;overflow:hidden;position:relative;}
.about_info ul li ol li.product_img a{display:block;position:relative;}
.about_info ul li ol li.product_img a::after{content:'';background:rgba(0,0,0,0.5);position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;transition:0.5s;}
.about_info ul li ol li.product_img img{width:100%;border:1px solid #c2c2c2;transition:0.5s;}
.about_info ul>li>ol>li.product_con{position:absolute;z-index:2;width:100%;text-align:center;margin:0 !important;padding:10px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.about_info ul>li>ol>li.product_con>a{color:#fff;font-size:1.6rem;display:block;font-weight:300;text-shadow:1px 1px 1px #000;transition:0.5s;}
.about_info ul>li:hover>ol>li.product_con>a{color:#4dc8c5;}
.about_info ul li:hover ol li.product_img a::after{background:rgba(0,0,0,0.3);}
.about_info ul li:hover ol li.product_img img{transform:scale(1.08);opacity:0.8;}
/* application */
.etw_other_app{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden;}
.etw_other_app ul{width:100%;display:flex;flex-wrap:wrap}
.etw_other_app ul>li{width:23.5%;margin:0 2% 20px 0;background-color:#fff;overflow:hidden;}
.etw_other_app ul>li:nth-of-type(4n){margin-right:0}
.etw_other_app ul li ol{width:100%;display:flex;flex-flow:wrap;align-items:center;position:relative;z-index:1;}
.etw_other_app ul li ol::before{position:absolute;content:"";width:0px;height:100%;color:#fff;font-size:1.25rem;font-family:fontawesome;text-align:center;z-index:-1;background:#4dc8c5;right:0;bottom:0;transition:0.5s;font-weight:bold;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.etw_other_app ul li ol li.product_img{width:100%;text-align:center;position:relative;z-index:1;overflow:hidden;position:relative;}
.etw_other_app ul li ol li.product_img a{display:block;position:relative;}
.etw_other_app ul li ol li.product_img img{width:100%;transition:0.5s;}
.etw_other_app ul li ol li.product_con{z-index:2;width:100%;text-align:center;margin:0 !important;position:absolute;bottom:0;}
.etw_other_app ul li ol li.product_con a{color:#fff;font-size:1.2rem;display:block;font-weight:600;background:linear-gradient(0deg,rgba(0 0 0 / 70%),transparent);padding:2rem 0;}
.etw_other_app ul li:hover ol li.product_img img{transform:scale(1.08);opacity:0.8;}
.etw_other_app ul>li>ol:hover>li.product_con>a{color:#4dc8c5;}
.etw_pdf{width:100%;float:left;margin:0 0 18px 0;}
.etw_pdf a{display:inline-block;color:#fff;font-size:1rem;font-weight:300;padding:0.5rem 1rem 0.5rem 2.5rem;position:relative;line-height:1.125rem;background:#4dc8c5;}
.etw_pdf a::after{content:"";position:absolute;left:12px;top:6px;background:url(/images/icon_pdf.png) no-repeat center bottom;background-size:100% auto;width:22px;height:22px;transition:0.5s;}
.etw_pdf a:hover::after{background-position:center top;}
.etw_pdf a:hover{color:#044170;text-decoration:underline}
.brief{width:100%;padding:2rem;border-top:2px #4dc8c5 solid;margin:1rem 0;font-size:0.95rem;background:linear-gradient(180deg,#efefef,#fff,#f5f5f5);}
.products_details{width:100%;margin:0 auto;max-width:1100px;padding:1rem 0;}
.products_details figure{margin:0;}
.products_details ul{width:100%;display:flex;flex-flow:wrap;align-items:center;margin:0;padding:15px;}
.products_details ul:nth-of-type(2n){background-color:#f3f3f3;}
.products_details ul li{width:32%;}
.products_details ul li img{width:100%;margin:0 auto;}
.content_bg .products_details ul li.product_img img{mix-blend-mode:multiply;}
.products_details ul li.product_con{position:relative;width:68%;padding:0 2rem 0 4rem;}
.products_details ul li.product_con p{text-align:left;width:100%;font-size:1.1rem;line-height:1.5rem;display:block;padding-bottom:0;}
.products_details ul li.product_con p strong{font-size:1.6rem;line-height:1.8rem;font-weight:600;display:inline-block;padding:0.5rem 0;}
.products_details ul.item li{width:100%;}
.pro_content .products_details ul.item li{width:100%;}
#etw_mainbody{width:100%;margin:0 auto;margin-top:0px;overflow:hidden;max-width:1400px;position:relative;}
#etw_mainbody .protitle2{margin:-2.5rem auto 1.5rem auto;float:none;text-align:center;width:100%;font-size:1.5rem;position:relative}
.call_con{display:flex;flex-wrap:wrap;justify-content:center;cursor:pointer;text-align:center;position:relative;z-index:1;margin:1.5rem auto 2rem;}
.call_con a{display:inline-block;position:relative;z-index:1;padding:0.5rem 1.2rem;background:linear-gradient(45deg,#044170,#067aaa);font-weight:300;font-size:0.85rem;color:#fff;transition:0.5s;text-transform:uppercase;letter-spacing:0.05rem;}
.call_con a::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#2c3a43;z-index:-1;opacity:0;visibility:hidden;transition:all 0.5s;transform:scaleX( -1 );border-radius:0.3rem;}
.call_con a:hover{color:#fff;}
.call_con a:hover::after{opacity:1;visibility:visible;transform:scaleX( 1 );-o-transform:scaleX( 1 );-ms-transform:scaleX( 1 );-moz-transform:scaleX( 1 );-webkit-transform:scaleX( 1 );}
.contact_info .protitle2{font-size:1.5rem;}
.contact_info p{font-size:0.9rem;line-height:1.5;padding-bottom:0.8rem;}
/*container*/
#container{margin-top:95px;}
.containers{width:100%;position:relative;}
.containers:before{position:absolute;content:"";width:100%;height:45px;background:#33b9cb;left:0;right:0;margin:0 auto;top:0;z-index:-1}
.containers_nobefore::before{display:none;}
.content_bg{position:relative;background:#f6f6f6;}
.content,.content1{width:94%;max-width:1200px;margin:2rem auto;}
.content1{max-width:1100px;}
.content2{width:94%;max-width:1400px;margin:2rem auto;}
.etw_content{width:94%;max-width:1200px;margin:0 auto;}
#etw_right{width:76%;float:right;padding-bottom:1.5rem}
#etw_sidebar{width:21%;float:left;background:#fff;}
#etw_sidebar .etw_hometitle{display:block;color:#33b9cb;text-align:left;font-size:1.4rem;font-weight:600;border-bottom:1px solid #33b9cb;line-height:1.4rem;padding:1rem;margin:0;}
#etw_sidebar .etw_hometitle a{color:#33b9cb;transition:0.5s;}
#etw_sidebar .etw_hometitle a:hover{padding-left:10px;opacity:0.8;}
.etw_productlist{width:100%;margin:0 0 1rem;}
.etw_productlist ul,.etw_productlist ul li,.etw_productlist ul>li>ol,.etw_productlist ul>li>ol>li{width:100%;}
.etw_productlist ul{margin:0;display:flex;flex-wrap:wrap;}
.etw_productlist ul>li>a{display:block;color:#333;line-height:1.2rem;padding:0.8rem 1rem;font-weight:400;border-bottom:1px dotted #ccc;transition:0.5s;font-size:0.95rem;}
.etw_productlist ul>li:nth-last-of-type(1) a{border-bottom-width:0;}
.etw_productlist ul>li>ol{display:block;margin-bottom:0.8rem}
.etw_productlist ul>li>ol>li>a{font-size:0.8rem;display:block;line-height:1.1rem;color:#666;padding:0.5rem 1rem 0.5rem 1.5rem;position:relative;}
.etw_productlist ul>li>ol>li>a:before{position:absolute;content:"";left:1rem;top:22px;width:14px;height:18px;background:left center no-repeat}
.etw_productlist ul li a:hover,.etw_productlist ul li a.dq{color:#33b9cb;}
/*快速导航*/
#etw_producttitle{color:#fff;font-size:12px;text-transform:uppercase;padding:10px 0;margin-bottom:1.5rem}
#etw_producttitle ol{width:100%;float:none;margin:0 auto;max-width:1200px;}
#etw_producttitle a{color:#f7f7f7;padding-right:10px;transition:0.5s;}
#etw_producttitle li{display:inline-block}
#etw_producttitle li+li::before{padding:0 5px;color:#fff;content:"\f105";font-size:14px;font-weight:bold;font-family:fontawesome;margin-right:12px;}
#etw_producttitle a:hover{color:#33b9cb}
/*其他公用样式*/
.smalltitle{font-size:2rem;display:block;color:#292929;line-height:2.2rem;margin:15px 0 25px 0;text-align:center;font-weight:700;padding-bottom:10px;border-bottom:1px #272648 solid;}
.smalltitle1{font-size:1.125rem;display:block;color:#333;font-weight:700;line-height:1.125rem;margin:5px 0 10px 0;}
b{color:#000;font-size:1.4rem;font-weight:bold}
.protitle{width:100%;height:auto;padding:0.5rem 0 0.7rem 0;position:relative;font-size:2.4rem;font-weight:300;color:#000;text-align:center;margin-bottom:1.5rem;}
.protitle a{color:#333;transition:0.5s;}
.protitle a:hover{color:#33b9cb;}
.protitle1{font-size:1.8rem;line-height:2rem;padding:2rem 0 1.5rem 0;text-align:center;font-weight:600;color:#044170;position:relative;}
.protitle1:before{position:absolute;content:'';background:#33b9cb;width:100px;height:2px;top:15px;left:0;right:0;margin:0 auto;}
.protitle2{font-size:1.4rem;display:inline-block;width:auto;color:#292929;line-height:1.6rem;margin:10px 0 5px 0;font-weight:700;}
.protitle2 span{width:40px;height:40px;display:inline-block;margin-right:10px;background:no-repeat center center;background-size:100% auto;}
.protitle3{width:100%;height:auto;margin:1rem auto;color:#33b9cb;font-size:1.25rem;font-weight:600;padding:0.5rem 1rem 0.5rem 1.4rem;text-align:left;background:linear-gradient(90deg,#efefef,transparent);border-radius:2rem;}
.protitle5{font-size:1.8rem;line-height:2rem;padding:2rem 0 1.5rem 0;text-align:center;font-weight:600;color:#044170;position:relative;}
.protitle5:before{position:absolute;content:'';background:#33b9cb;width:100px;height:2px;top:15px;left:0;right:0;margin:0 auto;}
.item_box{background:#fff;padding:1.5rem;position:relative;margin:-4rem 0 4rem;}
.item_box p{font-size:1.05rem;line-height:1.8rem;}
.item_box p.item_box_p{text-align:center;width:80%;margin:0 auto;}
ul.item{width:100%;float:none;margin-bottom:0}
ul.item li{position:relative;padding:4px 0 10px 15px;width:100%;float:none;}
ul.item li::after{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;background-color:#33b9cb;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
ul.item li.last{margin-left:22px;}
ul.item li ol{display:block;width:100%;margin:4px 0 3px 0;padding-left:0;color:#474747;line-height:20px;}
ul.item1{display:flex;flex-flow:wrap;padding:2rem 1rem 0}
ul.item1 li{width:49%;margin-right:2%;margin-bottom:1rem;padding:0 2rem;position:relative;color:#333;}
ul.item1 li .sum{font-size:2rem;position:absolute;left:-16px;top:-2px;color:rgba(51,185,203,0.5);border:1px solid rgba(51,185,203,0.5);border-radius:50%;display:flex;width:38px;flex-wrap:wrap;height:38px;align-items:center;justify-content:center;}
ul.item1 li:nth-of-type(2n){margin-right:0%;}
ul.discitem{position:relative;width:100%;display:block;margin:0;}
ul.discitem li{position:relative;text-align:left;color:#111;padding:0.2rem 0 0.2rem 1.5rem;width:100%;border-bottom:1px dotted #ccc;font-size:0.95rem;line-height:1rem;font-weight:300;}
ul.discitem li:before{position:absolute;content:'';width:15px;height:15px;background:url(../images/icon1.png) no-repeat;background-size:cover;left:2px;top:3px;}
ul.discitem li strong{display:block;font-family:Play;font-size:1.05rem;}
.proitem{float:none;width:auto;margin-bottom:1.4rem;position:relative;z-index:-1}
.proitem>li{line-height:1.5rem;padding:5px 0 5px 20px;position:relative;float:none;width:auto}
.proitem>li::before{position:absolute;content:"";left:2px;top:13px;width:5px;height:5px;background:#d63a2d;border-radius:50%}
.whyus{width:100%;display:flex;flex-flow:wrap;}
.whyus li{width:49%;margin:5px 2% 1.5rem 0;background-color:#f6f6f6;padding:30px;}
.whyus li:nth-last-child(1){width:100%;margin-right:0%;}
.whyus li:nth-of-type(2n){margin-right:0;}
.whyus li span{display:block;color:#33b9cb;font-weight:500;padding:0 0 8px 2.6rem;margin-bottom:0.5rem;position:relative;font-size:1.125rem;}
.whyus1 li{width:40%;border:1px solid #e3e3e3;margin-bottom:1rem;}
.whyus1 li:nth-of-type(2){width:58%;}
.whyus1 li:nth-of-type(3){width:58%;}
.whyus1 li:nth-of-type(4){width:40%;}
.whyus1 li span{display:block;color:#000;font-weight:500;padding:0 0 8px 2.5rem;color:#33b9cb;margin-bottom:0.5rem;position:relative;font-size:1.125rem}
.whyus1 li span:before{position:absolute;content:"";width:35px;height:35px;background:url(../images/quality_01.png) center center no-repeat !important;background-size:100% auto !important;left:0;bottom:3px}
.whyus li:nth-child(1) span:before{content:"";width:35px;height:35px;display:block;position:absolute;left:0;top:-6px;background:url(../about/icon01.jpg) no-repeat center center;background-size:100% auto;mix-blend-mode:multiply;}
.whyus li:nth-child(2) span:before{content:"";width:35px;height:35px;display:block;position:absolute;left:0;top:-6px;background:url(../about/icon02.jpg) no-repeat center center;background-size:100% auto;mix-blend-mode:multiply;}
.whyus li:nth-child(3) span:before{content:"";width:35px;height:35px;display:block;position:absolute;left:0;top:-6px;background:url(../about/icon03.jpg) no-repeat center center;background-size:auto;background-size:100% auto;mix-blend-mode:multiply;}
.whyus li:nth-child(4) span:before{content:"";width:35px;height:35px;display:block;position:absolute;left:0;top:-6px;background:url(../about/icon04.jpg) no-repeat center center;background-size:100% auto;mix-blend-mode:multiply;}
.whyus li:nth-child(5) span:before{content:"";width:35px;height:35px;display:block;position:absolute;left:0;top:-6px;background:url(../about/icon05.jpg) no-repeat center center;background-size:100% auto;mix-blend-mode:multiply;}
.about_box3{width:100%;margin:0 auto;padding:1rem 0 2rem;}
.about_box3 ul{display:flex;flex-wrap:wrap;position:relative;}
.about_box3>ul>li{width:32%;margin:0 2% 1.5rem 0;position:relative;}
.about_box3>ul>li:nth-child(3n){margin-right:0;}
.about_box3>ul>li:nth-child(3n+1){clear:both;}
.about_box3 ul li ol{position:relative;display:flex;flex-wrap:wrap;}
.about_box3 ul li ol li.product_img{width:100%;position:relative;overflow:hidden;}
.about_box3 ul li ol li.product_img a{position:relative;display:block;width:100%;}
.about_box3 ul li ol li.product_img a:before{position:absolute;content:'';background:rgba(0 0 0 / 30%);width:100%;height:100%;left:0;top:0;transition:.3s all ease-in-out;}
.about_box3 ul li ol li.product_img .overlay{position:absolute;top:46%;transform:translateY(-50%);left:0;right:0;margin:0 auto;width:80px;height:80px;transition:.3s all ease-in-out;opacity:.9;border:1px dashed #fff;border-radius:50%;padding:0.8rem;}
.about_box3 ul li ol li.product_img img{transition:.2s all ease-in-out;}
.about_box3 ul li ol:hover li.product_img a:before{transform:scaleX(0);opacity:0;}
.about_box3 ul li ol:hover li.product_img .overlay{opacity:0;}
.about_box3 ul li ol li.product_con{width:90%;position:relative;margin:-4rem auto 2rem;transition:.3s all ease-in-out;background:#fff;}
.about_box3 ul li ol li.product_con img{margin:-3rem auto 0 auto;display:block;border-radius:50%;background:#fff;padding:0.8rem;}
.about_box3 ul li ol li.product_con a{color:#33b9cb;font-size:1.4rem;display:block;position:relative;width:100%;font-weight:600;line-height:1.2rem;padding:1.5rem 1rem 1rem;text-align:center;}
.about_box3 ul li ol li.product_con a strong{font-weight:300;}
.about_box3 ul li ol li.product_con span{color:#555;width:100%;font-size:0.9rem;font-weight:300;padding:0 1rem;line-height:1.3;display:block;text-align:center;}
.about_box3 ul li ol li.product_con p{font-size:0.8rem;margin:0;line-height:1.1rem;}
.about_box3 ul li ol li.product_con a.more{color:#33b9cb;padding:0;font-size:.9rem;display:inline-block;margin:1rem 1.5rem 1.5rem 1.5rem;line-height:2rem;font-weight:600;width:auto;}
.about_box3 ul li ol li.product_con a.more:before{position:absolute;content:'';background:#33b9cb;width:0;height:2px;left:0;bottom:0;transition:.3s all ease-in-out;}
.about_box3 ul li ol:hover li.product_con a{color:#044170;}
.about_box3 ul li ol li.product_con a.more:hover:before{width:100%;}
.about_box1{width:100%;margin:0 auto;padding:1rem 0 0;}
.about_box1 ul{display:flex;flex-wrap:wrap;position:relative;margin-bottom:0;}
.about_box1>ul>li{width:100%;margin:0;position:relative;}
.about_box1 ul li ol{position:relative;display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;}
.about_box1 ul li ol li.product_img{width:32%;position:relative;overflow:hidden;order:1;z-index:1;}
.about_box1 ul li ol li.product_img h3{position:relative;margin:0 auto;}
.about_box1 ul li ol li.product_img h3 a{color:#33b9cb;font-size:1.4rem;display:block;position:relative;width:100%;font-weight:600;line-height:1.2rem;padding:1.5rem 1rem 1rem;text-align:center;}
.about_box1 ul li ol li.product_img h3 a::before{display:none;}
.about_box1 ul li ol li.product_img a{position:relative;display:block;width:100%;}
.about_box1 ul li ol li.product_img a:before{position:absolute;content:'';background:rgba(0 0 0 / 30%);width:100%;height:100%;left:0;top:0;transition:.3s all ease-in-out;}
.about_box1 ul li ol li.product_img .overlay{position:absolute;top:46%;transform:translateY(-50%);left:0;right:0;margin:0 auto;width:80px;height:80px;transition:.3s all ease-in-out;opacity:.9;border:1px dashed #fff;border-radius:50%;padding:0.8rem;}
.about_box1 ul li ol li.product_img img{width:100%;display:block;transition:.2s all ease-in-out;}
.about_box1 ul li ol li.product_img .con{margin:-4rem auto 2rem;transition:.3s all ease-in-out;background:#fff;width:90%;position:relative;z-index:1;}
.about_box1 ul li ol li.product_img .con span{padding:0 1rem;display:block;line-height:1.3;font-size:0.9rem;text-align:center;}
.about_box1 ul li ol:hover li.product_img a:before{transform:scaleX(0);opacity:0;}
.about_box1 ul li ol:hover li.product_img .overlay{opacity:0;}
.about_box1 ul li ol li.product_con{width:68%;position:relative;margin:0rem auto;padding:30px 60px;font-size:1rem;line-height:1.4;text-align:center;transition:.3s all ease-in-out;}
.about_box1 ul li ol li.product_con h3{font-size:1.6rem;position:relative;z-index:1;color:#33b9cb;padding:1rem;margin-bottom:0;}
.about_box1 ul li ol li.product_con h3::after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-60px;width:70px;height:70px;border-radius:50%;background:rgb(51,185,203) url(/images/service1.png) no-repeat center center;background-size:90% auto;}
.about_box1 ul li ol li.product_con img{margin:-3rem auto 0 auto;display:block;background:#fff;padding:0.8rem;}
.about_box1 ul li ol li.product_con a{color:#33b9cb;font-size:1.8rem;display:block;position:relative;width:100%;font-weight:600;line-height:1.2rem;padding:1rem 0rem 1rem;transition:0.5s;}
.about_box1 ul li ol li.product_con a strong{font-weight:300;}
.about_box1 ul li ol li.product_con span{color:#555;width:100%;font-size:0.9rem;font-weight:300;line-height:1.4rem;display:block;}
.about_box1 ul li ol:hover li.product_con a{color:#044170;}
.about_box1 ul li ol li.product_con a.more:hover:before{width:100%;}
/* pro_banner_bg */
.pro_banner_bg{padding:1rem 0;background:url(../images/bannerin01.jpg) no-repeat center;background-size:cover;color:#fff;min-height:240px;background-position:0 65%;}
.pro_banner_bg .content{position:relative;}
.pro_banner_bg h2{margin-top:0;padding-bottom:0;color:#fff;font-size:2.6rem;font-weight:400;float:none;}
.pro_banner_bg .pro_top_txt{margin:0 auto;text-align:center;}
.pro_top_img{position:absolute;right:24%;bottom:-5.5rem;max-width:450px;}
/* faq */
.pro_accordion{margin-bottom:2rem;margin-top:1rem;font-size:.9rem;}
.pro_accordion h3{font-size:1.1rem;color:#666;padding-bottom:1rem;}
.etw_pdf_left{text-align:center;}
.pro_accordion .card-header{padding:0;transition:all .5s;border:0;}
.pro_accordion .card{margin-bottom:0.5rem;border-radius:0;}
.pro_accordion .btn-link{position:relative;color:#33b9cb;font-size:1.3rem;cursor:pointer !important;border:none;display:block;white-space:inherit !important;}
.pro_accordion .btn-link span{width:95%;display:block;}
.pro_faq_content01 .btn-link{min-height:62px;}
/* .pro_accordion .btn-link::before{content:"\f107";position:absolute;font-family:fontawesome;right:1rem;top:.2rem;font-size:1.2rem;transition:.3s all ease-in-out;cursor:pointer;width:28px;height:28px;border-radius:50%;color:#888;display:flex;align-items:center;justify-content:center;}
*/
.btn-link:hover{text-decoration:none;}
.pro_accordion strong{font-size:1rem;}
.pro_faq_content01 .btn-link::before{top:1rem;font-size:1.6rem;}
.pro_accordion .card-header .btn:hover.btn-link::before{transform:rotate(180deg);color:#33b9cb;}
/* .pro_accordion .card-header .btn:hover,.pro_accordion .card-header .btn[aria-expanded="true"],.btn-link.focus,.btn-link:focus{text-decoration:none;color:#fff}
*/
.pro_accordion .card-header .btn[aria-expanded="true"]::before{transform:rotate(180deg);color:#fff;}
.pro_accordion .card-body{border-left:1px solid #33b9cb;border-top:none;margin:0 0 1rem 2rem;}
.card{border:none;}
.pro_accordion .card-header{background-color:#fff;}
.box_width{width:80%;margin:0 auto;text-align:center;}
/* nav top */
.etw_nav_nav{border:none;position:relative;background:#f0f0f0;}
.etw_nav_nav .content{margin:0rem auto;}
.etw_nav_nav ul{width:100%;margin:0 auto;justify-content:center;display:flex;flex-wrap:wrap;}
.etw_nav_nav li{display:block;position:relative;border-right:1px solid #dcdcdc;cursor:pointer;flex:1;text-align:center;transition:.3s all ease-in-out;}
.etw_nav_nav li a{color:#585858;font-size:0.9rem;transition:0.5s;line-height:0.9rem;display:block;padding:0.8rem 0;font-weight:300;}
.etw_nav_nav li span{display:block;width:100%;border-right:2px solid #1a9afb;}
.etw_nav_nav li:last-child span{border-right:none;}
.etw_nav_nav li:before{position:absolute;content:'';background:#333;width:0;height:1px;left:0;bottom:8px;transition:.3s all ease-in-out;display:none;}
.etw_nav_nav li img{display:block;margin:0.5rem auto;border-radius:50%;}
.etw_nav_nav li:hover,.etw_nav_nav li.dq{color:#fff;background:#33b9cb;}
.etw_nav_nav li:hover a,.etw_nav_nav li.dq a{color:#fff;}
.etw_nav_bottom{border:none;position:relative;margin:0 0 2rem;}
.etw_nav_bottom .content{margin:1rem auto;}
.etw_nav_bottom ul{width:100%;margin:0 auto;justify-content:center;display:flex;flex-wrap:wrap;border-bottom:1px solid #efefef;padding:0 0 2rem;}
.etw_nav_bottom li{display:flex;position:relative;margin:0;flex:1;text-align:center;transition:.3s all ease-in-out;}
.etw_nav_bottom li a{color:#585858;font-size:1rem;padding:0.6rem 0;width:100%;display:block;line-height:1.2rem;transition:0.5s;}
.etw_nav_bottom li span{display:block;width:100%;border-right:2px solid #1a9afb;}
.etw_nav_bottom li:last-child span{border-right:none;}
.etw_nav_bottom li img{display:block;margin:0.5rem auto;width:60px;height:60px;}
.etw_nav_bottom li a:hover,.etw_nav_bottom li.dq a{color:#33b9cb;}
/****link list****/
.tab_li{border:none;position:relative;margin:3rem 0 2rem 0;border-top:1px solid #dcdcdc;padding:1.5rem 0 0;}
.tab_li ul{width:100%;margin:0 auto;justify-content:center;display:flex;flex-wrap:wrap;}
.tab_li li{font-size:1.1rem;line-height:1.1rem;display:flex;position:relative;align-items:center;justify-content:center;padding:0.6rem 0;cursor:pointer;margin:0 1rem;flex:1;text-align:center;background:#f0f0f0;text-shadow:1px 1px 0 #fff;transition:.3s all ease-in-out;font-weight:600;}
.tab_li li span{display:block;width:100%;border-right:2px solid #1a9afb;}
.tab_li li:last-child span{border-right:none;}
.tab_li li:before{position:absolute;content:'';background:#333;width:0;height:1px;left:0;bottom:8px;transition:.3s all ease-in-out;display:none;}
.tab_li li img{display:block;margin:0.5rem auto;border-radius:50%;}
.tab_li li:hover,.tab_li li.dq{color:#044170;background:#33b9cb;}
.tab_li li .pro_icon{width:25px;height:25px;margin-right:10px;display:inline-block;background:url(../images/pro_icon01.png) no-repeat bottom center;background-size:100% auto;transition:0.5s;}
.tab_li li:hover .pro_icon,.tab_li li.dq .pro_icon{background-position:top center;}
.pro_content .products_details ul li{width:28%;}
.pro_content .products_details ul li.product_con{width:72%;}
.pro_content .products_details ul li.product_con p strong{font-size:1.4rem;}
.tabfixed{position:fixed;top:95px;left:0;margin:0;z-index:100;width:100%;background:#fff;right:0;box-shadow:0 3px 10px rgb(0 0 0 / 20%);padding:0;}
.tabfixed ul{max-width:1200px;width:100%;margin:1rem auto;}
.tabfixed ul li img{width:50px;}
@media (max-width:991.98px){.tabfixed{position:relative;top:auto;left:auto;right:auto;}
.tabfixed ul{background:#dde2e6;}
.tabfixed ul li{color:#333;}
.tabfixed li:before{background:#333;}
}
/****inquiry****/
.sendinquiry{display:flex;flex-wrap:wrap;justify-content:center;cursor:pointer;text-align:center;position:relative;z-index:1;margin:1.5rem auto 2rem;}
.sendinquiry span,.sendinquiry a{display:inline-block;position:relative;z-index:1;padding:0.5rem 1.2rem;background:linear-gradient(45deg,#044170,#067aaa);font-weight:300;font-size:0.85rem;color:#fff;transition:0.5s;text-transform:uppercase;letter-spacing:0.05rem;}
.sendinquiry span::after,.sendinquiry a::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#2c3a43;z-index:-1;opacity:0;visibility:hidden;transition:all 0.5s;transform:scaleX( -1 );border-radius:0.3rem;}
.sendinquiry span:hover,.sendinquiry a:hover{color:#fff;}
.sendinquiry span:hover::after,.sendinquiry a:hover::after{opacity:1;visibility:visible;transform:scaleX( 1 );-o-transform:scaleX( 1 );-ms-transform:scaleX( 1 );-moz-transform:scaleX( 1 );-webkit-transform:scaleX( 1 );}
/*history*/
.history_date-list{padding-left:130px;padding-bottom:20px;padding-top:20px;width:100%;margin:0 auto;}
.history_date-list li{border-left:1px solid #333;box-sizing:border-box;cursor:pointer;padding:25px 10px;position:relative;height:auto}
.history_date-list li:first-child:before{background-color:#1a9afb;content:"";display:block;position:absolute;top:0;left:-6px;height:1px;width:11px}
.history_date-list li:last-child:after{background-color:#1a9afb;content:"";display:block;position:absolute;bottom:0;left:-6px;height:1px;width:11px}
.history_date-list li strong{position:absolute;left:-150px;top:33%;display:block;width:100px;text-align:right;line-height:18px}
.history_date-list li span.bullet_point{background-color:#333;border-radius:5px;display:block;position:absolute;top:38%;left:-6px;height:11px;width:11px;transition:all .5s}
.history_date-list li:focus span.bullet_point,.history_date-list li:hover span.bullet_point{border-radius:10px;top:32%;left:-11px;height:21px;width:21px}
.history_date-list li p{position:relative;display:inline-block;transition:all .3s;padding-left:20px;}
.history_date-list li:hover p{position:relative;display:inline-block;padding-left:30px}
.history_date-list li span.image_wrap{border:2px solid #193441;display:block;position:absolute;top:-20px;left:-155px;transition:all .5s}
.history_date-list li:focus span.image_wrap,.history_date-list li:hover span.image_wrap{left:-170px}
.dl-horizontal a{text-decoration:underline !important}
.etw_products>ul{width:100%;display:flex;flex-flow:wrap;}
.etw_products>ul>li{width:30.3%;float:left;margin:0 4% 2rem 0}
.etw_products>ul>li:nth-child(3n){margin-right:0}
.etw_products>ul>li .product_img{width:100%;float:left;overflow:hidden;}
.etw_products>ul>li .product_img img,.etw_products1>ul>li>ol>li.product_img{width:100%;display:block;transition:0.5s;}
.etw_products>ul>li .product_con{width:100%;float:right;padding:0 1rem 0.5rem;}
.etw_products>ul>li .product_con a{color:#33b9cb;font-size:0.8325rem;line-height:1.125rem;display:block;padding:0.7rem 0.5rem 1rem 0;transition:0.5s;}
.etw_products>ul>li .product_con a:hover{color:#1a9afb;}
.etw_products>ul>li .product_con span{display:block;font-size:0.85rem;line-height:1.3rem;color:#888;}
.etw_products>ul>li:hover .product_img img{transform:scale(1.08);}
.etw_products_two>ul>li{width:49%;margin:0 2% 1rem 0;position:relative;padding-bottom:4rem;}
.etw_products_two>ul>li:nth-child(3n){margin-right:2%}
.etw_products_two>ul>li:nth-child(3n+1){clear:none;}
.etw_products_two>ul>li:nth-child(2n){margin-right:0}
.etw_products_two>ul>li:nth-child(2n+1){clear:both;}
.etw_products_two > ul > li .product_img{background:#f6f6f6;padding:0 60px;}
.etw_products_two > ul > li .product_img img{mix-blend-mode:multiply;transition:0.5s;}
.etw_products_two > ul > li .product_con a{font-size:1.4rem;line-height:1.6rem;font-weight:500;}
.etw_products_two>ul>li .product_con{float:right;padding:0 1rem 0.5rem;transition:0.5s;}
.etw_products_two>ul>li .product_con a{color:#292929;font-size:1.2rem;line-height:1.4rem;display:block;padding:1rem 0.5rem 0.8rem 0;font-weight:600;}
.etw_products_two>ul>li .product_con a:hover{color:#33b9cb;text-decoration:underline}
.etw_products_two>ul>li .product_con span{display:block;font-size:0.85rem;line-height:1.3rem;color:#666;}
.etw_products_two>ul>li ol.more{margin:1rem;position:absolute;bottom:0;padding:0.5rem 0;width:160px;border-radius:0;}
.etw_products_two>ul>li ol.more:before{border-radius:0;}
.etw_products_two>ul>li ol.more a{display:block;position:relative;letter-spacing:0.02rem;font-size:0.8rem;line-height:0.8rem;z-index:1;transition:.3s all ease-in-out;}
.etw_products_two>ul>li ol.more a:hover{text-decoration:none;}
.etw_products_four>ul>li{width:23.5%;margin:0 2% 1rem 0;padding:0 0 4rem 0;position:relative;}
.etw_products_four>ul>li:nth-child(3n){margin-right:2%}
.etw_products_four>ul>li:nth-child(3n+1){clear:none;}
.etw_products_four>ul>li:nth-child(4n){margin-right:0}
.etw_products_four>ul>li:nth-child(4n+1){clear:both;}
.etw_products_three>ul>li{width:32%;margin-right:2%;background-color:#fff;border-bottom:2px solid #33b9cb;box-shadow:0px 3px 56px rgb(98 98 98 / 10%);}
.etw_products_three>ul>li .product_con a{font-size:1.3rem;text-align:left;font-weight:600;line-height:1.5rem;padding:0.7rem 0;margin-bottom:0.5rem;}
/* .etw_products_three>ul>li .product_con{padding:1rem 1rem 2rem;}
*/
.etw_products_three>ul>li .product_con span{display:none;}
.etw_products1{width:100%;height:auto;float:left}
.etw_products1 ul{width:100%;display:flex;flex-flow:wrap;margin-bottom:0}
.etw_products1 ul>li{width:100%;margin:0.5rem 0 1rem 0;}
.etw_products1>ul>li>ol,.etw_products1>ul>li>ol>li{width:100%}
.etw_products1>ul>li>ol>li.product_img{width:25%;float:left;text-align:center;border:1px #dedede solid}
.etw_products1>ul>li>ol>li.product_img img{width:100%}
.etw_products1>ul>li>ol>li.product_con{width:72%;float:right;font-size:0.875rem;line-height:1.35rem;color:#787878;}
.etw_products1>ul>li>ol>li.product_con a{display:block;text-align:left;font-size:1.125rem;line-height:1.25rem;color:#101010;padding:0.3rem 0 0.7rem 0;font-weight:700;}
.etw_products1>ul>li>ol>li.product_con a:hover{color:#000;text-decoration:underline}
.etw_products1 ul li.product_con .more a{display:block;color:#fff;background:#9bc14f;text-align:center;font-size:0.75rem;line-height:30px;width:110px;margin-top:1.25rem;padding:0}
.etw_products1 ul li.product_con .more a:hover{color:#fff;text-decoration:none;background:#004d87}
.etw_list_04>ul>li{width:23.5%;}
.etw_list_04>ul>li:nth-of-type(3n){margin-right:2%;}
.etw_list_04>ul>li:nth-of-type(4n){margin-right:0%;}
.etw_list_04>ul>li .product_con a{margin-bottom:0;}
.img_center{width:100%;clear:both;margin:0.3rem auto 1rem auto;text-align:center;position:relative}
.img_center img{display:block;width:100%;position:relative;}
.img_center1{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.img_left,.img_right{width:45%;float:right;margin:10px 0 14px 3%;text-align:center;}
.img_left{float:left;margin:0 4% 15px 0;width:52%}
.sswidth{width:20%;min-width:150px;}
.swidth{width:24.25%;min-width:150px;}
.smwidth{width:27%;box-shadow:none}
.mswidth{width:35%;margin-top:1.125rem;border-radius:18px;}
.mswidth img,.mwidth img{border-radius:18px;}
.mwidth{width:38%;margin:0 0 5px 4%}
.img_left img,.img_right img{display:block;width:100%;border:1px #dedede solid}
.etw_photo{margin:0 0 0.5rem 0;width:100%;height:auto;}
.etw_photo ul{display:flex;width:100%;height:auto;flex-flow:wrap;}
.etw_photo ul li{display:block;margin:0 2% 15px 0;text-align:center;}
.etw_photo ul li img{display:block;width:100%;padding:3px;position:relative;border:2px solid #fff;box-shadow:1px 3px 12px rgba(0,0,0,0.2);}
.etw_photo ul.nopic li img{border:none}
.etw_photo ul li a{color:#333;}
.etw_photo ul li span{display:block;font-size:0.8135rem;line-height:1.125rem}
.etw_photo ul li p{display:block;text-align:left;line-height:1.35rem}
.etw_pic2 ul,.etw_pic3 ul,.etw_pic4 ul,.etw_pic5 ul,.etw_pic6 ul{margin:0}
.etw_pic2 ul li{width:49%}
.etw_pic3 ul li{width:32%}
.etw_pic4 ul li{width:23.5%}
.etw_pic5 ul li{width:18.4%;font-size:12px;}
.etw_pic6 ul li{width:15%;font-size:12px;}
.etw_pic2 ul li:nth-child(2n),.etw_pic3 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(4n),.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:0}
.etw_pic2 ul li:nth-child(2n+1),.etw_pic3 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(4n+1),.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:both;}
figure{margin:0 0 0.3rem 0}
.left_pic{width:45%;height:auto;float:right;margin:0 0 25px 3%;position:relative;z-index:2;}
.left_pic1{width:100%;float:none;margin:0 0 1rem;}
.left_pics{width:100%;height:auto;float:left;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.left_pics img{width:100%;text-align:center;}
.left_pics a{cursor:default}
.related_pic{width:100%;height:auto;float:right;text-align:center}
.related_pic a{width:18%;height:auto;float:left;margin:10px 2% 0 0;display:block;text-align:center;color:#666;font-size:12px;}
.related_pic a img{width:100%;}
#etw_set_feedback_form{overflow:hidden;height:auto;width:75%;float:left;padding:0.5rem 0 1.2rem 0;margin:0}
#etw_form_title{text-align:center;color:#333;font-size:2.2rem;padding:0px;position:relative;font-weight:bold;line-height:2.2rem;}
#floatchatiframe2011{margin:0 -15px;}
#etw_form_title span{padding-right:5px}
#etw_form{width:100%;margin:4rem auto;padding:3rem 0 2rem 0;text-align:center;background:#f6f6f6;box-shadow:10px 10px 10px 0 rgb(0 0 0 / 10%);}
#etw_form #etw_set_feedback_form{margin:1rem auto;padding:0!important;float:none;}
.indent{padding-left:25px}
#etw_form .protitle3{margin:0 auto}
.relatedpro{width:100%;position:relative;}
.relatedpro ul{width:100%;display:flex;flex-wrap:wrap;margin-bottom:0}
.relatedpro ul>li{width:19.2%;margin:0 1% 0.5rem 0;transition:0.5s;}
.relatedpro ul>li:nth-child(5n){margin-right:0}
.relatedpro ul>li a{display:block;color:#666;line-height:16px;font-size:1rem;position:relative;transition:0.5s;}
.relatedpro ul li ol{display:flex;flex-wrap:wrap;position:relative;}
.relatedpro ol li.product_img{overflow:hidden;}
.relatedpro ol li.product_img img{transition:0.5s;}
.relatedpro ol li.product_con{position:relative;}
.relatedpro ol li.product_con a{padding:0.8rem;line-height:1.2rem;display:block;color:#333;transition:.3s all ease-in-out}
.relatedpro ol li.product_con a span{font-weight:600;display:block;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee;font-size:1.2rem;transition:.3s all ease-in-out}
.relatedpro ol li.dq a,.relatedpro ol li a:hover{color:#33b9cb}
.relatedpro ul li.dq a::after,.relatedpro ul li:hover a:after{opacity:1;right:0px;}
.relatedpro ul li.dq,.relatedpro ul li:hover{color:#33b9cb}
.relatedpro ul li.dq img,.relatedpro ul li:hover img{opacity:0.7;}
.relatedpro ul li.dq a,.relatedpro ul li:hover a{color:#33b9cb}
.relatedpro01 ul>li{width:49%;margin:0 2% 0.5rem 0;}
.relatedpro01 ul>li:nth-child(5n){margin-right:2%}
.relatedpro01 ul>li:nth-child(2n){margin-right:0}
.relatedpro01 ul>li ol{display:flex;flex-flow:wrap;align-items:center;}
.relatedpro01 ul>li ol .product_img{width:40%;}
.relatedpro01 ul>li ol .product_con{width:60%;}
.othertitle{display:block;width:100%;margin:1.5rem 0;padding:0 0 1rem 0;position:relative;line-height:1.8rem;font-size:1.5rem;color:#333;overflow:hidden;font-weight:600;}
.othertitle:before{content:"";width:180px;height:5px;display:inline-block;transform-origin:bottom right;transform:skew(40deg,0);position:absolute;left:0;bottom:0;background:#33b9cb;}
.othertitle:after{content:"";width:100%;margin-left:187px;height:10px;transform-origin:bottom right;transform:skew(40deg,0);position:absolute;left:0;bottom:0;background:linear-gradient(70deg,transparent,transparent);border-left:1px solid #aaa;border-bottom:1px solid #aaa;}
.other_pro{width:100%;margin:1.5rem auto 0 auto;overflow:hidden;}
.other_pro ul{width:100%;display:flex;flex-wrap:wrap}
.other_pro ul>li{width:18.4%;margin:0 2% 1rem 0;overflow:hidden;background:#fff;transition:0.5s;}
.other_pro ul li:nth-child(5n){margin-right:0}
.other_pro ul li ol{width:100%}
.other_pro ul li ol li.product_img{width:100%}
.other_pro ul li ol li.product_img img{width:100%;}
.other_pro ul li ol li.product_img:hover img{width:100%;}
.other_pro ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center}
.other_pro ul li ol li.product_con a{color:#333;display:block;line-height:1.1rem;padding:0.5rem 1rem;font-size:0.85rem;}
.other_pro ul>li:hover{background:#044170}
.other_pro ul>li:hover ol li.product_con a{color:#fff}
#mymap{width:100%;height:400px;background:url(../images/mymap.jpg) no-repeat left top;margin-top:20px;position:relative;display:block}
.mapcolor{color:#ec6941;position:absolute;font-size:8px;cursor:pointer}
.map1{left:345px;top:162px}
.map2{left:294px;top:188px}
.map3{left:399px;top:134px}
.map4{left:403px;top:160px}
.map5{left:114px;top:191px}
.map6{left:472px;top:218px}
.map7{left:457px;top:212px}
.map8{left:463px;top:218px}
.map9{left:439px;top:197px}
.map10{left:428px;top:187px}
.map11{left:336px;top:190px}
.map12{left:392px;top:154px}
.map13{left:350px;top:172px}
.map14{left:343px;top:176px}
.map15{left:377px;top:194px}
.map16{left:178px;top:318px}
.map17{left:178px;top:277px}
.map18{left:139px;top:212px}
.map19{left:137px;top:220px}
.map20{left:330px;top:151px}
.map21{left:460px;top:90px}
.map22{left:320px;top:148px}
.map23{left:303px;top:127px}
.map24{left:320px;top:139px}
.map25{left:311px;top:141px}
.map26{left:333px;top:120px}
.map27{left:467px;top:249px}
.map28{left:401px;top:188px}
.map29{left:468px;top:227px}
.map30{left:379px;top:178px}
.map31{left:360px;top:177px}
.map32{left:156px;top:263px}
.map33{left:168px;top:208px}
.map34{left:310px;top:150px}
.map35{left:329px;top:141px}
.map36{left:319px;top:124px}
.map37{left:322px;top:158px}
.map38{left:325px;top:167px}
/*底部*/
#footer{width:100%;height:auto;padding:0.4rem 0 0.8rem 0;margin-top:1rem;}
#footer .content{margin:0 auto;}
#etw_footin{margin:0 auto;width:100%;text-align:center;position:relative;}
#etw_homefooter{height:auto;padding:0.7rem 0;text-align:center;position:relative;width:100%;}
#etw_homefooter a{padding:0 1.25rem;color:#666;font-weight:bold;margin:0px;position:relative;font-size:1.125rem;}
#etw_homefooter a:hover{color:#044170;text-decoration:none;}
#etw_coper a{display:block;color:#666;margin-top:0.6rem;font-size:0.875rem;}
#otherlink{clear:both;width:100%;height:auto;}
#otherlink a{color:#666;font-size:0.625rem;display:inline-block;padding:0.05rem 0.3rem;margin-right:0.875rem;border:1px #666 solid;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:0.875rem;}
#otherlink a:hover{color:#044170;border:1px #044170 solid;text-decoration:none;}
#otherlink a:hover span{opacity:1;top:-3px;transition:all .3s ease-in-out}
/*引用sitemap样式*/
#etw_map{width:100%;margin:0 auto}
#etw_map .name{width:100%;color:#06c;background:#eee;margin-top:6px;height:20px;line-height:20px;display:block;margin-bottom:4px}
#etw_map a{color:#333;text-decoration:underline;width:100%;display:block;margin-top:5px}
#etw_map a:hover{text-decoration:none}
#etw_map .name a{color:#1d3154;margin:0;font-weight:700;text-decoration:none}
#etw_map .name a:hover{text-decoration:underline}
#etw_map .list_m{width:100%;height:auto;margin-bottom:15px;overflow:hidden}
#etw_map .list_m a{width:50%;display:block;float:left;color:#888;text-decoration:none;line-height:20px;padding:5px 0;padding-left:12px;}
#etw_map .list_m a:nth-child(2n+1){clear:both}
#etw_map .list_m a:hover{text-decoration:underline;color:#0c3b64}
#etw_map a.subname{width:100%;display:block;text-decoration:underline;padding-left:0px;}
/*引用sitemap样式*/
.ETWfloatbox_list{background-color:#044170 !important;}
#ETWfloatbox>ul>li>a:hover{opacity:0.8 !important;}
.etw_sum{width:30px;height:30px;position:absolute;left:0px;top:0px;background-color:rgba(255,255,255,0.4);text-align:center;line-height:30px;color:rgba(0,0,0,0.8);font-weight:500;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;font-size:14px;}
.btn-read-more{color:#fff;margin-top:10px;position:relative;z-index:2;background-color:rgb(230,230,230);font-weight:bold;padding:0.2rem 1rem 0.2rem 1.8rem;font-size:0.8rem;border-radius:12px;transition:0.5s;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.btn-read-more::after{content:"\f003";font-family:fontawesome;position:absolute;left:10px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
/* .exhibition */
.exhibition{width:320px;height:251px;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;bottom:30%;z-index:9999;background:url(../images/exhibition.jpg) no-repeat center;box-shadow:0 1rem 3rem rgba(0,0,0,0.575);display:none;}
.exhibition .exh_box>ul{margin-bottom:0;}
.exh_box{position:relative;}
.exh_text{position:absolute;top:55px;left:30px;margin:0 auto;width:250px;float:left;}
.exh_text p{padding-bottom:0;font-size:14px;font-style:italic;line-height:1.55;}
.exh_title1{font-size:22px;float:left;margin-bottom:6px;color:#333;display:block;clear:both;}
.exh_close a:hover{text-decoration:none;}
.exh_close a{color:#666;font-weight:400;text-align:left;display:block;font-size:22px;}
.exh_close{width:50px;height:auto;position:absolute;right:-12px;top:46px;}
.exh-btn-more{background-image:linear-gradient(to right,#eee,#ccc);color:#333;padding:5px;font-size:14px;font-style:italic;font-weight:600;}
/* exhibition */
.etw_exhibition{display:flex;flex-flow:wrap;}
.etw_exhibition li{width:32%;margin:0 2% 1rem 0;padding:15px;background:#fff;box-shadow:1px 3px 12px rgba(0,0,0,0.2);position:relative;border-radius:15px;}
/* .etw_exhibition li::after{content:'';position:absolute;right:20px;bottom:20px;background-image:url(../images/service1.png);width:70px;height:70px;}
*/
.etw_exhibition li:nth-of-type(3n){margin-right:0;}


/* upholstery color */
.etw_upholstery{display: flex;flex-flow: wrap;text-align: center;}
.etw_upholstery li{flex: 1;margin-right: 1%;position: relative;}
.etw_upholstery li:nth-last-of-type(1){margin-right: 0;}
.etw_upholstery .upho_img{min-height:150px;border-radius:2rem;background:center center;background:center center no-repeat;background-size:cover;}
.etw_upholstery span{color: #fff;font-size: 0.85rem;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;line-height: 2.5rem;}

@media (max-width:1299.98px){.navbar-light .navbar-nav .nav-link{margin:0 0 0 0.5rem;}
}
@media (max-width:1199.98px){#etw_logo{width:auto;margin:0.5rem 0 0.5rem 1rem;}
#etw_banner .banner_txt h1{width:100%}
#container{margin-top:132px;}
.company_pic,.company_tit p::before,.company_tit1 img{display:none}
.company_tit{width:100%;padding:1% 1% 1% 2%}
.company_tit p{padding-top:0}
.homevideo{width:48%;margin:1.5rem 2% 0 0}
#etw_producttitle{text-transform:none}
#menu-items{left:-280px;}
}
@media (max-width:991.98px){.exhibition{display:none;}
.top-nav{text-align:left;width:100%;padding:0;}
.navbar-light .navbar-nav .nav-link{border-right:none;border-bottom:1px #f5bdc7 solid;padding:0.4rem 1.4rem 0.5rem 1rem;line-height:1.5rem;margin-left:0}
.navbar-nav .dropdown-menu{border:none;border-radius:0;margin-top:-1px;}
.navbar{padding:0.05rem 0rem 0;}
.navbtn{margin:0.6rem 0.5rem 0 0;}
.navbar-light .navbar-toggler{border:none;outline:none;}
.navbar-toggler-icon{font-size:2rem;}
#header{position:relative;}
#container{margin-top:0;}
.etw_language{float:right;width:auto;}
.etw_language>ul>li::before{position:absolute;content:"";width:1px;height:100%;background-color:#dde2e6;top:-0.2rem;right:1.2rem;}
.etw_language>ul>li>a{margin:1.8rem 3rem 1rem 0;text-align:center;width:40px;z-index:100;}
.etw_language ul li ol{position:absolute;width:100px;left:-1.8rem;top:1.6rem;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:999;display:none;}
#etw_language{width:100%;background:#fff;margin:0;position:relative;height:auto;padding:0;}
#etw_language .dropdown-item{width:auto;color:#333;line-height:1rem;padding:.6rem 0;clear:inherit;display:block;background:0 0;text-align:center;}
#etw_language .dropdown-item:hover{background:none !important;}
#etw_sidebar{display:none}
#etw_right{width:100%;padding-left:0}
.pt-5,.py-5{padding-top:1.5rem !important;}
#etw_bottom .etw_productlists,.bottom_brief{padding:0 10% 0 0}
.other_pro{width:94%}
#etw_banner .banner_txt{display:none}
.containers::before{position:static;content:normal;}
#etw_producttitle{padding-left:1%}
.products_details ul{padding:1.5rem 0}
#menu-items>li{width:100% !important;margin:0;padding:0}
#menu-items>li>a{padding:0 1.5rem 0.5rem 0 !important;font-weight:400 !important}
#menu-items>li>ol{display:none}
}
@media (max-width:767.98px){.etw_homelink > img,.etw_sidebar,#mymap{display:none;}


.pro_h2{
    font-size: 1.8rem;
    margin-top: 10px;
    padding-bottom: 28px;
    margin-bottom: 0px;
}


#etw_homefooter a{font-size:0.875rem;}
.etw_hometitle,h2{font-size:1.2rem;margin-top:0.5rem;}
.etw_products1 ul > li{width:48%;margin-right:4%}
.etw_products1 ul > li:nth-child(3n){margin-right:4%}
.etw_products1 ul > li:nth-child(2n){margin-right:0}
.etw_products1 > ul > li > ol > li.product_img,.etw_products1 > ul > li > ol > li.product_con{width:100%}
.etw_products1 > ul > li > ol > li.product_con a{font-size:0.9375rem;font-weight:normal}
.etw_products1 > ul > li > ol > li.product_con span{display:none}
.etw_products ul > li{width:48%;margin-right:4%}
.etw_products ul > li:nth-child(3n){margin-right:4%}
.etw_products ul > li:nth-child(2n){margin-right:0}
.other_pro ul > li,.etw_smaple ul>li{width:48%;margin-right:3%}
.other_pro ul > li:nth-child(4n){margin-right:4%}
/* .other_pro ul > li:nth-child(2n){margin-right:0} */
.etw_contactin,.company_txt,.bottomlist{width:100%}
.etw_cer ul li{width:32%;margin:0 2% 1rem 0}
.etw_cer ul li:nth-child(4n){margin-right:2%}
.etw_cer ul li:nth-child(3n){margin-right:0}
.content_right{width:100%;}
.bottom_brief,.etw_contactin{width:100% !important}
.left_pic{width:100%}
.company_tit1,.homevideo{width:100%;margin:0 0 2rem 0;}
.homevideo{text-align:center}
.products_details ul li,.products_details ul li:nth-child(2n),.products_details ul:nth-child(2n) li,.products_details ul:nth-child(2n) li:nth-child(2n){width:100% !important;}
.products_details ul li.product_con p{position:static;text-align:left;width:100%;transform:none;padding:1.25rem 0}
}
@media (max-width:575.98px){.etw_contactin ul li p{text-align:left}
.etw_contactin ul li{border:none;padding-left:0}
#etw_homefooter a,#etw_coper a{font-size:0.6rem;}
.img_left,.img_right,.left_pic,.etw_products > ul.three > li,.etw_homelink1 ul,.etw_smaple ul > li,.etw_homelink ul > li,.etw_homelink1 ul > li{width:100%;margin-right:0;}
.smwidth,.etw_contactin ul li{width:100% !important;}
.etw_pic3 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n){margin-right:0;}
.etw_pic3 ul li,.etw_pic4 ul li{width:49%;margin-right:2%;}
.etw_productlists,.company,.etw_contactin{width:100%;padding-bottom:1rem;}
/* .row{margin-left:0 !important;margin-right:0 !important} */
.row1{margin-right:-15px!important;margin-left:-15px !important;}
.relatedpro ul > li{width:100%;margin-right:0}
.about_info ul > li{width:100%;margin:0 0 1.5rem 0}
}
.tablist{margin-bottom:20px;overflow:hidden;}
.tablist ul{width:100%;}
.tablist ul li{float:left;width:auto;min-width:180px;border-left:1px solid #dedede;background:#33b9cb;text-align:center;margin-right:1%;}
.tablist ul li span{color:#ffffff;padding:10px 15px;display:block;cursor:pointer;}
.tablist ul li.cur,.tablist ul li:hover{background:#044170}
.tabinfo{width:100%;}
.tabli{width:100%;display:none;}
.show{display:block;}
.review{color:red;font-size:1.125rem;}


.nav-item span.pro_icon {
    position: absolute;
    top: 6px;
    right: 6px;
    color: #fff;
    padding: 0;
    font-size: 34px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: none;
    text-align: center;
    font-weight: 200;
}



#etw_map ul{
    display: flex;
    margin-left: 30px;
    flex-wrap: wrap;
}
#etw_map ul li {
    margin-right: 30px;
    width: 40%;
}


@media screen and (max-width: 1130px){
    .help_box ul li a{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}


@media screen and (max-width: 991.98px){


    ul.item{
        padding-left: 40px;
    }

    .tab_li li{
        width: 40%;
        flex: auto;
        margin-bottom: 10px;
    }
    /* .content, .content1{
        margin: 0px !important;
    }

    .content, .content1{
        width: 100%;
    } */

    .align-items-center{
        flex-direction: column;
        padding: 0px;
    }

    .content .protitle3{
        margin-left: 20px;
    }

   
    .etw_upholstery{
       width: 100%;
       margin-top: 40px;
       padding: 0px 10px;
    }
    .etw_upholstery li{
        flex: auto;
        width: 18%;
        margin-bottom: 20px;
    }
    #etw_form{
        margin-top: 0px;
    }
    .tab_li li{
        font-size: 1rem;
    }
   
    .etw_producttitle{
       
        margin-bottom: 0px;
    }
    #menu-items{
        min-width: auto;
        overflow: hidden;
    }
    #menu-items>li:last-child{
        margin-bottom: 0px;
    }
    .nav-item span.pro_icon {
        display: block;
    }
    .dropdown-toggle::after{
        display: none;
    }
    .main_bro_box ul>li{
        width: 31.5%;
    }
    .main_bro_box ul>li{
        margin-bottom: 1rem;
    }
    .navbar-light .navbar-nav .dropdown-menu{
        margin: 0;
        background: #066d9c;
      
    }
    .navbar-light .navbar-nav .dropdown-menu li a{
        color: #fff;
    }

   
    #menu-items li {
        margin-bottom: 10px;
    }

    #menu-items li a{
        color: #fff;
     }

     .etw_nav_bottom li{
        width: 33.33%;
        flex: auto;
     }
     .protitle1{
        padding-bottom: 20px;
     }
     #etw_mainbody{
        margin-top: 0px !important;
     }
     .other_pro ul>li{
        width: 31%;
     }
     .other_pro ul > li:nth-child(3n){
        margin-right: 0;
     }

    
}

@media screen and (max-width:1200px) {
    #etw_producttitle{
        padding-left: 30px;
    }
    #container{
        margin-top: 96px;
    }
    #etw_banner .banner_txt h1{
        font-size: 26px;
    }
    .banner_txt{
        left: 10%;
    }
    .about_box1 ul li ol li.product_con h3::after{
        top: 40%;
    }
    
    .about_box1 ul li ol li.product_con h3::after{
        display: none;
    }
    .about_box1 ul li ol li.product_con{
        padding-top: 0px;
    }
    .about_box1 ul li ol{
        align-items:flex-start;
    }
    .about_box3{
        padding-bottom: 0rem;
    }
    .about_box3>ul>li{
        margin-bottom: 0px;
    }
    #etw_logo{
        /* margin-left: 20px; */
    }

}

@media screen and (max-width:1132px){
    .navbar-light .navbar-nav .nav-link{
        /* margin: 0 0 0 .4rem !important; */
        /* padding: 0.3rem .6rem; */
    } 
}

@media screen and (max-width:1004px) {
    .navbar-light .navbar-nav .nav-link{
        padding: 0.3rem .7rem;
    }
    
}

@media screen and (max-width:1050px){

}


@media screen and (max-width:1184px) {
   .navbar-light .navbar-nav .nav-link {padding: 0.3rem 0.5rem;}
   .big_pro_box ol a h3 {font-size: 1.2rem;}
}
@media screen and (max-width:1118px) {
    .item_box{
        margin-bottom: 0rem;
    }
   
    .navbar-light .navbar-nav .nav-link{
        margin: 0px;
    }
}
@media screen and (max-width:992px) {

    .nav-item span.pro_icon{
        top: 0px;
    }

    .containers:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 45px;
        background: #33b9cb;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        z-index: -1;
    }

    .video_show{
        margin-top: 20px;
    }

    .tc{
        text-align: center;
        margin-top: 14px;
    }
    .js-gallery-wrap .box_width{
        width: 90%;
       }


    .item_box, .item_box .px-4{
        padding: 0 !important;
    }
 #headerin .iconfont,
 #headerin .navbar-toggler-icon{
    color: #fff;
    background-image: url("../images/nav_button.svg");
 }

 #container {
    margin-top: 0px;
    overflow: hidden;
}
.etw_products_three>ul>li .product_con a{
    font-size: 1rem;
}
.help_box{
    margin-top: 0rem;
}
.whyus1 li,.whyus1 li:nth-of-type(2),.whyus1 li:nth-of-type(3),.whyus1 li:nth-of-type(4){
    width: 100%;
}
.etw_pic5 ul li{
    width: 32%;
}
.etw_pic5 ul li:nth-child(3n){
    margin-right: 0;
}
.etw_pic5 ul li:nth-child(5n){
    margin-right: 2%;
}


}
@media screen and (max-width:768px) {


    #etw_producttitle{
        margin-bottom: 0px;
    }

    /* #etw_producttitle{
        display: none;
    } */

    

    .etw_upholstery li{
        width: 30%;
    }
    .etw_upholstery .upho_img{
        min-height: 50px;
    }
    .item_box p.item_box_p{
        width: 100%;
    }

    ul.item1 li{
        width: 100%;
    }

    .etw_pdf{
        margin-bottom: 5px !important;
    }
    .about_box1 ul li ol{
        flex-direction: column;
        align-items: center;
    }
    .about_box1 ul li ol li.product_con{
        width: 100%;
    }
    .about_box1 ul li ol li.product_con{
        padding: 1px;
    }
    .about_box1 ul li ol li.product_img{
        width: 60%;
    }
    .about_box3>ul>li{
        width: 48%;
    }
    .about_box3>ul>li:nth-child(2n){
        margin-right: 0;
    }
    .about_box3>ul>li:nth-child(3n){
        margin-right: 2%;
    }
    .about_box3 ul{
        margin-right: -2%;
    }



    #etw_banner .swiper-button-next::after, #etw_banner .swiper-button-prev::after{
        background-size: inherit;
    }
    #etw_banner .swiper-button-next, #etw_banner .swiper-button-prev{
        top: 50%;
        
    }
    #etw_banner .swiper-button-next::after, #etw_banner .swiper-button-prev::after{
        transform: translate(-50%);
    }
    .big_pro_box ol li.bigpro_img img{
        object-fit: contain;
    }
    .big_pro_box ol li.bigpro_img img{
        width: 120px;
    }
    .big_pro_box ol a h3{
        font-size: 14px;
    }
    .main_bro_box{
        padding: 1rem 0;
    }
    .main_bro_box .webtitle{
        font-size: 2rem;
    }
    .main_bro_box ul li ol li.product_con a{
        font-size: .9rem;
    }
    .content, .content1{
        margin: 1rem auto;
    }
   
    .whytitle{
        font-size: 1.8rem;
    }
    .why_us_boox{
        padding: 1rem 0 1rem;
    }
    .adv_box{
        flex-wrap: wrap;
        margin-bottom:0px
    }
    .left_box,.right_box{
        width: 94%;
        margin: 0 auto;
    }
    .video_show_box,
    .video_show_box{
        padding: 1rem 0;
    }
    .video_show_box{
        padding-bottom: 0px;
    }

    .video_item{
        margin-bottom: 1rem;
    }
    .video_show_box .webtitle{
        font-size: 2rem;
    }
    .video_item_des{
        padding-right: 0px;
    }
    .owl-stage-outer h3{
        display: none;
    }
    .about_us_box{
        padding-bottom: 0px;
    }
    .help_title{
        font-size: 1.1rem;
    }
    .help_box ul li img{
        width: 54px;
    }
    .help_box ul li a{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #etw_bottom{
        height: 100%;
        /* background-size: 100% 100%;
        background-position: right center; */
        background-color: #152848;
        background-image: none;
        padding-bottom: 10px;
    }

   .etw_bottom_logo{
    display: none;
   }

}
@media screen and (min-width:697px) {
    .l-s{
        display: block !important;
    }
    .m-d{
        display: none !important;
    }
}
@media screen and (max-width:698px) {
    #etw_banner .swiper-button-next, #etw_banner .swiper-button-prev{
        display: none;
    }

    .l-s{
        display: none !important;
    }
    .m-d{
        display: block !important;
    }

    .pro_banner_bg h2{
        font-size: 2rem;
    }

    .item_box{
        margin-top: 0px;
    }

    .pro_banner_bg{
        min-height: auto;
    }

    #etw_producttitle{
        padding-left: 10px;
        margin-bottom: 0px;
    }

    .pro_h2{
        margin-top: 20px;
        font-size: 1.8rem;
    }
    .tabfixed ul{
        padding-top: 10px;
    }
    .etw_upholstery{
        margin-top: 15px;
    }
    #etw_form{
        padding: 10px 0px ;
    }
   
    #etw_form{
        margin-bottom: 20px;
    }

.etw_upholstery li{
    width: 48%;
}
.protitle1{
    margin-bottom: 16px;
}
.etw_upholstery .upho_img{
    min-height: 80px;
}
.products_details ul{
    padding-bottom: 10px;
}
/* .product_con{
    padding: 0px 14px !important ; */
/* } */
    .etw_pic4 ul li{
        width: 32%;
    }
    ul.item{
        padding-left: 0px;
    }

    .tab_li li{
        width: 100%;
    }

    .box_width{
        width: 100%;
    }
    .etw_pic4 ul li:nth-child(3n){
        margin-right: 0;
    }
    .etw_pic4 ul li:nth-child(4n){
        margin-right: 2%;
    }

    .etw_pic5 ul li{
        width: 49%;
    }
    .etw_pic5 ul li:nth-child(2n){
        margin-right: 0% !important;
    }
    .etw_pic5 ul li:nth-child(3n){
        margin-right: 2%;
    }




    .big_pro_box ol a{
        padding: 1rem;
    }
    #etw_bottom{
        padding-top: 10px;
    }
    .help_box{
        display: none;
    }
    .about_us_box ul li img{
        width: 100%;
        margin-top: 10px;
    }
    .foot_link{
        margin-top: 18px;
    }
    .whyus li{
        width: 100%;
    }
    #etw_top{
     right: 20px;   
    }
}

@media screen and (max-width:592px) {


    .etw_products ul > li{
        margin-right: 0;
    }

    .products_details ul li.product_con{
        padding: 0 2rem 0 2rem;
    }

    #etw_producttitle, .containers:before{
        display: none;
    }

    .m-sm-t1{
        margin-top: 4px !important;
    }

    .item_box .align-items-center{
        padding: 10px;
    }
    .item_box .align-items-center .video_show{
        margin-bottom: 10px;
    }

    .pro_banner_bg h2{
        font-size: 1.6rem;
    }

    .js-gallery-wrap .box_width{
        width: 100%;
       }

       .etw_upholstery .upho_img {
        min-height: 50px;
    }
  

    #etw_producttitle{
        margin-bottom: 0px;
    }

    .etw_products ul > li{
        width: 100%;
    }

    .etw_pic4 ul li{
       width:  49%;
    }

    .etw_exhibition li{
        width: 100%;
        margin-right: 0;
    }

    .box_width{
        width: 100%;
    }
    .etw_pic4 ul li:nth-child(2n){
        margin-right: 0px;
    }
    .etw_pic4 ul li:nth-child(3n){
        margin-right: 2%;
    }
    .contactUs .col-md-6{
        margin: 0px -10px;
     }
     .contactUs{
        margin-right: -20px !important;
     }





    #etw_form #etw_set_feedback_form{
        width: 90%;
    }
    ul.item1 li{
        padding-right: 0px;
    }

    .about_box1 ul li ol li.product_con h3{
        padding: 0px;
        margin: 4px 0px;
    }

    .video_show,.px-4{
       margin: 0px -15px;
    }
    .etw_products_three>ul>li .product_con a{
        font-size: .8rem;
        line-height: 1.1rem;
        margin-bottom: 0px;
    }

    .about_box1 ul li ol li.product_img{
        width: 100%;
    }
    .about_box3>ul>li{
        width: 100%;
    }

    .other_pro ul>li{
        width: 48%;
    }

    .other_pro ul > li:nth-child(3n){
        margin-right: 3%;
    }

    .other_pro ul > li:nth-child(2n){
        margin-right: 0;
    }
    .etw_nav_bottom .content{
        margin-top: 0rem;
    }
    .etw_nav_bottom{
        margin-bottom: 1rem;
    }
    .big_pro_box ol a h3{
        font-size: 13px;
        padding-top: 10px;
    }
    .big_pro_box ol li.bigpro_img img{
        display: none;
    }
    .big_pro_box ul ol a{
        height: 64px;
        text-align: center;
    }
    .main_bro_box ul>li{
        width: 48.5%;
    }
    .about_us_box ul{
        flex-direction: column;
    }
    .help_title,
    .help_box ul li span{
        font-size: .9rem;
    }
    .help_box ul li a{
        padding: 6px;
    }
    .main_bro_box .webtitle{
        font-size: 1.5rem;
    }
    .main_bro_box ul>li{
        margin-bottom: .8rem;
    }
    .history_item li .history_img img, .img_bg{
        width: 60px;
        height: 60px;
    }
    .why_us_boox .row .col-md-6,
    .video_show_box .content .col-md-5,
    .video_show_box .content .col-md-7{
        padding: 0px;
    }
    .help_title, .help_box ul li span{
        font-size: .8rem;
    }
    #otherlink a{
        margin-right: 0.275rem;
        font-size: 0.925rem;
        margin-bottom: 6px;
    }
    #etw_logo img{
        width: 60px;
    }
    .navbar-toggler-icon{
        font-size: 1.5rem;
    }
    #etw_logo{
      margin: 0.9rem 0 0.5rem 1rem;
    }
    .navbtn {
        margin: 0.9rem 0 0.5rem 1rem;
    }
    #etw_banner{
        height: 238px;
    }
    .swiper-container,
    #etw_banner img{
        height: 100%;
        object-fit: cover;
    }
    .big_pro_box ul{
        flex-direction: column;
    }
    .big_pro_box ul ol{
        width: 100%;
    }
}



.layui-layer-shade .layui-layer{ left:0!important; position:absolute;}


.related_pic1 a{width:14%;}
.left_pics{ position: relative;}
.content_photo{ max-width: 600px; margin: 0 auto;}

.etw_reviewpro{ padding:20px 0;}
.etw_reviewpro li{ width:100%;}
.etw_reviewpro li a{ display:block; color:#333; position:relative; padding-left:16px;}
.etw_reviewpro li a:hover{ color:#ff4e4e;}
.etw_reviewpro li a:before{position:absolute;content:'';width:5px;height:5px;left:0px;top:8px;background:#777;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.etw_reviewpro li a:hover:before{background:#ff4e4e}