@charset "utf-8";
@font-face{font-weight:400;font-style:normal;font-family:fontawesome;src:url(//:) format("no404"),url(../font-awesome/fontawesome-webfont.woff) format("woff"),url(../font-awesome/fontawesome-webfont.ttf) format("truetype")}
@font-face{font-family:Cabin-Bold;src:url(../font/Cabin-Bold.ttf) format("truetype")}
@font-face{font-family:Montserrat-Bold;font-style:normal;font-weight:700;src:url(../font/Montserrat-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:Open-Sans;src:url(../font/Open-Sans.ttf) format("truetype")}
@font-face{font-family:Roboto-Bold;font-style:normal;font-weight:600;src:local("Roboto SemiBold"),local("Roboto-SemiBold"),url(../font/roboto-bold.woff) 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-weight: 200;
  font-style: normal;
  font-family: 'Poppins';
  src: local('Poppins Light'), local('Poppins Light'), url(../font/Poppins-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-weight: 300;
  font-style: normal;
  font-family: 'Poppins';
  src: local('Poppins Regular'), local('Poppins Regular'), url(../font/Poppins-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-weight: 500;
  font-style: normal;
  font-family: 'Poppins';
  src: local('Poppins Medium'), local('Poppins Medium'), url(../font/Poppins-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-weight: 600;
  font-style: normal;
  font-family: 'Poppins';
  src: local('Poppins SemiBold'), local('Poppins SemiBold'), url(../font/Poppins-SemiBold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: 'Poppins';
  src: local('Poppins Black'), local('Poppins Black'), url(../font/Poppins-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-weight: 200;
  font-style: normal;
  font-family: 'Roboto';
  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-weight: 300;
  font-style: normal;
  font-family: 'Roboto';
  src: local('Roboto Regular'), 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-weight: 400;
  font-style: normal;
  font-family: 'Roboto';
  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:iconfont;src:url(../font/iconfont.ttf?t=1622274305876) format("truetype")}
@font-face{font-family:iconfont;src:url(../font/iconfont2.ttf?t=1626750008792) format("truetype")}
@font-face{font-family:iconfont;src:url(../font/iconfont3.ttf?t=1627293512415) format("truetype")}




/****basic****/
body{color:#777;font-family:Poppins,Arial,Helvetica,sans-serif;font-size:0.9rem;line-height:1.5rem; font-weight:200;}
*{box-sizing:border-box;padding:0;margin:0}
li,ol,ul{list-style:none;margin-bottom:0}
img{vertical-align:top;max-width:100%;-ms-interpolation-mode:bicubic}
.clearfix::after{display:table}
hr{margin-bottom:3rem}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#174277;transition:.3s all ease-in-out;blr:expression(this.onFocus=this.blur())}
a:hover{color:#1782d2}
a:focus{outline:0;text-decoration:none}
a,a:hover{text-decoration:none}
a.link{color:#124ca0;text-decoration:underline;font-family:Oswald}
a.link:hover{color:#289fe1;text-decoration:underline}
.img_list span{text-align:center;display:block;padding:.5rem;font-size:.9rem}
strong{font-weight:600;color:#000}
.clear{clear:both;line-height:0;font-size:0;margin:0;padding:0;height:0}
.table_100{float:left;margin:0 0 1rem 0;width:100%;height:auto;background:#b7b7b7}
.table_100 tr{background:#fff}
.table_100 tr td{padding:6px;font-size:.9em}
.table_100 tr.top{background:#edecec; font-weight:400;}
.table_100 tr:nth-of-type(odd){background:#fff}
.table_100 tr:nth-of-type(2n+1){background:none repeat scroll 0 0 #efefef}
.table_100 tr:hover{background:#d5d5d5;transition:background 1s linear 0s,color .3s linear 0s,font-weight 1s linear 0s}
.table_no_style{width:98%;float:left;height:auto;margin-bottom:10px}
.table_no_style img{border:1px solid #ccc;margin-top:10px}
.table_no_style tr.top1{font-size:16px;color:#004998}
.inquiry{color:#004998}
.pro_modle .inquiry{background-color:#0064af;padding:.3rem 1rem}
.pro_modle .inquiry:hover{color:#fff}
.table tr td{vertical-align:middle!important;padding:6px!important;text-align:center}
.table_left tr td{text-align:left}
.table tr:nth-child(odd){background-color:#f2f2f2}
.table tr:nth-child(even){background-color:#fff}
.table-img{width:100%;min-width:200px}
.table-img img{width:200px}
table,td{border:1px solid #ccc!important}
.table1{width:auto}
h3{font-size:1.5rem;color:#333;font-family:Roboto; font-weight:400;}
.layout_item h3,.othertitle,.tags_title,.technical_list h3{font-size:1.3rem;color:#000;font-family:Helvetica-Neue}
.layout_item_bg h3{color:#fff}
.etw_hometitle,h2{float: left;
    display: block;
    line-height: 2rem;
    padding: 1rem 0;
    color: #000;
    font-size: 1.8rem;
    font-family: Roboto;
    font-weight: 400;
    width: 100%;}
.small_title{font-size:1.2rem;color:#666;font-family:Open-Sans;margin-bottom:2rem}
.pro_modle{color:#333;font-size:1.2rem;position:relative;padding-bottom:.5rem;margin-bottom:1rem}
.pro_modle::before{position:absolute;content:"";bottom:0;left:0;width:60px;height:1px;background-color:#0064af}
#etw_top{position:fixed;width:35px;height:35px;right:5px;bottom:100px;text-align:center;background:#0065b0;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:#fff00a}
.brief{color:#999;padding-top:1rem;margin-bottom:3rem;font-size:.85rem;margin-top:2rem}

/* #header */
#header{width:100%;height:auto;position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:99;background-color:#fff;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}
.headerin{position:relative;width: 100%;
    max-width: 1200px;margin:0 auto}
.headerin_pro{width:100%;}
.shadow_none{ box-shadow:none!important; background:0!important;}
.nav-fixed{background:#fff!important;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;-webkit-animation:.5s ease-in-out 0s normal none 1 running fadeInDown;animation:.5s ease-in-out 0s normal none 1 running fadeInDown}
@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}
#etw_logo{width:auto;float:left;margin:1rem 0 1rem 0;position:relative}
.top-nav{position:relative;float:right}
.navbar{ padding:1rem;}
.navbar-expand-lg .navbar-collapse{justify-content:flex-end}
.navbar-light .navbar-nav .nav-link{color: #000;
    font-size: 0.9rem;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    font-weight: 200;
    position: relative;}

.navbar-light .navbar-nav .nav-link::before{content:"";position:absolute;width:60%;height:1px;left:0;right:0;margin:0 auto;text-align:center;bottom:0;background:#0086cd;transform:scale(0);transition:all .2s;transform-origin:left;z-index:1}
.navbar-light .navbar-nav .nav-item{position:relative}
.navbar-light .navbar-nav .active:after,.navbar-light .navbar-nav .nav-item:hover:after{opacity:1}
.navbar-light .navbar-nav li a.nav-link:hover:before,.navbar-light .navbar-nav li.active a.nav-link:before{transform:scale(1)}

.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{color:#0065b0}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#0065b0}
.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover,.navbar-light .navbar-nav .nav-item ul li>ol>li>a.active,.navbar-light .navbar-nav .nav-item ul li>ol>li>a:hover{color:#0065b0;background:0 0}
.navbar-nav .dropdown-menu{    padding-top: 0;
    top: 90%;
    border: none;
    border-top: 2px solid #0086cd;
    border-radius: 0;
    background: rgba(228,234,242,0.95);
    padding: 0;
    box-shadow: 0 3px 3px rgb(0 0 0 / 10%);}
.navbar-nav .dropdown-menu .dropdown-item{    font-size: .75rem; margin-bottom:1px;
    font-weight: 300;
    color: #333;
    padding: 0.3rem 1rem;}
.navbar-nav .nav-item:nth-child(3) .dropdown-menu .dropdown-item{ position:relative;}
.navbar-nav .nav-item:nth-child(3) .dropdown-menu .dropdown-item:after{content:"";position:absolute;width:0;height:0;border-left:5px solid #666;border-top:4px solid transparent;border-bottom:4px solid transparent;right: 8px;
    top: 12px;}
.navbar-nav .dropdown-menu .dropdown-item:hover,.navbar-nav .dropdown-menu .dropdown-item.active{ background:#0086cd; color:#fff;}
.navbar-light .navbar-nav .nav-item ul li ol{padding:0 .5rem;background-color:#eee;padding-left:1.5rem}
.navbar-light .navbar-nav .nav-item ul li>ol>li>a{font-weight:400;font-size:12px;display:block;color:#666;padding:.2rem .5rem}


/*language*/
.etw_language>ul{position:relative;float:right;z-index:2;padding:.2rem .2rem;margin-top:1.1rem}
.etw_language a:not([href]):not([tabindex]){color:#010101;cursor:pointer}
.etw_language>ul>li>a{display:flex;padding:.2rem 1rem;font-size:.9rem;align-items:center;justify-content:space-around}
.etw_language>ul>li img{padding-top:.3rem}
.etw_language ul ul{display:none;position:absolute;top:92%;right:0;padding:0;background-color:#eee;min-width:100px;border-radius:4px}
.etw_language ul ul a{display:block;text-align:left;float:left;padding:.3rem 1rem;color:#333;font-size:12px}
.etw_language ul ul li a img{padding-top: .4rem;
    padding-right: .4rem;}
.etw_language ul ul li a:hover{color:#0065b0}
.etw_language ul li:hover>ul{display:block}
.etw_language .dropdown-item{min-width:100px}
.iconfont{font-family:iconfont!important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666}


/* etw_banner */
#etw_banner{width:100%;margin:0 auto;text-align:center;position:relative}
.banner_txt{width:100%;margin:0 auto;position:absolute;top:160px;left:0; right:0;color:#0186cd;font-family:Arial, Helvetica, sans-serif;}
.banner_info{ width:92%; margin:0 auto; text-align:left;line-height:1.3;}
.banner_info h1{font-size:3rem;text-shadow:0 1px 0 #0186cd, 0 2px 6px rgba(21, 21, 21, 0.7); font-style:italic; text-transform:uppercase; font-weight:bold;}
.banner_info p.small_txt{ padding-top:0.6rem; padding-left:0.3rem;font-size:1.8rem;}
.banner_2{ top:72px;}
.banner_2 .banner_info{ text-align:right;}
.banner_2 .banner_info h1{ font-size:3.5rem;}
.banner_2 .banner_info p.small_txt{ font-size:3rem; padding:0; margin:0;}
.banner_3{top:50%;left:50%;transform:translate(-50%,-50%);}
.banner_3 .banner_info{ text-align:right;}
.banner_3 .banner_info h1{ font-size:4.2rem; display:inline-block; max-width:1000px;}

.carousel-control-next-icon,.carousel-control-prev-icon{background-color:#1b5a89;border-radius:50%;background-image:none;height:40px;width:40px;position:relative;line-height:40px;cursor:pointer}
.carousel-control-next-icon::before{font-family:fontawesome;content:"\f105";position:absolute;top:0;left:0;right:0;margin:0 auto;font-size:2rem}
.carousel-control-prev-icon::before{font-family:fontawesome;content:"\f104";position:absolute;top:0;left:0;right:0;margin:0 auto;font-size:2rem}
.carousel-indicators li{background-color:#cfd3d7;width:12px;height:12px;border-radius:50%;margin-right:5px;margin-left:5px}
.carousel-indicators .active{background-color:#2a9ee9}
.carousel-control-next,.carousel-control-prev{background:0 0;border:none;z-index:2}
/* main_pro */
.main_pro{width:100%;margin:0 auto}
.webtitle{color:#0088ce;font-size:2.58rem; font-weight:400;text-align:center;position:relative;margin-bottom:3rem}
.webtitle::before{position:absolute;content:"";background-color:#0088ce;width:50px;height:4px;bottom:-20px;left:0;right:0;margin:0 auto}
.swidth{width:90%;margin:0 auto;text-align: justify;}
.main_pro_item{width:100%;border:1px solid #ddd;border-radius:8px;padding:1rem;overflow:hidden;height:100%}
.main_pro_item h3{     font-family: Roboto;
    font-weight: 400;
    font-size: 0.95rem;
    color: #545454;
    padding: 1.2rem 0;
    line-height: 1.3rem;
    margin-bottom: 1.2rem;
    transition: .3s all ease-in-out;
    border-bottom: 1px solid #ddd;}
.main_pro_item p{color:#818181;    font-size: .8rem;
    line-height: 1.4rem;transition: .3s all ease-in-out;}
.main_pro_item .mainpro_img{text-align:center}
.main_pro_item,.main_pro_item img{transition:all .3s}

.main_pro_item:hover h3,.main_pro_item:hover p{color:#fff}
.main_pro_item:hover{border:1px solid #2a9ee9; background:#2a9ee9; color:#fff;}

/* about_box */
.about_box{width:100%;margin:0 auto;background:url(../images/about_bg.jpg) no-repeat top center;padding:3rem 0;padding-bottom:6rem;color:#677281;background-size:cover}
.about_box p{line-height:1.85}
.about_box .webtitle{text-align:left;font-size:1.5rem;line-height:1.35;margin-bottom:2rem}
.about_box .webtitle::before{right:inherit;bottom:-1rem}
.btn-more{border:1px solid #0086cd;border-radius:0;padding:.5rem 2rem;color:#0086cd;font-family:Open-Sans}
.about_box .about_img{position:relative;z-index:1}
.about_box .about_img img{display:block;padding:0 2rem}
.about_box .about_img::before{position:absolute;content:"";width:99px;height:413px;background-color:#0086cd;top:-1rem;left:0;z-index:-1}
.about_box .about_img::after{position:absolute;content:"";width:0;height:0;border-bottom:413px solid #0086cd;border-right:150px solid transparent;top:-1rem;left:98px;z-index:-1}

.about_box1{ width:100%; margin:5rem 0 2rem 0;}
.about_box1 ul{ display:flex; flex-wrap:wrap;}
.about_box1>ul>li{ width:32%; margin:0 2% 1rem 0;    background: #f2f2f2;box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%); }
.about_box1>ul>li:nth-child(3){ margin-right:0;}
.about_box1 ul li ol li.product_img{     margin: 2rem auto 0 auto;
    padding: 1rem;
    background: #0086cd;
    border-radius: 50%;    width: 70px;
    height: 70px;}
.about_box1 ul li ol li.product_con{ width:100%; padding:1rem;text-align: center;}
.about_box1 ul li ol li.product_con a{ display:block; text-align:center; color:#333; font-size:1.2rem; line-height:1.4rem; padding:0.5rem 0;}
.about_box1 ul li ol li.product_con a:hover{ color:#0086cd;}
.about_box1 ul li ol li.product_con span{ text-align:left; display:block; color:#333; font-size:0.8rem; line-height:1.4rem; padding:1rem;}
.about_box1 ul li ol li.product_con a.more{ font-size:0.9rem; border:1px solid #333; line-height:1rem; display:inline-block; min-width:130px; padding:0.8rem 0; margin:1rem auto 2rem auto;}
.about_box1 ul li ol li.product_con a.more:hover{ border-color:#0086cd;}
/* service_box */
.service_box{width:100%;margin:0 auto;position:relative}
.service_box .row{margin-left:0;margin-right:0}
.service_right{background:url(../images/video_bg.jpg) no-repeat left top;background-size:cover}
.service_right img{width:100%}
.one_stop{padding:3rem;color:#dde8f6;position:relative;width:80%}
.service_left{background-color:#0086cd}
.bg_color1,.bg_color2{background-color:#0086cd;height:60px;width:100%;position:absolute;top:-3rem;right:0}
.bg_color2{bottom:-3rem;right:0;top:inherit;z-index:2}
.one_stop h3{color:#fff; font-weight:400;font-size:2.25rem;font-family: Poppins; padding-bottom:0.6rem;}
.one_stop strong{font-weight:400;color:#fff;font-size:1.2rem;display:block;margin-top:3rem}
.one_stop p{ margin-bottom:0.75rem; line-height:1.5;}
.one_stop ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}
.one_stop ul li{width:49%}
.one_stop ul li a{color:#dde8f6;position:relative;padding-left:3rem;display:block;padding-bottom:1rem;font-size:1rem;}
.one_stop ul li a::before{position:absolute;content:"";width:39px;height:35px;left:0;top:-5px;background:url(../images/icon_01.jpg) no-repeat center center}
.one_stop .btn-more{color:#dde8f6;border-color:#dde8f6}
.btn-more:hover{background-color:#0086cd;color:#fff}
.one_stop .btn-more:hover{background-color:#dde8f6;color:#0086cd}

/* case_box */
.case_box{width:100%;margin:0 auto;background:url(../images/case_bg.jpg) no-repeat top;background-size:cover;padding:6rem 0;position:relative;z-index:0}
.case_box .item{background-color:#fff;padding-bottom:1rem;box-shadow:0 .25rem .2rem rgba(0,0,0,.15);margin-bottom:1rem}
.case_box .item .pro_name{color:#585f6c;font-size:.9rem;font-family:Open-Sans;text-align:left;padding:.5rem;line-height:1.45;height:80px}


/* etw_video */
.etw_video{width:100%;    overflow: hidden;
    margin: 10px auto 2rem auto;
    position: relative;
    float: left;
    height: 140px;background:url(../images/video.jpg) no-repeat center;background-size:cover; display:flex; flex-wrap:wrap;align-items: center;
    justify-content: center;}
.etw_video_about{background:url(../images/video01.jpg) no-repeat center;background-size: cover;}	
.home_video{width:100%}
.video_show{display:flex; flex-wrap:wrap;align-items: center;
    justify-content: center;}
.etw_video a{    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../images/video.png) no-repeat;
    background-size: cover;}
.etw_video:hover a{color:#0086cd}
.etw_video:hover:before{border-color:transparent #0086cd transparent}
.etw_video1{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video1.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video1{width:93%}
.etw_video1:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video1 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video1:hover a{color:#0086cd}
.etw_video1:hover:before{border-color:transparent #0086cd transparent}
.etw_video2{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video2.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video2{width:93%}
.etw_video2:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video2 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video2:hover a{color:#0086cd}
.etw_video2:hover:before{border-color:transparent #0086cd transparent}
.etw_video3{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video3.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video3{width:93%}
.etw_video3:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video3 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video3:hover a{color:#0086cd}
.etw_video3:hover:before{border-color:transparent #0086cd transparent}
.etw_video4{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video4.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video4{width:93%}
.etw_video4:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video4 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video4:hover a{color:#0086cd}
.etw_video4:hover:before{border-color:transparent #0086cd transparent}
.etw_video5{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video5.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video5{width:93%}
.etw_video5:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video5 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video5:hover a{color:#0086cd}
.etw_video5:hover:before{border-color:transparent #0086cd transparent}
.etw_video6{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video6.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video6{width:93%}
.etw_video6:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video6 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video6:hover a{color:#0086cd}
.etw_video6:hover:before{border-color:transparent #0086cd transparent}
.etw_video7{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video7.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video7{width:93%}
.etw_video7:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video7 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video7:hover a{color:#0086cd}
.etw_video7:hover:before{border-color:transparent #0086cd transparent}
.etw_video8{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video8.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video8{width:93%}
.etw_video8:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video8 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video8:hover a{color:#0086cd}
.etw_video8:hover:before{border-color:transparent #0086cd transparent}
.etw_video9{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video9.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video9{width:93%}
.etw_video9:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video9 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video9:hover a{color:#0086cd}
.etw_video9:hover:before{border-color:transparent #0086cd transparent}
.etw_video10{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video10.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video10{width:93%}
.etw_video10:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video10 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video10:hover a{color:#0086cd}
.etw_video10:hover:before{border-color:transparent #0086cd transparent}
.etw_video11{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:250px;background:url(../images/video11.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video11{width:93%}
.etw_video11:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video11 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video11:hover a{color:#0086cd}
.etw_video11:hover:before{border-color:transparent #0086cd transparent}
.etw_video12{width:98%;overflow:hidden;margin:10px auto;position:relative;float:left;height:450px;background:url(../images/video12.jpg) no-repeat center;background-size:cover;border:1px solid #ccc}
.home_video12{width:93%}
.etw_video12:before{content:"";position:absolute;border-width:12px 0 12px 20px;border-color:transparent red transparent;top:40%;border-style:solid;left:43%}
.etw_video12 a{top:38%;font-size:24px;color:#fff;position:absolute;left:0;right:-20px;margin:auto;text-align:center;text-transform:uppercase;text-shadow:1px 1px 3px #000}
.etw_video12:hover a{color:#0086cd}
.etw_video12:hover:before{border-color:transparent #0086cd transparent}
.video_btn{width:76px; height:76px;    overflow: hidden;
    position: absolute;background:url(../images/video.png) no-repeat center;background-size:cover; display:flex; flex-wrap:wrap;align-items: center; cursor:pointer;
    justify-content: center;}
.video-text{ color:#333;display: block;
    line-height: 1.2rem;
    margin-bottom: 1rem;}
.video-text a{ color:#333;text-decoration:underline;}
.video-text a:hover{ color:#0086cd;}


/* container */
#container{width:100%;margin:0 auto;margin-top:72px;overflow:hidden}
.pro_container{margin-top:140px!important}
#etw_mainbody,.content{width:98%;max-width:1200px;margin:2.5rem auto}
#etw_mainbody{max-width:1200px;margin-top:1rem;}
#etw_sidebar{width:24%;float:left}
#etw_pagebody{width:73%;float:right}
#about_sub{width:100%;height:auto;float:left;display:block;border-bottom: 2px solid #0086cd;}
#about_sub ul{float:left;height:auto;width:100%}
#about_sub ul li.big_case{width:100%;color:#fff;    border-top: 1px solid #ddd;}
#about_sub ul li.big_case a{color:#fff;    padding: 0.8rem 0 0.8rem 1rem;
    font-size: 1.3rem;
    line-height: 1.3rem;
    background: #0086cd;
    display: block;
    font-family: Roboto;}
#about_sub>ul>li.big_case>a:hover{ background:#0e9ce8;}

#about_sub ul.about_sub li{width:99%;height:auto;float:left;display:block;padding:0}
#about_sub ul.about_sub li a{display: block;
    line-height: 27px;
    padding: 0.5rem 0 0.5rem 1rem;
    color: #999;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    font-weight: 300;
    font-size: 14px;    font-family: Poppins;
    position: relative;}
#about_sub ul.about_sub li a:after{ content:"\f105";position:absolute;right:4px;top:7px;font-family:FontAwesome;color:#999;font-size:1.3rem}
#about_sub ul.about_sub li:last-child a{ border-bottom:none;}
#about_sub ul.about_sub li a.dqpro,#about_sub ul.about_sub li a:hover,#about_sub ul.about_sub li a.dqpro:after,#about_sub ul.about_sub li a:hover:after{color:#0086cd}

#etw_title{width:100%;line-height:40px;color:#fff;float:left;overflow:hidden}
#etw_title a{color:#fff;padding-left:20px;font-size:1.2rem;background:#a7a9ac;display:block; font-weight:400;}
#etw_title a:hover{text-decoration:underline;background:#0086cd}
#etw_productlist{width:100%;height:auto;float:left;display:block;border:1px solid #dcdcdc}
#etw_productlist ul{float:left;height:auto;width:100%; }
#etw_productlist ul li{width:100%;height:auto;float:left;display:block;font-size:12px}
#etw_productlist ul>li>a{    display: block;
    line-height: 1rem;
    padding: 8px 10px 8px 18px;
    color: #777;
   
    border-bottom: 1px solid #fff;
    font-size: 0.75rem;
    margin: 0 1rem;}
#etw_productlist ul li.big_case{width:100%;height:auto;float:left;display:block}
#etw_productlist ul li.big_case a{display: block;
    line-height: 1.1rem; margin:0;
    padding: 1rem 1rem 1rem 1.7rem;
    color: #333;
    position: relative;
    font-weight: 400;
    font-size: .8rem;
    background: #f2f2f2;}
#etw_productlist ul li.big_case a:before{    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid #333;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    left: 12px;
    top: 20px;    transition: .3s all ease-in-out;}
#etw_productlist ul li.big_case a.dqpro,#etw_productlist ul li.big_case a:hover{background:#0e9ce8; color:#fff; text-decoration:none;}
#etw_productlist ul li.big_case a.dqpro:before,#etw_productlist ul li.big_case a:hover:before{ border-top-color:#fff;}
#etw_productlist ul li a.dqpro,#etw_productlist ul li a:hover{color:#0086cd; text-decoration:underline;}
#etw_productlist ul li small{display:block;font-size:12px}
#etw_contacts{width:100%;height:auto;float:left;display:block;margin-top:2rem;color:#111;font-size:12px}
.etw_contact_title1{width:100%;font-size:16px;color:#000;line-height:40px;background:#0086cd}
.etw_contact_title1 a{color:#fff;padding-left:1rem; display:block;}
.etw_contact_title1 a:hover{background:#0e9ce8;}
.etw_contacts{width:100%;border:1px solid #dcdcdc;border-top:0;height:auto;overflow:hidden;padding:10px 1rem;}
.etw_contacts p{ margin-bottom:0.5rem;line-height: 1.2rem;}
.etw_contacts p a{ color:#0086cd;}
.etw_contacts p a:hover{ text-decoration:underline;}
#qrcode{width:150px;display:inline-block;margin-top:1rem}
.con_all{float:left;margin:8px 0;width:100%}
.con_all img{float:right;text-align:right}

.sendinquiry{    display:flex;
    flex-wrap: wrap;     justify-content: center;
cursor: pointer;


text-align: center;

position: relative;
z-index: 1;}
.sendinquiry span{    color: #fff; background:#0086cd;
    padding: 0.5rem 1.2rem;
    border-radius: 2rem;
    font-size: 0.9rem;
    line-height: 0.9rem;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    transition: .3s all ease-in-out;
    min-width: 100px;    margin: 0.5rem 0 1rem 0;}
.sendinquiry i{padding-right:.3rem;font-size: 1rem;}
.sendinquiry span:hover{ transform:translateY(-0.5rem);}
.big_cate_format{display:block;width:100%;margin:1.5rem 0 2rem 0;}
.big_cate_format a{padding: 1rem 0;
    color: #333;
    line-height: 1.6rem;
    font-size: 1.4rem;
    position: relative;
    font-weight: 600;}
.big_cate_format a:before,.big_cate_format a:after{ position:absolute; content:''; width:150px; height:2px; left:0; bottom:14px; background:#0086cd;}
.big_cate_format a:after{ bottom:7px; width:100px;}
.big_cate_format a:hover{color:#0086cd}
.big_cate_txtsummary{float:left;padding:10px 0;width:100%;height:auto;line-height:20px}
.big_cate_txtsummary a.etw_more{display:block;overflow:hidden;width:0;height:0}
.big_cate_txtsummary p{margin:0;padding:0}
.productsformat_sub ul,.productsformat_sub ul>li{width:100%;float:left}
.productsformat_sub ul>li{  box-shadow: 2px 3px 20px #ddd;
    margin: 0 0 2rem 0;}
.productsformat_sub ul>li>ol{display:flex;flex-wrap:wrap;padding:1rem 0.5rem;width:100%}
.productsformat_sub ul>li>ol li.etw_pro_img{padding-right:1rem; width:20%;}
.productsformat_sub ul>li>ol li.etw_pro_img img{padding:3px}
.productsformat_sub ul>li>ol li.etw_pro_name{ width:80%;font-size: .75rem;
    line-height: 1.2rem;padding: 0 1rem 0 0;}
.productsformat_sub ul li.etw_pro_name a,.productsformat_sub ul>li>ol li.etw_pro_name a{display:block;padding-bottom:.5rem;padding-top:.5rem}
.productsformat_sub ul li.etw_pro_name a,.productsformat_sub ul>li>ol li.etw_pro_name a,.productsformat_sub ul>li>ol li.etw_pro_name a strong{font-size: 1rem;
    color: #333; font-weight:600;}
.productsformat_sub ul>li>ol li.etw_pro_name a.xiaolei{font-family:Arial,Helvetica,sans-serif;padding-bottom:0;font-size:12px}
.productsformat_sub ul li.etw_pro_name a:hover,.productsformat_sub ul>li>ol li.etw_pro_name a strong:hover,.productsformat_sub ul>li>ol li.etw_pro_name a:hover{color:#0086cd}


.productsformat_sub ul{display:flex;flex-wrap:wrap}
.productsformat_sub ul li.etw_pro_img{padding-right:1rem;width:20%;}
.productsformat_sub ul li.etw_pro_img img{padding:3px}
.productsformat_sub ul li.etw_pro_name{width:80%;font-size:.9rem;line-height:1.25}
.productsformat_sub ul li.etw_pro_name a{display:block}
.productsformat_sub .etw_more{display:none!important}
.xxtitle{ background-color: #eee;
    width: 100%;
    overflow: hidden;
    line-height: 1.5rem;
    border-left: 3px solid #0086cf;
    margin: 10px 0;
    font-size: 1.2rem;
    padding: 0.6rem 1rem 0.5rem 1rem;}
.xxtitle strong{font-weight: 400;}
.btn-group1{ float:right;}
.btn-group1 .btn{ margin-right:5px; border-radius:0; padding:0}
.btn-group1 .btn a{ display:block;padding: .375rem .75rem; width:35px;}

/* relatedpro */
.relatedpro{width:100%}
.relatedpro ul{width:100%;height:auto;padding:5px 10px;float:left;display:flex;flex-wrap:wrap;justify-content:space-between}
.relatedpro ul li{width:49%;height:auto}
.relatedpro ul li a{padding:4px 15px;display:block;color:#000;font-size:12px;position:relative;line-height:18px;float:left}
.relatedpro ul li a:before{content:"";position:absolute;width:0;height:0;border-left:5px solid #000;border-top:4px solid transparent;border-bottom:4px solid transparent;left:5px;top:9px}
.relatedpro ul li a.dq,.relatedpro ul li a:hover{color:#0086cd}
.relatedpro ul li a.dq:before,.relatedpro ul li a:hover:before{border-left-color:#0086cd}

/* more title */
.protitle{    font-size: 1.1rem;
    padding: .6rem 0;
    color: #111;
    margin: 0 0 0.6rem 0;
    font-weight: 400;    font-family: Roboto;}
.protitle span{position:relative}
.protitle span:before{position: absolute;
    content: '';
    width: 93px;
    height: 3px;
    background: #0086cd;
    left: 0;
    bottom: -8px;}
.protitle1{border-bottom:1px solid #ddd;margin:15px 0}
.protitle1 strong{display:inline-block;background:#ddd;padding:5px 15px 3px 15px;color:#121212}
.protitle2{    font-size: 1.3rem;
    font-family: Roboto;
    color: #0086cd;
    margin: 1.5rem 0 0.5rem 0;
    font-weight: 500;}
.protitle3{    display: block;
    width: 100%;
    margin: 1.5rem 0;}
.protitle3 a,.protitle3 span{padding: 1rem 0;
    color: #333;
    line-height: 30px;
    font-size: 1.4rem;
    position: relative;
    font-weight: 600;}
.protitle3 a:before, .protitle3 a:after,.protitle3 span:before, .protitle3 span:after {
    position: absolute;
    content: '';
    width: 150px;
    height: 2px;
    left: 0;
    bottom: 14px;
    background: #0086cd;
}
.protitle3 a:after,.protitle3 span:after {
    bottom: 7px;
    width: 100px;
}
.protitle3 a:hover{ color:#0086cd;}
.etw_title_name{width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 0.5rem 1rem 0.5rem 0;
    margin: 1rem 0 1.5rem 0;
    position: relative;}
.etw_title_name a{    color: #333;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4rem;}
.etw_title_name:before{ position:absolute; content:''; background:#0086cd; width: 150px;
    height: 1px;
    bottom: -1px;
    left: 0;}
.pro_des{width:100%;margin:1rem auto;overflow:hidden;float:left}


/* #etw_instruction ul.summary */
#etw_instruction ul.summary{float:left;display:block;width:100%}
#etw_instruction ul li.summary_title{float:left;display:block;width:99%;height:auto;background:#eee;border-left:5px solid #0086cd;margin:5px 0}
#etw_instruction ul li.summary_title h3{font-size:1.3rem;margin-bottom:0}
#etw_instruction ul li.summary_title a{color:#333;display:block;padding:.3rem;padding-left:8px}
#etw_instruction ul li.summary_title a:hover{color:#0086cd}
#etw_instruction ul li.summary_txt{float:left;width:100%;height:auto}
#etw_instruction ul li.summary_txt p{margin:8px 0 0 0;padding:0}
#etw_instruction ul li.summary_more{float:right;margin-bottom:8px;padding-right:15px;width:60px;text-align:right;text-decoration:underline;font-size:12px;line-height:20px}
#etw_instruction ul li.summary_more a{color:#0086cd;text-decoration:underline}
#etw_instruction ul li.summary_more a:hover{color:#0086cd;text-decoration:underline;font-weight:700}


/* etw_pic */
figure{ margin:0;}
.etw_picbig,.img_right{margin: 0 auto; position:relative;
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;}
.img_right1{ width:35%; float:right; margin:0 0 1rem 3%;}
.etw_photo{margin:0;width:100%;height:auto}
.etw_photo ul{display:flex;width:auto;height:auto;flex-flow:wrap}
.etw_photo-1 ul{display:flex;width:auto;height:auto}
.etw_photo ul li{margin:0 2% 0.5rem 0; text-align:center;font-size:.8rem;line-height:1.1rem;}
.etw_photo ul li img{display:block;margin-bottom:8px;width:100%;border:1px solid #eee;transition:all .3s}

.etw_photo ul li a:hover img{border:1px solid #291d5a}
.etw_photo ul li span{display:block;text-align:center;font-size:.8rem;line-height:1.1rem;clear: both;
    margin-bottom: 0.8rem;}


.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%}
.etw_pic6 ul li{width:15%}
.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}

@media (max-width:767.98px){.etw_pic5 ul li,.etw_pic6 ul li{width:32%}
.etw_pic5 ul li:nth-child(5n),.etw_pic6 ul li:nth-child(6n){margin-right:2%}
.etw_pic5 ul li:nth-child(5n+1),.etw_pic6 ul li:nth-child(6n+1){clear:none}
.etw_pic5 ul li:nth-child(3n),.etw_pic6 ul li:nth-child(3n){margin-right:0}
.etw_pic5 ul li:nth-child(3n+1),.etw_pic6 ul li:nth-child(3n+1){clear:both}


}
@media (max-width:575.98px){.etw_pic4 ul li{width:49%}
.etw_pic4 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(3n){margin-right:2%}
.etw_pic4 ul li:nth-child(3n+1),.etw_pic5 ul li:nth-child(3n+1){clear:none}
.etw_pic4 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n){margin-right:0}
.etw_pic4 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1){clear:both}
.img_right1{ width:100%; margin:0 0 1rem 0;}
}
@media (max-width:419.98px){.etw_pic3 ul li{ width:100%; margin-right:0;}
.etw_pic3 ul li:nth-child(3n){margin-right:0}
}




/* #etw_producttitle */
#etw_producttitle{float:left;margin-bottom:10px;padding:5px 0 5px 0;width:99%;height:auto;color:#999;font-size:12px;line-height:18px}
#etw_producttitle a{color:#999}
#etw_producttitle a:hover{color:#0086cd;text-decoration:underline}




/* etw_abouttitle */
#etw_abouttitle{float:left;margin-bottom:10px;padding:5px 0;width:100%;height:auto;color:#999;font-size:12px;line-height:18px}
#etw_abouttitle a{padding:0 2px;color:#999}
#etw_abouttitle a:hover{color:#0086cd;text-decoration:underline}

/* #etw_other_product */

.etw_othertitle{    display: block;
    width: 100%;
    margin: 1.5rem 0;
    padding: 0 0 1rem 0;
    position: relative;
    line-height: 1.6rem;
    font-size: 1.1rem;
    color:#111; text-transform:capitalize;
    overflow: hidden;
    font-weight: 400;}
.etw_othertitle:before{    content: "";
    width: 150px;
    height: 6px;
    display: inline-block;
    transform-origin: bottom right;
    transform: skew(40deg,0);    position: absolute;
    left: 0;
    bottom: 0px;
    background: #0086cd;}
.etw_othertitle:after{    content: "";
    width: 100%;
    margin-left: 157px;
    height: 6px;
    transform-origin: bottom right;    transform: skew(40deg,0);
    position: absolute;
    left: 0;
    bottom: 0;
   background: #fff;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;}





#etw_other_product{float:left;margin-top:8px;width:100%;height:auto;margin-bottom:2rem}
#etw_other_product ul{width:100%;height:auto;display:flex;justify-content:space-between;margin-top:1rem}
#etw_other_product ul>ol{width: 23.5%;
    box-shadow: 1px 1px 10px #ccc;
    padding: 1rem;}
#etw_other_product ul>ol a{    color: #111; overflow: hidden;
    text-align: center;
    line-height: 1.1rem;
    display: block;
    padding-top: .5rem;}
#etw_other_product ul>ol a img{transition: .3s all ease-in-out;}
#etw_other_product ul>ol:hover a,#etw_other_product1 ul>li:hover>ol a{color:#00aeef}
#etw_other_product ul>ol:hover a img{ transform:scale(1.06);}

/* etw_other_product1 */
#etw_other_product1{width:100%;float:left}
#etw_other_product1 ul{display:flex;justify-content:space-between;margin-top:1rem}
#etw_other_product1 ul>li{width:23.5%;box-shadow: 1px 1px 10px #ccc;padding:1rem}
#etw_other_product1 ul>li>ol a{color:#333;text-align:center;line-height:1.35;display:block;padding-top:.5rem;overflow: hidden;}
#etw_other_product1 ul>li>ol a img{transition: .3s all ease-in-out;}
#etw_other_product1 ul>li>ol:hover a img{ transform:scale(1.06);}

/* etw_set_feedback_form */
#etw_set_feedback_form{    overflow: hidden;
    margin: 1rem auto;
    width: 80%;
    height: auto;
    background: #fff;
    text-align: center;}
#etw_form_title{overflow: hidden;
    padding: 0.8rem;
    padding-left: 7px;
    background: #0086cd;
    color: #fff;
    line-height: 25px;
    font-size: 1.1rem;
    text-align: center;}
#floatchatiframe2011{    padding: 1rem 2rem 0 2rem;
    width: 100%;
    margin: 0 auto;
    display: block;}
.contact_info #etw_set_feedback_form{ width:100%;}


/* ul.item */
ul.item{margin-bottom:5px;width:100%;float:none}
ul.item li{position:relative;padding-left:1.8rem;text-align:left;padding-bottom:.3rem}
ul.item li a{color:#fff}
ul.item li:before{content:"\f058";font-family:fontawesome;position:absolute;left:9px;top:0;color:#0065b0;font-size:.8rem}
ul.item_a li:before{color:#fff}
ul.item_circle li:before{content:"\f111";font-size:.5rem;top:6px}
ul.item_qizhi li{padding-left:3rem;margin-bottom:1.5rem}
ul.item_qizhi li:before{content:"\f2b4";font-size:2rem;top:-10px}
ul.item li strong{font-weight:400;color:#333}
ul.item1{float:none;width:100%}
ul.item1>li{float:none;margin:0 0 .5rem 14px;list-style:decimal;text-align:left}
ul.item1>li.last{margin-left:22px}
ul.discitem{float: none;
margin: 0.5rem 0;

overflow: hidden;}
ul.discitem li{position:relative;margin-bottom:.5rem;padding-left:1.125rem;text-align:left; margin:0 0 0.6rem 0;}
ul.discitem li strong{font-size: 1rem;
    font-weight: 400;
    color: #111;}
ul.discitem li:before{    position: absolute;
    top: 8px;
    left: 3px;
    width: 5px;
    height: 5px;
    background:#0086cd;
    content: "";
    transform: rotate(45deg);}




/* sub_list */
.sub_list{width:100%;margin:2rem auto;display:flex;justify-content:center}


/* .left_pics */
.prodetail_item{background-color:#eee;padding:1rem;padding-top:2rem;margin:0 .2rem}
.left_pro_img{position:relative}
.left_pics{width:100%;height:auto;margin:0 auto;text-align:center;position:relative}
.left_pics img{width:auto;text-align:center;border:1px #eee solid}
.related_pic{width:100%;display:flex;flex-flow:wrap;justify-content:center}
.related_pic a{width:18%;margin-right:2%}
.related_pic a:nth-child(5n){margin-right:0}
.related_pic a:nth-child(5n+1){clear:both}
.related_pic img{width:100%;height:auto;float:left;border:1px #eee solid;margin:10px 0 5px 0}
.related_pic img:hover{border:1px #000 solid}
.related_pic span{font-size:.75rem;line-height:.9rem;display:block;text-align:center}
.pro_detail_img{position:relative}
.about-video{width:80px;height:80px;display:block;margin:0 auto;margin-bottom:0;margin-bottom:1rem;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0 auto;border-radius:50%;border:5px solid #fff;background-color:#0065b0;transition:all .3s}
.about-video i{display:block;text-align:center;margin:0 auto;color:#fff;font-size:2rem;border-radius:50%;width:100%;height:100%;transition:all ease-in-out 1s;background:0 0;font-family:fontawesome;padding-left:.4rem;box-shadow:0 .5rem 1rem rgba(255,255,255,.25);z-index:3;line-height:68px}
.about-video:hover{color:#fff;background-color:#00aeef}
.feedback_form_contact{background-color:#eee;border:none;border-radius:8px;padding-top:1rem;padding-bottom:1rem}
.form_contact_title{font-size:1.4rem;border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:1rem}


/* .videoall */
.videoall ul{width:100%;float:left}
.videoall ul li{width:49%;float:left;margin-right:2%;margin-bottom:2rem}
.videoall ul li img{width:100%}
.videoall ul li a{display:block;text-align:center;line-height:18px;font-size:1rem;color:#333;display:block;text-decoration:underline;padding-top:1rem}
.videoall ul li a:hover{color:#00aeef}
.videoall ul li:nth-child(2n){margin-right:0}
.plyr--stopped.plyr__poster-enabled .plyr__poster{background:#fff;background-image:none;width:auto}
.videoall .plyr--stopped.plyr__poster-enabled .plyr__poster{width:100%!important;background-size:cover}


/* #footer */
#footer{width:100%;margin:0 auto;padding-top:1rem;color:#fff;background:url(../images/footer-bg.png) no-repeat top;background-size:cover;background-color: rgb(1, 134, 206) !important;
}
#footer a{color:#fff}
#footer a:hover{color:#0065b0;}
.etw_bottom{width:100%;text-align:left;font-size:.9rem;color:#fff;position:relative}
.etw_bottom .etw_foot_title{padding-bottom:.8rem;border:none;color:#fff;font-size:1.4rem;position:relative}
.etw_bottom .etw_foot_title a{color:#fff;font-size:1.066667rem;display:block}
.etw_bottom .etw_foot_title a:hover{color:#000;text-decoration:none}
.etw_bottom a{color:#fff}
.etw_bottom a:hover{color:#000}
.etw_bottom ul{width:100%;margin-right:2%;float:left;display:flex;flex-flow:wrap}
.etw_bottom ul li{width:100%;float:left}
.etw_bottom ul>li>a{display:block;padding-bottom:.6rem;line-height:1.4rem;padding-left:1rem;color:#fff;position:relative;font-weight:300;position:relative}
.etw_bottom ul>li>a:before{position:absolute;content:"\f105";left:2px;top:-2px;font-family:fontawesome;color:#fff}
.cot_add,.cot_email,.cot_fax,.cot_mobile,.cot_people,.cot_tel,.cot_whatsapp{position:relative;padding-left:25px;display:block;margin-bottom:3px;padding-top:.2rem}
.cot_add:before{content:"\f041";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:20px}
.cot_tel:before{content:"\f095";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:18px}
.cot_email:before{content:"\f0e0";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:16px}
.cot_people:before{content:"\f2be";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:16px}
.cot_mobile:before{content:"\f10b";position:absolute;left:4px;top:0;color:#fff;font-family:fontawesome;font-size:22px}
.cot_fax:before{content:"\f1ac";position:absolute;left:0;top:0;color:#fff;font-family:fontawesome;font-size:16px}
.cot_whatsapp:before{content:"\f17e";position:absolute;left:0;top:5px;color:#fff;font-family:fontawesome;font-size:18px}
.etw_footin{width:100%;margin:0 auto;text-align:center;padding:1rem 0;margin-top:2rem;max-width:1200px;border-top:2px solid rgba(82,81,81,.3);position:relative}
.footercop{width:100%;font-family:Arial,Helvetica,sans-serif;text-align:center;max-width:1200px;margin:0 auto;border-top:1px solid #8d8f92;padding:1rem}
#etw_coper{margin-top:2px;width:100%;line-height:22px;text-align:center}
#etw_coper a{display:block;color:#fff;font-size:.75rem}
#otherlink{clear:both;width:100%;height:auto;text-align:center}
#otherlink a{color:#fff;display:inline-block;padding:0 8px;font-size:.75rem;margin-right:5px;line-height:22px;margin-bottom:5px;border:1px solid #ccc}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#fff00a}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}
#etw_homefooter{width:100%;height:auto;color:#fff;margin:0 auto;text-align:center;line-height:30px;padding-bottom:1rem}
#etw_homefooter a{color:#fff;text-decoration:none;padding:0 20px}
#etw_homefooter a:hover{text-decoration:underline;color:#fff00a}

/*sitemap*/
#sitemap{width:100%;list-style:none}
#sitemap li{float:left;display:block;width:100%;height:auto}
#sitemap li a{display:block;padding:2px 0;color:#333}
#sitemap li ol{float:left;margin-bottom:8px;width:49%}
#sitemap li ol a{display:block;padding-left:5px;color:#333;line-height:18px}
#sitemap li b a{margin-bottom:1px;padding-left:5px;background:#eee;color:#333;line-height:23px}
#sitemap li a:hover{color:#00aeef;text-decoration:underline}

.left_share{ margin-top:1rem;}
.left_share .btn{color: #fff;    margin-right: 12px;
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 1.3rem;}
.left_share .btn i{color: #fff !important;transition: .3s all ease-in-out;}

.left_share svg{ width:28px; height:28px;color: #fff;margin-right:12px;}
.left_share .btn i:hover{  color:#777!important;}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child){border-radius:0!important;}
.btn.focus, .btn:focus{ box-shadow:none;}




@media (max-width:1498.98px){.one_stop{width:100%}
}
@media (max-width:1198.98px){.navbar-light .navbar-nav .nav-link{font-size:.9rem;padding: .5rem 0.8rem;}
#etw_logo{margin:1rem 0 1rem 1rem;}
}
@media (max-width:991.98px){.navfeed{display:none}
#header{position:inherit;min-height:inherit;float:left;margin-bottom:1rem;background:0 0;border-bottom:5px solid #eee}
.nav-fixed{animation:none}
.shadow_none{ margin-bottom:0!important;}
.etw_language ul li{position:relative}
.etw_language ul li::before{position:absolute;content:"";width:1px;height:100%;background-color:#dbdbdb;    top: 0;
    right: 0.8rem;}

.top-nav{width:100%;margin-top:0;clear:both;display:block}
.navbar-light .navbar-nav{background-color:#fff}
.navbar{padding:0}
.navbar-light .navbar-nav .show>.nav-link{color:#333}
.navbar-light .navbar-nav a.nav-link:before{width:0;height:0}
.navbar-light .navbar-nav .nav-item::after{display:none}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{color:#1a8ccd;background:0 0}
.navbar-light .navbar-nav .show>.nav-link{background:0 0}
.navbar-light .navbar-nav a.nav-link{font-weight:400;font-size:1rem;border-bottom:1px solid rgba(0,0,0,.1);color:#333;padding:.6rem 1rem;text-align:left}
.dropdown-menu{border:none}
.navbar-light .navbar-toggler{font-size: 2.2rem;
    margin: 1rem 1rem 0 0;
    border: none;
    color: #0064af; outline:none;}
.navbar-nav .dropdown-menu{margin-top:0;padding: 0.5rem;}
.navbar-nav .nav-item:nth-child(3) .dropdown-menu .dropdown-item:after{ content:normal;}

#etw_abouttitle,#etw_producttitle,.about_box .about_img::after,.about_box .about_img::before{display:none}
.about_box .about_img img{padding:0}
.etw_language>ul{background-color:#fff;margin-top:0}
.etw_language>ul>li>a{ margin:1.25rem 1.5rem 0 0;}
.etw_picbig img{width:100%}
}
@media (max-width:991.98px){#container,#etw_mainbody,.pro_container{margin-top:0!important}
#etw_mainbody,.content{padding-left:15px;padding-right:15px}
.one_stop{width:100%}
#etw_sidebar{display:none}
#etw_pagebody{width:100%}
}
@media (max-width:768.98px){.banner_txt h1{font-size:2rem}
.webtitle{font-size:2.2rem;padding:1rem 0}
.etw_footin{margin-top:2rem}
.about_box1>ul>li{ width:100%; margin:0 0 2rem 0;}
.etw_banner{display:none;}
}
@media (max-width:650.98px){html{font-size:14px}
.etw_footin{text-align:center}
ul.item li{margin-left:0}
#floatchatiframe2011,.feedback_form_contact #floatchatiframe2011{width:100%}
.about-video{width:60px;height:60px}
.about-video i{line-height:50px}
.banner_txt h1{font-size:1.6rem}
#etw_other_product ul,#etw_other_product1 ul{flex-wrap:wrap}
#etw_other_product ul>ol,#etw_other_product1 ul>li{width:48%;margin-bottom:1rem}

}
@media (max-width:575.98px){.videoall ul li{width:100%;margin-right:0}
.productsformat_sub ul li.etw_pro_img,.productsformat_sub ul>li>ol li.etw_pro_img{padding-right:0;text-align:center;margin:0 auto;    width: 100%;}
.productsformat_sub ul li.etw_pro_name,.productsformat_sub ul>li>ol li.etw_pro_name{flex:none;width:100%;    padding: 1rem;}
.btn-group1{ float:none;    margin: 1rem 0 0 0;}
}
@media (max-width:419.98px){.protitle span:before{ content:normal;}
}


.theme-send-inquiry-box{background:#0086cd !important;}
.theme-box-name{background: #676667 !important;;border-left: 1px #727272 solid !important;;}


/* 2026-2-9 */
.navbar{ padding:0.2rem 0.8rem;}
#etw_logo{display: flex;flex-direction: column;align-items: center;}
#container{margin-top: 95px;}
.etw_language{width:55%;height:36px;float:right;text-align:right;visibility:visible;margin:0.5rem 0 0;}
.etw_language>ul{position:relative;margin:0;}
.etw_language>ul>li{position:relative}
.etw_language>ul>li>span{display:block}
.etw_language ul li ol{position:relative;display:block}
#etw_language{width:auto;margin:0 1.1rem 0 0;}
#etw_language .dropdown-item{display:inline-block;width:auto;font-size:0.85rem;line-height:0.85rem;padding:0.7rem 1.2rem;color:#333;background:0;min-width:auto!important;font-weight:300;}
#etw_language .dropdown-item img{padding:0 .3rem .15rem 0}
#etw_language .dropdown-item:hover{color:#009cdc;background:0}
.etw_language a:not([href]):not([tabindex]){color:#fff;cursor:pointer}
.iconfont{cursor:pointer;font-family:iconfont!important;font-size:1.8rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;-webkit-animation:scaleout 2.5s infinite ease-in-out;animation:scaleout 2.5s infinite ease-in-out}
@-webkit-keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
@keyframes scaleout{50%{opacity:.5}
100%{opacity:1}
}
@media (max-width:991.98px){
.etw_language{width:auto;height:auto;margin:0;float:right;}
.etw_language ul li::before{width:0px;}
.etw_language>ul>li::before{position:absolute;content:"";width:1px;height:100%;background-color:#ccc;top:-2%;right:1.4rem;}
.etw_language>ul>li>span{margin:1.6rem 3rem 0 0;text-align:center;width:40px;z-index:100;display:block;}
.etw_language ul li ol{position:absolute;width:100px;left:-1.8rem;top:2.2rem;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:1010;display:none}
#etw_language{width:100%;background:#fff;margin:0}
#etw_language .dropdown-item{width:auto;color:#111;font-size:0.85rem;line-height:0.85rem;padding:0.6rem;clear:inherit;display:block;background:0 0;text-align:center;}
#etw_language .dropdown-item:hover{background:#fff}
#etw_language .dropdown-item img{display:none;}
}
#etw_videolist{position:relative;margin:0 auto 2rem;background:#f7f7f7;padding:1rem}
#etw_videolist .video_title{font-size:1.4rem;line-height:1.6rem;text-align:left;color:#333;font-weight:500;margin-bottom:1rem}
#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;transition:.3s all ease-in-out;color:#61717d;font-size:.9rem;border-bottom:1px solid #fff;padding-bottom:.3rem}
#etw_videolist>ul>li>a.dq,#etw_videolist>ul>li>a:hover{color:#0065b0}
.more_btn{background-color: #0065b0; color: white; padding: 0.6rem 0.9rem;transition: 1s all ease;}
.more_btn:hover{color: white;opacity: 0.7;}
.video_btn2{width:70px;height:70px; background:url(../images/video2.png);background-size: 100%;}
.big_title{font-size:clamp(1.45rem,3vw,1.8rem);font-weight:700;margin-bottom:1rem;line-height:1.35;color:#00406e;text-transform:uppercase}
.big_title span{text-transform:none}
.feedback_bg{background-color:#fafafa;padding:2rem}
.feedback_bg .big_title{color:#333}
.video_box{width: 100%;height: 100%; border: 1px solid #000;}
.video_box .video-text{margin-bottom: 0;}
.cer .row>div{margin-bottom: 1rem;}
.about_page .content{margin: 0;}
.js-gallery-wrap .cer .img_right1{width: 25%;}