@charset "utf-8";
/* CSS Document */
@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:iconfont;src:url(../font/iconfont.ttf?t=1622274305876) format('truetype')}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: local('Oswald Medium'), local('Oswald-Medium'), url(../font/oswald-500.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: 'BarlowCondensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Barlow Condensed Regular'), local('BarlowCondensed-Regular'), url(../font/BarlowCondensed-600.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 Light'), local('Roboto-Light'), url(../font/roboto-300.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'), local('Roboto-Regular'), url(../font/roboto-400.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: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../font/roboto-500.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-700.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;
}



/****basic****/
body{color:#555; font-family:Roboto, Arial, Helvetica, sans-serif; font-size:0.875rem; background:#fff;}
*,li,ol,ul{margin:0;padding:0}
li,ol,ul{list-style:none}
img{max-width:100%}
img{-ms-interpolation-mode:bicubic;border:0}
.clear{clear:both;margin:0;padding:0;height:0;font-size:0;line-height:0;width:0}
a{color:#0c3b64;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;}
a.link:hover{color:#289fe1; text-decoration:underline;}
b{color:#454545; font-size:1rem; line-height:1.3rem;margin:15px 0 6px 0; display:block;font-weight:500;}
h2{display:block;font-size:1.6rem; line-height:1.9rem;padding:0.5rem 0 1rem 0;color: #1d1d1d; font-weight:700;font-family: 'Oswald';}
.proname{margin-bottom: 1rem;border-bottom: 1px solid #777; }
.proname h2{ margin-bottom:0; border-bottom:0;padding-bottom:0;}
.proname h3{display:block;font-size:1.2rem; line-height:1.9rem;padding:0.2rem 0;color: #999; }

hr{ border:none; border-bottom:1px #e6e6e6 solid; margin-bottom:0px;}
.etw_hometitle{padding:0.5rem 0 1rem 0;font-size:1.6rem; line-height:1.9rem; color:#1d1d1d;font-weight:700; margin: 0;}   
h3{font-size:1.1rem; color:#888; padding:0; margin:-.2rem 0 1.3rem 0}
.etw_hometitle a{color:#1782d2}
.etw_hometitle a:hover{color:#0c3b64}
.etw_hometitle1{font-family: 'Oswald'; font-weight:500;}
.etw_certitle{ text-align:center; font-size:28px;}

.nolr{ padding-left:0px; padding-right:0px;}
.table-responsive{margin:0 0 1.5rem 0}
.table{margin-bottom:0!important}
.table,td{border:none}
.table tr td{vertical-align:middle!important;padding:12px 10px!important;font-size:.9rem;line-height:1.1rem;font-weight:400;border:1px solid #dee2e6}
.table tr.top td{background:#f1f1f1}
.table-striped tbody tr:nth-of-type(odd){background-color:#f1f1f1}

.table1 .table-striped tbody tr:nth-of-type(odd){background-color:none;}
/****header****/
#header{width:100%; height:auto; position:fixed;top:0; left:0; right:0; margin:0 auto; z-index:999; background:#fff;}
.headerin{width:100%; margin:0px auto; max-width:1280px; position:relative; } 
#etw_logo{ float:left; padding:20px 0 12px 0;}
#etw_logo img{ width:123px; float:left;}
/*language*/
.etw_language{width:auto; min-width:300px;height:43px; float:right;visibility:visible;margin-top:10px; background:#f8f8f8; padding:0 0.5rem;}
.etw_language>ul{position:relative;margin:0}
.etw_language>ul>li{position:relative}
.etw_language>ul>li>a{display:block}
.etw_language ul li ol{position:relative;display:block}
#etw_language{width:auto;text-align:right;margin:0 .5rem 0 0}
#etw_language .dropdown-item{display:inline-block;width:auto;font-size:0.875rem;line-height:0.9rem;padding:0.9rem 0.5rem;color:#050d1a;min-width:auto!important;font-weight:400;background:0;}
#etw_language .dropdown-item img{padding:0 .3rem .15rem 0}
#etw_language .dropdown-item:hover{color:#004684;background:0}
.etw_language a:not([href]):not([tabindex]){color:#fff;cursor:pointer}
.iconfont{font-family:iconfont!important;font-size:2rem;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}
@media (max-width:991.98px){
.etw_language{width:auto;height:auto;margin-top:18px; min-width:inherit; background:none;}
#etw_logo img{width: 80px;}
.navbar-light .navbar-toggler{margin-top: 1.5rem!important;}
.block-slider .bx-pager-item{width: 14px !important;height: 14px !important;}
.etw_language>ul>li::before{position:absolute;content:"";width:1px;height:100%;background-color:#ccc;top:0px;right:2rem;}
.etw_language>ul>li>a{margin:0rem 3rem 1rem 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.5rem;transition:.3s all ease-in-out;box-shadow:0 1px 5px #ccc;z-index:1010;display:none}
#etw_language{width:100%;background:#fff;margin:0}
#etw_language .dropdown-item{width:auto;color:#333;line-height:1rem;padding:.6rem 0.6rem 0.6rem 1rem;clear:inherit;display:block; text-align:left;}
#etw_language .dropdown-item:hover{background:#fff}
}


/*menu*/
.top-nav{ width:auto; float: right; background:#677484; margin-top:15px;transform:skewX(-30deg);}
.navbar{ padding:0;}
.navbar-collapse{justify-content:flex-end;}
.navbar-light .navbar-nav a.nav-link{color:#fff;  padding:0.845rem 0.75rem;font-weight: 500; font-size:0.9rem; line-height:1.2rem; position:relative;transform:skewX(30deg)}
.navbar-light .navbar-nav a.nav-link i{ color:#999;}
.navbar-light .navbar-nav .active .nav-link,.navbar-light .navbar-nav .nav-link:hover{background:none;color:#fff;}
.navbar-light .navbar-nav li.nav-item.active, .navbar-light .navbar-nav li.nav-item:hover{background:#f97918;}
.navbar-light .navbar-nav .dropdown-item{font-size:0.875rem;}
.navbar-light .navbar-nav .show>.nav-link{background:none;color:#fff;}
.dropdown-item.active, .dropdown-item:active,.dropdown-item:hover{ background:none; color:#f97918;}
.navbar-nav .dropdown-menu{left:2rem;transform:skewX(30deg)}

.navbar-light .navbar-nav  .dropdown-menu li ol li a.dropdown-item{ padding-left:2.3rem; color:#999; font-size:0.75rem; line-height:1rem; position:relative;transform:skewX(30deg)}

.navbar-light .navbar-nav  .dropdown-menu li ol li a.dropdown-item:hover,.navbar-light .navbar-nav  .dropdown-menu li ol li a.active{ color:#0070bd;}
.nav-item span.pro_icon{position:absolute;top:8px;right:0;color:#999;padding:0;font-size:30px;width:30px;height:30px;line-height:30px;display:none;text-align:center;font-weight:200;}





@media screen and (min-width:992px){
ul#menu-items{position:absolute;box-shadow:none;position: fixed;width: 100% !important;left:5rem !important;top:38px !important; background:none; border:none;}
.menuin{ display:flex; flex-flow: wrap;background:#f1f1f1; padding:1rem;width:100%; max-width:1280px; margin: 0 auto; padding-top:0.5rem}
ul#menu-items .menuin>li{width:32%; margin:0 2% 1rem 0; padding:0 0 0 0.5rem;}
ul#menu-items .menuin>li:nth-child(3n){ margin-right:0;}
ul#menu-items .menuin>li:nth-child(3n+1){ clear:both;}

ul#menu-items .menuin>li>a{ padding:0.25rem 0; color:#000; font-size:0.875rem; line-height:1rem; position:relative;white-space:inherit;}
ul#menu-items .menuin>li>a:before{position:absolute; content:""; left:0; bottom:0; width:40px; height:1px; background:#f97918;}
ul#menu-items .menuin>li ol { padding-top:0.5rem;display:flex; flex-flow: wrap;}
ul#menu-items .menuin>li ol li{ width:100%;}
ul#menu-items .menuin>li ol li a{ padding:0.3rem 0rem 0.3rem 0.5rem;white-space:inherit; font-size:0.75rem; line-height:0.8rem; color:#333; position:relative;transform:skewX(0deg)}
ul#menu-items .menuin>li ol li a:before{ position:absolute; content:"\f105"; font-size:12px; font-family:fontawesome; left:0px; top:20%; color:#333}
ul#menu-items .menuin>li a:hover,ul#menu-items .menuin>li a.active{ color:#f97918;}
ul#menu-items .menuin  a:hover:before,ul#menu-items .menuin>li a.active:before{ color:#f97918;}
}


@media (max-width: 1220.98px) { 
.navbar-light .navbar-nav a.nav-link{padding:0.845rem 0.3rem;font-size: 0.8rem;}

}

@media (max-width: 991.98px) {
#etw_logo{ padding-left:0.5rem;}
#header{position:inherit;}
.top-nav{ width:100%;margin-top:0; background:#fff; border-top:1.5px #eee solid;transform:skewX(0deg);}
.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 .active .nav-link, .navbar-light .navbar-nav .nav-link:hover{ color:#fff; background:none;}
.navbar-light .navbar-nav .show>.nav-link{background:none;}
.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:0.6rem;transform:skewX(0deg);}
.navbar-nav .dropdown-menu{border:none;transform:skewX(0deg);}
.navbar-light .navbar-toggler{ color:#0070bd; font-size:1.6rem; margin:0.5rem 0.5rem 0 0; border-color:#0070bd;}
ul#menu-items .menuin>li ol{ display:none;}

.nav-item .dropdown-toggle::after {border: none;}
.nav-item span.pro_icon{display:block}
}

/****header  END****/


/****banner****/
#etw_banner{width:100%; height:auto;position:relative; margin:0 auto; text-align:center;}
.block-slider>ul>li{ display:none;}
.block-slider>ul>li:first-child{ display:block;}
.banner_txt {position: absolute;width:100%; max-width: 1280px;margin: 0 auto; left:0; right:0; top:10%;}
.bannerinfo{width:500px; float:right; background:rgba(255, 255, 255, 0.66); padding:2rem 1rem 1.5rem 5.5rem; position:relative; min-height:150px;} 
.banner_txt1 .bannerinfo{ float:left;padding-top:2rem;width: 600px;}

.bannerinfo:before{ position:absolute; content:""; top:20px; left:40px; width:20px; height:130px; background:#f77915;}
.banner_txt1 .bannerinfo:before{height: 110px;}
.banner_txt2 .bannerinfo:before{height: 150px;}

.banner_txt h1{font-size:36px; line-height:50px;color:#010101; font-weight:500; text-align:left;}
.banner_txt h1 span{ color:#f77915; }

.banner_txt1 h1{ font-size:30px;line-height:44px;}


@media (max-width: 1280px) {

}
@media (max-width: 991.98px) {
  .banner_txt{ display:none;}
}
/****banner END****/


.webtitle{ color:#494c4e; font-size:1.6rem; font-weight:600;text-align:center; padding-bottom:1rem; margin-bottom:1rem;}
.webtitle span{ position:relative; padding-bottom:0.7rem;}
.webtitle span:before{ content:""; position:absolute; left:0; right:0; margin:0 auto; bottom:0; width:60px; height:3px; background:#0091d3;}


.webtitle1{ text-align:left;}
.classtitle{ width:100%; background:#fff; position:relative;}
.classtitle:before{content: "";position: absolute; height:100%; width:46%; background:#2176ae;left:0;bottom:0;}
.classtitle:after{position:absolute;content:"";left:46%;top:0;border-left:43px solid #2176ae;border-top:43px solid transparent}

.classtitlein{width:96%; max-width:1280px; margin:0 auto; position:relative;}
.classtitle a{ width:46%; color:#fff;font-size:1rem;  padding:0.6rem 0; display:block;}


/*mainpro*/
.mainbg{ background:#fff; overflow:hidden; height:100%; margin-bottom:2rem; position:relative;}
.mainbg:before {content: '';position: absolute;bottom: 0; left:0;  width:100%; height:300px;  background: #ececec;z-index:1; }

.mainpro{width:96%; max-width:1280px; margin:0 auto;position:relative; padding:3rem 0 0.5rem 0; border-top:1px #c6c6c6 solid; position:relative; z-index:2;}
.mainpro .webtitle{ padding-bottom:0.5rem;font-size:1.8rem; font-weight:500;}

.mainpro ul{width:100%;display:flex; flex-flow: wrap; padding-top:1rem;}
.mainpro ul>li{width:30%; margin:0 3% 1rem 0; position:relative;  position:relative; padding-bottom:1rem;}
.mainpro ul>li:nth-child(3n){ margin-right:0;}
.mainpro ul>li:nth-child(3n+1){ clear:both;}
.mainpro ul>li ol li.product_img{ width:100%; margin-bottom:0.5rem;}
.mainpro ul>li ol li.product_img img{ width:100%;}
.mainpro ul>li ol li.product_con{ width:100%;}
.mainpro ul>li ol li.product_con a{ color:#434343; display:block; position:relative; font-size:1rem; line-height:1.4rem; padding-left:1.5rem; text-align:left;font-weight: 700;}
.mainpro ul>li ol li.product_con span{padding-left:1.5rem; display:block; padding-top:0.5rem;}
.mainpro ul>li ol li.product_con a:before{ content:""; position:absolute; left:0; top:0; background:#f87917; height:100%; width:4px;}
.mainpro ul>li li.product_con a:hover{ color:#f87917; }
@media (min-width: 992px) {
}
@media (max-width:767.98px) {
  .mainpro ul>li{ width:49%; margin-right:2%;}
    .mainpro ul>li:nth-child(3n){ margin-right:2%;}
    .mainpro ul>li:nth-child(3n+1){ clear:none;}
  .mainpro ul>li:nth-child(2n){ margin-right:0;}
    .mainpro ul>li:nth-child(2n+1){ clear:both;}
  .mainpro ul>li ol li.product_con a{ font-size:0.875rem;}
}

@media (max-width: 575.98px) {
  .mainpro ul>li ol li.product_con span{ font-size:0.75rem;}
}
/*mainpro end*/


.aboutlist,.aboutlist ul{width:100%}
.aboutlist>ul{width:100%;display:flex;flex-wrap:wrap}
.aboutlist ul>li{width:100%;margin:0 0 2rem 0;background:#fff;transition:.3s all ease-in-out;}
.aboutlist ul li ol,.aboutlist ul li ol li{width:100%}
.aboutlist ul li ol{display:flex;flex-wrap:wrap}
.aboutlist ul li ol li.con_img{width:66%;float:left;position:relative;}
.aboutlist ul li ol li.con_img a{width:100%;display:block;overflow:hidden}
.aboutlist ul li ol li.con_img img{width:100%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.aboutlist ul li ol li.con_info{width:34%;float:right;padding:1rem 1.5rem; border-top:4px #fcab24 solid;}
.aboutlist ul li ol li.con_info a{font-size:1.5rem;font-weight:600;color:#333; padding-bottom:0.5rem;display:block;line-height:2rem;}
.aboutlist ul li ol li.con_info span{display:block;font-size:1rem;line-height:1.5rem;color:#333;font-weight:400;}
.aboutlist ul li ol li.con_info a.more{display:none;font-size:0.875rem;line-height:1.1rem;font-weight:400;text-align:center;color:#fff;margin:1rem 0;padding:0.5rem 1rem;background:#fcab24;text-transform:uppercase;}
.aboutlist ul>li ol li.con_info a:hover{color:#fcab24}
.aboutlist ul li ol li.con_img img:hover{transform:scale(1.06)}
.aboutlist ul>li ol li.con_info a.more:hover{background:#444;color:#fff;}



.ablist,.ablist ul{width:100%}
.ablist>ul{width:100%;display:flex;flex-wrap:wrap}
.ablist ul>li{width:32%;margin:0 2% 2rem 0;border:1px solid #e3e3e3;background:#fff;transition:.3s all ease-in-out;}
.ablist ul>li:nth-child(3n){ margin-right:0;}
.ablist ul>li:nth-child(3n+1){ clear:both;}
.ablist ul>li:hover{box-shadow:0 20px 60px 0 rgb(0 0 0 / 15%);}
.ablist ul li ol,.ablist ul li ol li{width:100%}
.ablist ul li ol{display:flex;flex-wrap:wrap}
.ablist ul li ol li.con_img{width:100%;float:left;position:relative;}
.ablist ul li ol li.con_img a{width:100%;display:block;overflow:hidden}
.ablist ul li ol li.con_img img{width:100%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}
.ablist ul li ol li.con_info{width:100%;float:right;padding:1rem 1.5rem;}
.ablist ul li ol li.con_info a{font-size:1.5rem;font-weight:600;color:#333; padding-bottom:0.5rem;display:block;line-height:2rem;}
.ablist ul li ol li.con_info span{display:block;font-size:1rem;line-height:1.5rem;color:#333;font-weight:400;}
.ablist ul li ol li.con_info a.more{display:inline-block;font-size:0.875rem;line-height:1.1rem;font-weight:400;text-align:center;color:#fff;margin:1rem 0;padding:0.5rem 1rem;background:#fcab24;text-transform:uppercase;}
.ablist ul>li ol li.con_info a:hover{color:#fcab24}
.ablist ul li ol li.con_img img:hover{transform:scale(1.06)}
.ablist ul>li ol li.con_info a.more:hover{background:#444;color:#fff;}

@media (max-width:767.98px) {
  .aboutlist ul li ol li.con_img{width:100%}
    .aboutlist ul li ol li.con_info{width:100%;padding:1rem}
  .aboutlist ul li ol li.con_info a.more{display:inline-block;}
  .ablist ul>li{ width:49%; margin-right:2%;}
    .ablist ul>li:nth-child(3n){ margin-right:2%;}
    .ablist ul>li:nth-child(3n+1){ clear:none;}
  .ablist ul>li:nth-child(2n){ margin-right:0;}
    .ablist ul>li:nth-child(2n+1){ clear:both;}
}

@media (max-width: 575.98px) {
  .ablist ul>li{ width:100%; margin-right:0%;}
}


.tuaac_info{width:96%; max-width:1280px; margin:0 auto; padding:2rem  0; position:relative;background:url(../images/taabg.jpg) top right no-repeat; font-size:1rem; overflow:hidden;display:flex; flex-flow: wrap;}
.tuaac_left{ width:50%;}
.tuaac_title{ font-size:1.5rem; color:#434343; display:block; padding-bottom:2rem; font-weight:500;}
.tuaac_title span{ color:#f87917;}
.tuaac_title1 span{display: block;color: #434343;}

.tuaac_info .tuaac_p1{ max-width:500px; font-weight:500; padding-bottom:1rem;}
.tuaac_info .tuaac_p2{ max-width:700px; font-size:0.875rem;}

.tuaac_info .more1{ margin-top:2rem; float:right;}
.tuaac_info .more1 a{ color:#f87917;font-size:1rem; font-weight:500;}
.tuaac_info .more1 a:hover{color:#000;}
.tuaac_right{ width:50%; text-align:center; padding-top:3rem;}
.home_video{ cursor:pointer;}
.home_video:hover img{opacity: .8;}
/*added it by mysteo*/
.video_container{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.video_container .showvideo{
  position: absolute;
  left: calc(50% - 70px);
  top: calc(50% - 50px);
}
.video_container .paly_icon{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:60px;
  height:60px;
  background-color:rgb(255,255,255,.78);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:1.5rem;
  padding-left:.3rem;
  color:#f97918;
  border:5px solid #f97918;
  z-index:1;
  animation:pulse 2s infinite;
}
.video_container .left_10_80{
  left:10%;
  top:80%;
}
.h_200{
  height: 200px;
}
/* pulse btn */
@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(245,132,39,0.8);}
70%{-webkit-box-shadow:0 0 0 45px rgba(245,132,39,0);}
100%{-webkit-box-shadow:0 0 0 0 rgba(245,132,39,0);}
}
@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(245,132,39,0.8);box-shadow:0 0 0 0 rgba(245,132,39,0.8);}
70%{-moz-box-shadow:0 0 0 45px rgba(245,132,39,0);box-shadow:0 0 0 45px rgba(245,132,39,0);}
100%{-moz-box-shadow:0 0 0 0 rgba(245,132,39,0);box-shadow:0 0 0 0 rgba(245,132,39,0);}
}
/*added it by mysteo*/
@media (max-width: 991.98px) {
  .tuaac_info{background:none;}
}
@media (max-width:767.98px) {
  .tuaac_left{ width:100%; }
  .tuaac_title1 span{display: inline-block;}
  .tuaac_right{ width:100%; padding:0; text-align:center;background:url(../images/taabg.jpg) no-repeat;}
}

.video_show{display:flex;flex-wrap:wrap;position:relative;justify-content:center;align-items:center}
.video_btn{position:absolute;background:rgba(249 121 24 / 90%);padding:4px 0 2px 7px;z-index:10;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;cursor:pointer;visibility:visible;opacity:.9;transition:.3s all ease-in-out}
.video_btn:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:none;width:80px;height:80px;background:#fff;border-radius:50%;animation:pulse-border 2s ease-out infinite}
.video_btn:hover{ background:#677484;}

.casebg{background:url(../images/casebg.jpg) top center no-repeat; padding:3rem 0 2rem 0;}
.case{width:96%; max-width:1280px; margin:0 auto;position:relative; background:#fff; padding:2rem 3rem;}
.case .case_title{display:flex; flex-flow: wrap; width:100%;align-items:center;}
.case_title_left{ color:#434343; font-size:1.5rem;border-right:3px #f87917 solid; padding-right:2rem;font-weight:500;}
.case_title_rirght{ max-width:600px; font-weight:500; padding-left:1rem;}

.caseli{ width:100%; max-width:1110px; margin:0 auto; padding-top:2rem;display:flex; flex-flow: wrap;}
.caseli_left{ width:50%; padding-right:1px; position:relative;}
.caseli_left img{ width:100%;}
.caseli_left a{ position:relative; display:block;}
.caseli_left span{ position:absolute; left:0; bottom:2rem; background:#f97918; padding:0.5rem 1rem; color:#fff; font-size:1rem;}
.caseli_left a:hover span{ background:#677484;}
.caseli_right{ width:50%; padding-left:1px;}
.caseli_right img{ width:100%;}
.casetop{ width:100%;}
.casetop img{width:100%;}
.caseli .caseli{ padding:0; padding-top:2px;}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
  .case>.caseli>.caseli_left{ width:100%; padding-right:0; padding-bottom:2px;}
  .case>.caseli>.caseli_right{ width:100%; padding-left:0;}
  .case_title_rirght{padding-left:0;}
  .casebg{ padding-top:0;}
  .case{ padding:1rem; width:100%;}
}


.casedes{ width:100%; margin:0 auto;display:flex; flex-flow: wrap; padding-top:0.5rem;}
.casedes .casedeli{ width:49%; margin-right:2%;padding:0.5rem 1rem;background: #fcfcfc; margin-bottom:1.5rem; border:1px #ddd solid;box-shadow: 1px 1px 4px 0 rgba(0,0,0,.2);}
.casedes .casedeli:nth-child(2n){ margin-right:0;}
.casedes .casedeli:nth-child(2n+1){ clear:both;}
.title{ display:block; font-size:1rem; font-weight:600; padding-bottom:0.5rem;}

@media (max-width:767.98px) {
.casedes .casedeli{ width:100%; margin-right:0;}  
}

@media (max-width: 575.98px) {

}

.sidebar_video{ margin-bottom:1rem; position:relative;}
.sidebar_video:before {content: '';position: absolute;top: 0; left:0;  width:100%; height: 100%;  background:rgba(0, 0, 0, 0.3); }

/****Home about****/
.homebg{ overflow:hidden; height:100%; position:relative;}
.homebg:before {content: '';position: absolute;top: 0; left:0;  width:50%; height: 100%;  background: #ececec;z-index:1; }
.homebg:after {content: '';position: absolute;bottom:-40px; right:0;  width:50%; height: 50%;  background: #ececec;z-index:1;}

.homeabout{width:100%; max-width:1280px; margin:0 auto; padding:3rem 2rem 0 2rem; background:#fff; position:relative; z-index:2;}
.homeabout .webtitle{ max-width:560px; margin:0 auto;text-transform:none; font-weight:500; font-size:1.8rem; line-height:2.2rem; padding-bottom:3rem;}
.colleft{padding-right:10%!important; padding-top:1rem; font-size:1rem;}
.colright{position:relative; z-index:2;}
.colright img{position:relative; z-index:2; width:100%;}
.colright:before{content: '';position: absolute;bottom:-40px; right:-2rem;  width:50%; height:265px;  background: #ececec;z-index:1;}

.homeabout .more1{ margin-top:2rem; float:right;}
.homeabout .more1 a{ color:#f87917;font-size:1rem; font-weight:500;}
.homeabout .more1 a:hover{color:#000;}
@media (max-width: 991.98px) {
  .homeabout{padding-bottom:2rem; }
}
@media (max-width:767.98px) {
  .colleft{ padding-bottom:2rem;}
  .homeabout .more1{ margin-top:0;}
  .homeabout{ padding:0 1rem;}
  .homeabout .webtitle{ font-size:1.5rem; padding:1.5rem 0 0 0; text-align:left; max-width:inherit;}
  .colleft{ padding:1rem 0 1rem 0 !important}
}

.history-box>ul { position: relative; padding-top: 50px; }
.history-box>ul:before { top: 0; content: ''; width: 4px; height: 100%; position: absolute; background: #f97918; left: 240px; }
.history-box div>span { padding: 5px 20px; background:#f97918; color: #fff; position: absolute; font-weight: bold; font-size:1.125rem; display: inline-block; vertical-align: top; left: 0; top: 0; border:1px #f97918 solid; min-width:175px; text-align:center;}
.history-box div>span:after { content: ''; position: absolute; width: 66px; height: 1px; background: #f97918; top: 20px; left: 174px; }
.history-box div>span:before{content: "";position: absolute;top: 13px;right: -44px;width: 16px;height: 15px;background: #fff;border: 2px solid #f97918;z-index: 1;
}
.history-box div p>b { display: block; float: left; width: 12%; margin-top:0px; }
.history-box div p { font-size: 14px; line-height: 2; margin: 5px 0; }
.history-box div p:after { content: " "; clear: both; display: block; }
.history-box div p>span { display: block; float:left; padding-left:10px; font-size:1rem;}
.history-box>ul>li div { padding:0.5rem; border: 1px solid #ddd; }
.history-box>ul>li:nth-child(even) div p>b { display: block; float: left; width: 12%; }
.history-box>ul>li:before {position: absolute; content: ''; width: 0; z-index: 1; height: 0; left: 266px; top: 15px; border-style: solid; border-width: 8px 10px 8px 0px; display: block; border-color: transparent #fff transparent transparent; }
.history-box>ul:after { content: ''; position: absolute; width: 20px; height: 20px; position: absolute; border-radius: 50%; background: #f97918; top: -12px; border: 4px solid #fff; left: 232px; }
.history-box>ul>li:after { content: ''; position: absolute; left: 263px; top: 13px; border-style: solid; border-width: 10px 12px 10px 0; border-color: transparent #ddd transparent transparent; }
.history-box>ul>li { margin-bottom:1.3rem; position: relative; padding-left: 275px; }
.honour-img span { height: 100%; display: inline-block; width: 0; vertical-align: middle; }
@media only screen and (max-width: 1024px) {
.history-box>ul:before, .history-box>ul:after, .history-box>ul>li:after, .history-box>ul>li:before, .history-box div>span:after,.history-box div>span:before { display: none; }
.history-box>ul>li div { padding: 40px 15px 20px; margin-bottom: 30px; width: auto; text-align: left; margin-left: 0 !important; border-bottom: 1px dashed #ddd; }
.history-box div p>span { font-size: 14px; width: 90%; }
.history-box div p>b, .history-box>ul>li:nth-child(even) div p>b { float: left; width: auto }
.history-box div>span { line-height: normal; padding: 3px 15px; font-size: 16px; }
.history-box>ul>li { padding-left: 0; }
}

/****container****/
#container{width:100%;margin:0 auto;margin-top:130px; background:#fff; overflow:hidden;}
.proinfo{font-size:1rem; background:#eee; padding:0.5rem; margin-bottom:2rem;}
.etw_container{ width:96%; max-width:1280px; margin:0 auto; background:#fff;overflow:hidden; padding:1rem 0; padding-bottom:2rem;}
.etw_container1{ background:none; padding-bottom:2rem;}
.etw_containerbg{background:#eee;}
#etw_right{ width:73%; float:right;}
#etw_sidebar{ width:24%; float:left;padding: 0 .25rem;}


@media (max-width: 1280px) {
}
@media (max-width: 991.98px) {
  #container.homecontainer{ margin-top:0;}
}

@media (max-width:767.98px) {
 
}

@media (max-width: 575.98px) {
 
}
.propic{ position:relative;}

#etw_sidebar .etw_hometitle{ display:block; color:#fff; font-size:1.25rem; font-weight:600;  padding:0.5rem 0 0.5rem 1.4rem; margin:0; background:#f97918; position:relative;font-family: 'BarlowCondensed'; text-transform:uppercase;}
#etw_sidebar .etw_hometitle:before{ content:""; position:absolute; right:0; top:0;border-top: 23px solid transparent;border-right: 32px solid #e56504;border-bottom: 23px solid transparent;}

#etw_right figure a:hover img{opacity: .9;}
@media (max-width: 991.98px) {
  #container{margin-top:0px!important;}
  #etw_right,#etw_sidebar{ width:100%;}
    #etw_sidebar .title1,#etw_sidebar .title2,#etw_sidebar .title3{background:#124ca0;}
}
.video_title{ display:block; font-size:1.2rem; padding:0.5rem 0; text-align:center;}
/****container  END****/


/*Quick*/
#quicknav{height:auto; color:#999; line-height:1.2rem; font-size:0.8rem; overflow:hidden; background:#f9f9f9; padding:0.6rem 0; }
#quicknav a{color:#555;}
#quicknav ul{width:100%; max-width:1280px; margin:0 auto;}
#quicknav li{display:inline-block; padding:0rem 0.2rem;}
#quicknav li+li::before{padding:0 5px;color:#000;content:"/\00a0"}
#quicknav a:hover{color:#0070bd}
#quicknav.quicknav{ background:none; color:#eee;}
#quicknav.quicknav a{ color:#fff;}
#quicknav.quicknav li+li::before{color:#fff;}
@media (max-width: 575.98px) {
#quicknav{ display:none;}
}



/****Products List****/
.etw_productlist{width:100%; overflow:hidden; position:relative; border:1px #eee solid; background:#f8f8f8;box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 20%);}
.etw_productlist>ul>li{width:100%;}
.etw_productlist>ul>li>a{display:block;font-size:0.875rem;color:#666;line-height:1.2rem;position:relative;border-bottom: 1px solid #ddd;padding:0.6rem 1rem 0.6rem 1.2rem;}
.etw_productlist>ul>li:last-child a{border-bottom: none;}
.etw_productlist>ul>li>a:before{content: "\f0da";font-family: fontawesome;position: absolute;left:0.4rem;top:35%;color: #666;font-size: 0.875rem;text-align: center;line-height: 12px;}
.etw_productlist>ul li a:hover,.etw_productlist>ul li a.dq,.etw_productlist>ul>li>a:hover:before,.etw_productlist>ul li a.dq:before{color: #f97918;}
.etw_productlist>ul>li ol{padding-top: 0.6rem;border-bottom: 1px solid #ddd;}
.etw_productlist>ul>li ol li a{color: #666;font-size: 0.75rem;padding-left:1.2rem;line-height: 1.1rem;display: block;margin-bottom:0.6rem; padding-right:0.3rem;}
.etw_productlist>ul>li ol li a.dq,.etw_productlist>ul>li ol li a:hover{color: #f97918;}

.etwprolist1{ margin-top:4rem;}
#etw_sidebar .etwprolist1 .etw_hometitle{background:#677484;}
#etw_sidebar .etwprolist1 .etw_hometitle:before{border-right: 32px solid #566271;}


@media (max-width: 991.98px) {
  .etw_productlist{ display:none;}
}


/* etw_set_feedback_form */
.feedback_box {width:100%;margin:1rem auto;background: #677484;padding:2rem;background-size:cover;color:#fff;}
.etw_set_feedback_form {background-color:#f3f3f3;border-radius:22px;padding:1rem;}
.form_contact_title h3 {font-family:"Oswald";text-transform:uppercase;font-size:2rem;color:#000;}
.feedback_box .feeb_info {font-size:1rem;color:#fff;}
@media (max-width: 767.98px) {
  .feedback_box .feeb_info { padding-top:1rem;}
}
/* relatepro_box */
.relatepro_box {width:100%;background-color:#f5f5f5;margin:1rem auto;padding:2rem; padding-top:1.5rem; position:relative;}
.relatepro_box:before{content:"";position:absolute;width:0;height:0;border-right:40px solid #fff;border-top:0 solid transparent;border-bottom:40px solid transparent;right:0;top:0}
.relatepro_box:after{content:"";position:absolute;width:0;height:0;border-left:40px solid #fff;border-bottom:0 solid transparent;border-top:40px solid transparent;bottom:0;left:0}
.relatepro_box .relatepro_title {color:#333;display:block;margin-bottom:0.8rem; font-family: 'Oswald';font-size:1.5rem; font-weight:500;}
.relatepro_box ul{width:100%;display:flex;flex-wrap:wrap;}
.relatepro_box ul>li{width:23.5%;margin:0 2% 1rem 0;overflow:hidden; background:#fff;border:1px solid #dedede;box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 30%);
border-radius:6px;}
.relatepro_box ul>li:nth-child(4n){ margin-right:0}
.relatepro_box ul>li:nth-child(4n+1){ clear:both}
.relatepro_box ul li ol{width:100%}
.relatepro_box ul li ol li.product_img{width:100%}
.relatepro_box ul li ol li.product_img img{width:100%; border-bottom:1px #dedede dashed;}
.relatepro_box ul li ol li.product_con{width:100%;margin:0 auto;line-height:18px;text-align:center}
.relatepro_box ul li ol li.product_con a{color:#333;display:block;line-height:16px;padding:8px 2px;font-size:14px}
.relatepro_box ul li:hover,.relatepro_box ul li.dq{ border-color:#f97918;}
.relatepro_box ul li:hover ol li.product_con a,.relatepro_box ul li.dq ol li.product_con a{color:#f97918}

@media (max-width: 767.98px) {
.relatepro_box ul>li{ width:49%;}
.relatepro_box ul>li:nth-child(3n){ margin-right:2%}
.relatepro_box ul>li:nth-child(3n+1){ clear:none}
.relatepro_box ul>li:nth-child(2n){ margin-right:0}
.relatepro_box ul>li:nth-child(2n+1){ clear:both}
} 



.sendinquiry{display:inline-flex;flex-wrap:wrap;justify-content:center;cursor:pointer;text-align:center;position:relative;z-index:1; float:left;}
.sendinquiry_R{ float:right; margin-top:-60px;}
.sendinquiry span{color:#fff;background:#002b70;padding:.5rem 1.2rem;font-size:.9rem;line-height:.9rem;font-weight:600;text-align:center;display:inline-block;transition:.3s all ease-in-out;min-width:100px;margin:.5rem 0;position:relative;}
.sendinquiry span:before{position:absolute;content:'';background:#002b70;width:100%;height:3px;left:0;bottom:-6px;transition:.3s all ease-in-out}
.sendinquiry i{padding-right:.3rem;font-size:1rem}
.sendinquiry span:hover{background:#f97918;color:#fff}
.sendinquiry span:hover:before{background:#f97918}
@media (max-width: 991.98px) {
  .sendinquiry_R{ float:left; margin-top:0px;}
}
/****Left Inquiry****/
#etw_contact{width:100%;overflow:hidden;background-color: #f4f4f4;padding:1rem 1rem; margin-top:1rem;}
#floatchatiframe2011{ min-height:349px;}



/****Content Title****/
.prodes{border-left: 0.375rem solid #ddd;font-size:1rem;font-style:italic;padding: 1rem; margin-bottom:1.6rem; background-color: #f6f6f7;}


.protitle { float: left;width: 100%;margin-bottom: 1rem;border-bottom: 1px solid #0070bd;display:block;}
.protitle span{display: inline-block;padding-bottom: 0.5rem;position: relative;font-size: 1.25rem;font-weight: bold;color: #333;}
.protitle a span{ color:#333;}
.protitle span:before{position: absolute;content: "";width: 0;height: 0;border: 11px solid transparent;border-bottom: 11px solid #0070bd;left:60px;bottom: -1px;}
.protitle span:after{position: absolute;content: "";width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #fff;left:63px;bottom: -1px;}



.reltitle{ font-weight:400; font-size:0.95rem;padding-bottom:0px;}
strong{ color:#666;}


.protitle1{font-weight:400;position:relative;color:#111;padding:0.5rem 0;font-size:1.65rem;line-height:2rem;text-align:left;text-shadow:3px 3px 3px #ccc;}
.protitle1 a{color:#333;display:block;}
.protitle1 a:hover{color:#f97918;}


.protitle2{display:inline-block; color:#666;font-size:1.125rem; font-weight:500;margin:0.5rem 0 0.8rem 0;position:relative; padding-bottom:0.3rem; position:relative}
.protitle2:after{content: "";position: absolute; left:0;bottom:0; height:2px; width:50px; background:#677484;}

.protitle2 a:hover{ color:#c32e24;}

.protitle3{ color:#000; font-size:1.25rem; line-height:2.5rem; margin-top:2rem; border-bottom:1px #dedede solid; margin-bottom:1.5rem;}
.protitle3 span{ display:inline-block; width:auto;position:relative;font-weight: bold;}
.protitle3 span:after{content: "";position: absolute; left:0;bottom:-2px; height:3px; width:40px; background:#0070bd;}



.protitle4 {width:100%;height:auto;background:#f8f8f8;border-left:6px solid #677484;box-shadow:2px 2px 3px #ccc;margin:10px 0 1.5rem 0;}
.protitle4  a {display:block;padding:8px 20px 6px 20px;font-size:1.3em;color:#000;text-shadow:1px 1px 1px #fff; font-weight:500;}
.protitle4  a:hover {color:#f97918;}


.subtitle{ color:#333;font-size:1rem;}
.proabout{ width:100%; padding-bottom:0.8rem; overflow:hidden;}
.proabout_img{ width:60%; float:left;}
.proabout_img img{ border:1px #ddd solid;}
.proabout_con{ width:37%; float:right;}
.proabout_con .etw_photo{ margin:0.5rem 0 0 0;}
.proabout_con p{ margin-bottom:0rem;}
.proabout .etw_photo ul li img{ border-color:#fff;}

@media (max-width: 767.98px) {
   .left_pics img{ max-width:100%;} 
  .proabout_img{ width:100%;}
  .proabout_con{ width:100%; margin-top:1rem;}
  .proabout .etw_photo ul li img{border-color:#ddd;}
}



.pro_des{ width:100%;}
.pro_des ul{display:flex; flex-flow: wrap;justify-content: center;align-items: center;background:#f9f9f9;}
.pro_des ul li.prodes_img{width:50%; float:left;}
.pro_des ul li.prodes_img img{ width:100%; border-bottom:4px #0070bd solid;}
.pro_des ul li.prodes_info{width:50%; padding-right:3%; padding-left:1rem;}
.pro_des ul li.prodes_info p span{ font-size:1.125rem;color:#000;}
.pro_des ul>li:nth-child(2n){ margin-right:0;}
.pro_des ul>li:nth-child(2n+1){ clear:both;}
.pro_des ul:nth-child(2n){flex-direction: row-reverse;}
.pro_des ul:nth-child(2n) li.prodes_info{padding-left:3%; padding-right:1rem;}

@media (max-width: 767.98px) {
  .proleft,.proright{ width:100%;}
  .pro_des ul li.prodes_img,.pro_des ul li.prodes_info{ font-size:0.75rem;}
}

@media (max-width: 575.98px) {
  .pro_des{display:flex; flex-flow: wrap;}
  .pro_des ul{border-bottom:1px #eee solid; margin-bottom:1rem; width:49%; margin-right:2%; border-right:1px #ccc solid; padding:0.5rem;}
  .pro_des ul:nth-child(2n){ margin-right:0;border-right:none;flex-direction:row-reverse;}
    .pro_des ul:nth-child(2n+1){ clear:both}
  .pro_des ul li.prodes_img{ margin-bottom:0.5rem;}
  .pro_des ul li.prodes_img,.pro_des ul li.prodes_info{ width:100%; text-align:center;}
  .pro_des1 ul{ width:100%; margin-right:0;}
}

@media (max-width: 420px) {
  .pro_des ul{width:100%; margin-right:0; border-right:none;}
  .pro_des ul li.prodes_img{ margin-bottom:0.5rem;}
}
/****related img****/
figure{ margin-bottom:0rem; float:left;}
.left_pic{width:46%;float:right; margin:0 0 14px 2%; text-align:center; position:relative; z-index:2;}
.left_pic1{float:left; margin:0 2% 14px 0;}
.left_pics{width:100%; height:auto; float:left;} 
.left_pics img{ width:100%; text-align:center; border:1px #ccc solid}
.left_pics img:hover{border:1px #999 solid}
.related_pic{width:100%; height:auto; float:right;}
.related_pic ul{display:flex; flex-flow: wrap;}
.related_pic li{ width:18.4%; margin-right:2%;}
.related_pic li:nth-child(5n){ margin-right:0;}
.related_pic li: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,.related_pic a.dq img{ border:2px #f97918 solid}
.related_pic span{ font-size:0.75rem; line-height:0.9rem; display:block; text-align:center;}
.related_pic1 img{ margin:0 0 12px 0;}
@media (max-width: 767.98px) {
  .left_pic{ width:100%; margin-bottom:10px;}
}
/****Phtoto****/
.etw_photo{ margin:1rem 0 0.5rem 0;width:100%;height:auto;} 
.etw_photo ul{display:flex;width:auto;height:auto; flex-flow: wrap;}
.etw_photo ul li{ margin:0 2% 15px 0;}
.etw_photo ul li img{display:block;border:1px solid #ddd;width:100%;margin-bottom:7px;transition: all 0.3s;}
.etw_photo ul li a:hover img{border:1px solid #291d5a}
.etw_photo ul li span{ font-size:0.875rem; line-height:1rem; display:block; text-align:center;}
.caselist ul li span{ font-size:0.75rem;}
.etw_photo1 ul li{ position:relative; border:1px #ddd solid;}
.etw_photo1 ul li img{ padding:0px;-webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0;margin-bottom:0px;}
.etw_photo1 ul li span{ position:absolute; left:0px; bottom:0px;background: rgba(0,0,0,0.6);color: #fff;width: 100%;padding:1rem 0.4rem; text-align:center;}

.etw_photo2 ul li span{ font-size:1rem; padding-bottom:0.5rem;}
.etw_photo2 ul li img{ margin-bottom:0;}
.etw_photo2 ul li p{display:block; background:#f8f8f8; padding:0.5rem 1rem;}
.color1{ color:#0c499e; font-weight:600;}
.color2{ color:#e44f6f; font-weight:500;}

a.pdf{font-size:13px; display:block; float:left; padding-left:20px; margin:3px 0; color:#666; position:relative}
a.pdf:before{content:"\f1c1"; font-family:fontawesome; font-size:16px; position:absolute; left:0; top:-3px; color:#d83d33;}
a.pdf:hover{ color:#7cbe42;}
.etw_photo ul li a.pdf span{ text-align:left;}


.imgstyle img{padding:6px; -webkit-box-shadow: 1px 1px 2px #BCBCBC; -moz-box-shadow: 1px 1px 2px #BCBCBC; box-shadow: 1px 1px 2px #BCBCBC; position:relative; border:1px #ccc solid; margin:0.5rem 0 ; background:#fff;}
.imgstyle a:hover img{border:1px solid #291d5a}
.imgstyle1 img{border: 1px #ddd solid;}

.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}  


.img_left,.img_right{width:46%;float:left; margin:0 2% 14px 0; text-align:center;}
.img_right{float:right;margin:0.2rem 0 14px 2%;}
.img_left img,.img_right img{position:relative; z-index:2;border:1px #ddd solid; }
.sswidth{ width:25%;}
.swidth{ width:35%;}
.bswidth{ width:50%;}
.bwidth{ width:55%;margin-right:30px;}
.bbwidth{ width:80%; margin-right:30px;}
@media (max-width: 767.98px) {
figure{ float:none;}  
.etw_pic5 ul li,.etw_pic4 ul li{ width:32%;}
.etw_pic5 ul li:nth-child(5n),.etw_pic4 ul li:nth-child(4n){ margin-right:2%;}  
.etw_pic5 ul li:nth-child(5n+1),.etw_pic4 ul li:nth-child(4n+1){ clear:none;}
.etw_pic5 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(3n){ margin-right:0;} 
.etw_pic5 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(3n){ clear:both;}
.img_left,.img_right{width:100%; margin:10px 0}
}
@media (max-width: 575.98px) {
.etw_pic3 ul li,.etw_pic4 ul li{ width:49%;}  
.etw_pic3 ul li:nth-child(3n),.etw_pic5 ul li:nth-child(3n),.etw_pic4 ul li:nth-child(3n){ margin-right:2%;}  
.etw_pic3 ul li:nth-child(3n+1),.etw_pic5 ul li:nth-child(3n+1),.etw_pic4 ul li:nth-child(3n+1){ clear:none;}
.etw_pic3 ul li:nth-child(2n),.etw_pic5 ul li:nth-child(2n),.etw_pic4 ul li:nth-child(2n){ margin-right:0;} 
.etw_pic3 ul li:nth-child(2n+1),.etw_pic5 ul li:nth-child(2n+1),.etw_pic4 ul li:nth-child(2n+1){ clear:both;}

}

.etree{ width:100%; padding-top:10px;}
.etree>ul{ width:100%; float:none;display:flex;flex-flow: wrap;}
.etree>ul>li{ padding:1.5rem; width:49%; margin:0 2% 2rem 0; float:right; position:relative; background:#F6F6F6;overflow:hidden;}
.etree>ul>li:nth-child(2n){ margin-right:0;}
.etree>ul>li:nth-child(2n+1){ clear:both;}
.etree>ul>li ol{display:flex;flex-flow: wrap; align-items:center;}
.etree>ul>li .etree_img{ width:30%; }
.etree>ul>li .etree_img img { width:100%;border-radius:100%; border:3px #f97918 solid;}
.etree>ul>li .etree_info{ width:70%; padding-left:1rem;}
.etree>ul>li span{font-size:1rem;  font-weight:600; position:relative;}
.etree>ul>li p{ margin-bottom:0;}
@media (max-width: 767.98px) {
  .etree>ul>li{ width:100%; margin-right:0;}
}

.serverlist{ width:100%; padding-top:10px;}
.serverlist{ width:100%; padding-top:10px;}
.serverlist>ul{ width:100%; float:none;display:flex;flex-flow: wrap;}
.serverlist>ul>li{ padding:1.5rem; width:100%; margin:0 0 2rem 0;  background:#F6F6F6;box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 30%);}
.serverlist>ul>li>a{ display:block; font-size:1.25rem;font-weight: 600; line-height:1.6rem; padding-bottom:0.5rem; color:#333;}
.serverlist>ul>li>a:hover{ color:#f97918;}
.serverlist>ul>li p{ display:block; color:#999;}
.serverlist>ul>li>a.more{ display:inline-block; background:#f97918; color:#fff; font-weight:400; padding:0.2rem 1.2rem;border-radius: 5px; font-size:0.875rem;}
.serverlist>ul>li .img{ width:30%; float:right; margin:0 0 0.5rem 1rem;}
.serverlist>ul>li .imgleft{ width:20%; float:left; margin:0 1.5rem 0.5rem 0;}
.serverlist>ul>li>a.more:hover{ background:#333; color:#fff;}
.server1>ul>li .img{ width:42%;}
@media (max-width: 767.98px) {
  .serverlist>ul>li .imgleft{ width:150px; float:right;margin:0 0 0.5rem 1rem;}
  .serverlist>ul>li .img{width:180px; }
}
/* case_list */
.case_list{width: 100%; margin: 0 auto; margin-top: 1rem;}
.case_list ul{width: 100%; display: flex; flex-wrap: wrap; }
.case_list ul li{width: 32%; margin-right: 2%; margin-bottom: 2rem; background-color: #f4f4f4; transition: all .5s; position: relative; padding-bottom: 2rem;}
.case_list ul li:nth-child(3n){margin-right: 0;}
.case_list ul li .in_img{position: relative;}
.case_list ul li .in_des{padding: 1rem 1.5rem;}
.case_list ul li .in_des>a{color: #000; font-size: 1.1rem; padding-bottom:0.5rem; display:block;}
.case_list ul li p{color: #666; }
.case_list ul li .more{position: absolute; bottom: 1rem; left: 1.5rem;}
.case_list ul li .more a{ display:inline-block; background:#f97918; color:#fff; font-weight:400; padding:0.3rem 1.5rem;border-radius: 5px;}
.case_list ul li .more a:hover{ background:#677484;}
.case_list ul li .in_img:hover{opacity: .9}

@media (max-width: 767.98px) {
  .case_list ul li{width: 48%;};
  .case_list ul li:nth-child(23n){margin-right: 2%;}
  .case_list ul li:nth-child(2n+1){ clear:none;}
  .case_list ul li:nth-child(3n){margin-right: 0;}
  .case_list ul li:nth-child(3n+1){ clear:both;}
  
}
/****ul li style****/
ul.item{width:100%; float:none; padding-bottom:0.3rem;}
ul.item>li{list-style: decimal;margin:0 0 0.5rem 14px;width:96%; float:none; text-align:left;} 
ul.item>li.last{ margin-left:22px;}

ul.itemds li{ font-size:1rem; width:100%; margin-bottom:1rem; list-style:none; padding-left:2.2rem; position:relative; margin-left:0;}
ul.itemds li:before{ content:"1"; position:absolute; top:0; left:0; width:26px; height:26px;background: #f97918;border-radius: 50%; color:#fff; font-size:1.1rem;text-align:center;}
ul.itemds li:nth-child(2):before{content:"2";}
ul.itemds li:nth-child(3):before{content:"3";}
ul.itemds li:nth-child(4):before{content:"4";}
ul.itemds li:nth-child(5):before{content:"5";}
ul.itemds li:nth-child(6):before{content:"6";}

ul.discitem{ margin-bottom:15px; width:100%; float:none}
ul.discitem>li{position: relative;padding-left: 1.125rem;margin-bottom: .5rem;font-size: .875rem;color: #666;text-align:left;}
ul.discitem>li:before{content: "";position: absolute;width: 8px;height: 8px; background:#777;left:3px;top:7px;}
ul.discitem1{ margin-top:1.5rem;}
ul.discitem1>li{ background:#F6F6F6; padding:1rem 1rem 1rem 1rem;box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 15%); margin-bottom:1.5rem;}
ul.discitem1>li:before{ width:0; height:0;}
.distitle{ display:block;font-size:1.125rem; font-weight:500; padding-bottom:0.8rem;}

.process{ width:100%;display:flex;flex-flow: wrap; padding-top:0.5rem;}
.process li{ display:inline-block; border:1px #aaa dashed; padding:0.2rem 0.6rem; margin:0 15px 0.6rem 0; position:relative;}
.process li:before{ content:"\f178";font-family:fontawesome; position:absolute;right:-15px; top:20%;} 
.process li:last-child:before{content:"";}

@media (max-width: 767.98px) {
.discitem01{float: left!important;}
}


ul.protable{ width:100%; background:#f6f6f6; padding:0.5rem;}
ul.protable li{ width:100%; border-bottom:1px dotted #999;display:flex;flex-flow: wrap;padding-top: 0.5rem;padding-bottom: 0.5rem;}
ul.protable li strong{ width:25%; display:inline-block;font-size:1rem; padding:0.5rem 0;font-family: 'Oswald'; font-weight:400;display: flex;align-items: center;padding-right: 0.3rem;}
ul.protable li span{ width:75%; float:right; font-size:1rem; display:block;padding:0.6rem 0 0.6rem 1.5rem;border-left:1px dotted #999;}
ul.protable li:first-child strong{ padding-top:0px;}
ul.protable li:first-child span{ padding-top:0.2rem;}

/****ul li style END****/

/**Products Hub**/

.etw_products{width:100%; height:auto; float:left;}
.etw_products ul{width:100%;display:flex; flex-flow: wrap;}
.etw_products ul>li{width:23.5%; margin:0 2% 2rem 0;position:relative; background:#f6f6f6;}
.etw_products ul>li:nth-child(4n){ margin-right:0;}
.etw_products ul>li:nth-child(4n+1){ clear:both;}
.etw_products ul>li ol li.product_img{ width:100%; margin-bottom: 0.3rem; padding:0.2rem; }
.etw_products ul>li ol li.product_img img{ width:100%;}
.etw_products ul>li ol li.product_con{width:100%;}
.etw_products ul>li ol li.product_con a{ color:#434343; display:block; position:relative; font-size:1rem; line-height:1.4rem; padding-left:1rem; text-align:left;}
.etw_products ul>li ol li.product_con span{padding-left:1rem; display:block; padding-top:0.5rem;}
.etw_products ul>li ol li.product_con a:before{ content:""; position:absolute; left:0; top:0; background:#f87917; height:100%; width:4px;}

.etw_products ul>li ol li.product_con a:hover{ color:#f87917;}

.etw_products ul>li ol li.product_img:hover{opacity: .9}
.etw_products ul>li ol li.product_con a.more1{ color:#666;font-size:0.75rem; padding:0.2rem 1.2rem; border-radius: 1rem;display:block; margin:0.5rem 0 0 0; border:1px #ccc solid; float:right; margin:0.5rem;}
.etw_products ul>li ol li.product_con a.more1::before{ background:none; width:0;}
.etw_products ul>li ol li.product_con a.more1:hover{color:#f87917;border:1px #f87917 solid;}
.etwpro4 ul>li{width:32%; }
.etwpro4 ul>li:nth-child(4n){ margin-right:2%;}
.etwpro4 ul>li:nth-child(4n+1){ clear:none;}
.etwpro4 ul>li:nth-child(3n){ margin-right:0;}
.etwpro4 ul>li:nth-child(3n+1){ clear:both;}

.etw_products1,.etw_products1 ul{ width:100%; height:auto; overflow:hidden;}
.etw_products1 ul { width:100%; padding:0.5rem 0.2rem 0.5rem 0.5rem;display:flex; flex-flow: wrap;}
.etw_products1 ul>li{ width:100%; margin:0 0 2rem 0;transition: all 0.3s; overflow:hidden;clear:both; border-top:5px #eee solid;box-shadow: 0px 1px 2px 0 rgba(0,0,0,.2);} 
.etw_products1 ul li ol,.etw_products1 ul li ol li{ width:100%;}
.etw_products1 ul li ol{display:flex; flex-flow: wrap;}
.etw_products1 ul li ol li.product_img{ width:32%; float:left; padding:1px;display:flex; flex-flow: wrap;justify-content: center; align-items: center;}
.etw_products1 ul li ol li.product_img a{width:100%; display:block;overflow:hidden;}
.etw_products1 ul li ol li.product_img img{ width:100%;transition:.5s; -webkit-transition:.5s; -moz-transition:.5s;}
.etw_products1 ul li ol li.product_con{width:68%; float:right; padding:0.6rem 0.6rem 0.6rem 1rem;background:#f9f9f9;}
.etw_products1 ul li ol li.product_con a{ display:block;color: #333; font-size:1rem; padding-bottom:0.5rem; font-weight:600;}
.etw_products1 ul li.product_con span{ display:block;}
.etw_products1 ul li.product_con  a.more1{display:inline-block; background:#f97918; color:#fff; border:1px #f97918 solid; text-align:center; font-size:0.8rem; padding:0.3rem 0.8rem; width:auto; margin-top:0.5rem; font-weight:400;transition: .3s;border-radius:1rem;}
.etw_products1 ul li.product_con  a.more1:hover{ background:none; color:#f97918;}
.etw_products1 ul li ol li.product_img a:hover img{transform:scale(1.05);}
.etw_products1 ul li ol li.product_con a:hover{ color:#f97918;}
@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {

.etw_products1 ul li ol li.product_img{ width:40%; float:left;}
    .etw_products1 ul li ol li.product_con{width:58%; float:right; padding:0 0 0.6rem 0;}
  
  .etw_products ul>li{ width:48%; padding:1rem;}
    .etw_products ul>li:nth-child(3n){ margin-right:2%;}
    .etw_products ul>li:nth-child(3n+1){ clear:none;}
  .etw_products ul>li:nth-child(2n){ margin-right:0;}
    .etw_products ul>li:nth-child(2n+1){ clear:both;}
  .etw_products ul>li ol li.product_con a{ font-size:0.875rem;}
}

@media (max-width: 575.98px) {

.etw_products1>ul{display:flex;flex-flow: wrap;}  
.etw_products1>ul>li{ width:49%; margin-right:2%; clear:none;} 
.etw_products1>ul>li:nth-child(2n){ margin-right:0;}
.etw_products1>ul>li:nth-child(2n+1){ clear:both} 
.etw_products1>ul>li>ol>li.product_img{width:100%;}
.etw_products1>ul>li>ol>li.product_con{ width:100%; padding:0.6rem 1rem; text-align:center;}
.etw_products1>ul>li>ol>li.product_con span,.etw_products1>ul>li>ol>li.product_con .more1{ display:none;}
.etw_products1 ul li ol li.product_con a{ font-size:0.875rem;}

}
@media (max-width: 420px) {
.etw_products ul>li{ width:100%; margin-right:0;}
}

/**Products Hub End**/
.videoall ul{display:flex;flex-flow: wrap;}
.videoall ul li{width:100%;float:left;margin:15px 2% 5px 0;}
.videoall ul li a{display:block;text-align:center; line-height:1.2rem; font-size:1rem;color: #555}
.videoall ul li span{display:block;margin-bottom:10px; text-align:center; padding-top:5px;}


.relatedProducts{width:100%;height:auto; margin-top:1rem;}
.relatednames{font-size:1.125rem;color: #313947; font-weight:600; padding:0 0 0.5rem 1.5rem;position: relative;border-bottom: 1px solid #ccc;}
.relatednames::before {content: "\f0ae";font-family: fontawesome;color: #005ba4; position: absolute;left: 0px;}
.relatedProducts ul{width:100%;height:auto; display:flex;flex-wrap:wrap;padding-top:0.6rem;}
.relatedProducts li{ width:49%; margin:0 2% 0 0; position:relative;}
.relatedProducts li:nth-child(2n){ margin-right:0}
.relatedProducts li:nth-child(2n+1){ clear:both}
.relatedProducts li a{ display:block; padding:0.3rem 0.5rem 0.3rem 1rem;color:#474747;color:#333; }
.relatedProducts li a::before {content: "\f105";position: absolute;width: 5px;height: 5px;left: 5px;font-family: fontawesome;}
.relatedProducts li a:hover,.relatedProducts li a.dq{color:#005ba4}


/*other products*/
.otherpro_info{ width:100%; background:#ececec;}

.othertitle{font-size:1.5rem;line-height:2rem;font-weight:400;text-align:center;margin:1.5rem 0 3rem 0;position:relative;color:#111;text-transform:uppercase}
.othertitle:before{position:absolute;content:'';width:120px;height:2px;background:#f97918;left:0;right:0;margin:0 auto;bottom:-12px}
.othertitle:after{position:absolute;content:'';width:60px;height:2px;background:#f97918;left:0;right:0;margin:0 auto;bottom:-18px}

.otherpro{width:auto; max-width:1280px; margin:0 auto;overflow:hidden;padding:1.5rem 0 1rem;}
.otherpro ul{width:100%;display:flex; flex-flow: wrap; padding-top:1rem;}
.otherpro ul>li{width:18.4%; margin:0 2% 1rem 0; position:relative;  position:relative; padding-bottom:1rem;}
.otherpro ul>li:nth-child(5n){ margin-right:0;}
.otherpro ul>li:nth-child(5n+1){ clear:both;}

.otherpro6 ul>li{ width:15%;}
.otherpro6 ul>li:nth-child(5n){ margin-right:2%;}
.otherpro6 ul>li:nth-child(5n+1){ clear:none;}
.otherpro6 ul>li:nth-child(6n){ margin-right:0;}
.otherpro6 ul>li:nth-child(6n+1){ clear:both;}

.otherpro ul>li ol li.product_img{ width:100%; margin-bottom:0.5rem;}
.otherpro ul>li ol li.product_img img{ width:100%;}
.otherpro ul>li ol li.product_con{ width:100%;}
.otherpro ul>li ol li.product_con a{ color:#434343; display:block; position:relative; font-size:1rem; line-height:1.4rem; padding-left:1.5rem; text-align:left;}
.otherpro ul>li ol li.product_con span{padding-left:1.5rem; display:block; padding-top:0.5rem;}
.otherpro ul>li ol li.product_con a:before{ content:""; position:absolute; left:0; top:0; background:#f87917; height:100%; width:4px;}
.otherpro ul>li li.product_con a:hover{ color:#f87917; }
.otherpro ul>li ol li.product_con{text-overflow:ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow: hidden;height: 140px;}
@media (max-width: 991.98px) {
   .otherpro6 ul>li{ width:23.5%; margin-right:2%;}
   .otherpro6 ul>li:nth-child(6n){ margin-right:2%;}
   .otherpro6 ul>li:nth-child(6n+1){ clear:none;}
   .otherpro6 ul>li:nth-child(4n){ margin-right:0;}
   .otherpro6 ul>li:nth-child(4n+1){ clear:both;}
}
@media (max-width:767.98px) {
.otherpro ul>li{ width:49%; margin-right:2%;}
.otherpro ul>li:nth-child(5n){ margin-right:2%;}
.otherpro ul>li:nth-child(5n+1){ clear:none;}
.otherpro ul>li:nth-child(2n){ margin-right:0;}
.otherpro ul>li:nth-child(2n+1){ clear:both;}
.otherpro ul>li ol li.product_con a{ font-size:0.875rem;}
}

/*other products END*/

/*contact*/
.contact_info{ line-height:1.6rem;}
.contact_info stong{color: #364152 !important;}
.contact_info a{ color:#677484; text-decoration:underline;}
.contact_info a:hover{ color:#f97918;}
.contact_info .contact1{font-family: 'Oswald'; font-weight:500; font-size:1.1rem;}
.contact_info .company{ font-size:1.3rem; padding-bottom:1rem;}
.contact_info #floatchatiframe2011{margin:0px; min-height:460px;}
#etw_form{width:100%;display: flex;flex-flow:wrap; margin:3rem 0 2rem 0;}
#etw_set_feedback_form{border-radius:5px;margin:0 3% 0 0;width:48.5%;background:#f5f5f5; padding:1rem;}
.contact_info #etw_set_feedback_form{ padding:0px; width:95%; background:#f9f9f9;min-height:460px;}

.em_left{ padding-left:42px;}

#etw_form_title{overflow:hidden;padding-left:2%;background:#f2f2f2;text-align:left;font-weight:700;line-height:40px;font-size:16px;margin-bottom:12px;border-radius:5px 5px 0 0;border-bottom:1px solid #ccc}

.txt_indet{ padding-left:2rem;}
.webl{ padding-left:3.9rem;}
.etw_contactin{width:46%;height:auto; padding:0;background:#f5f5f5;padding:1rem;}
@media (max-width: 575.98px) {
#etw_set_feedback_form,.etw_contactin{ width:100%; margin-right:0px;}
#etw_set_feedback_form{ margin-bottom:1rem;}
}
#etw_sidebar .leftcontact{background: #eaeaea; padding:1rem 1rem; margin-top:2rem;}
#etw_sidebar .leftcontact .etw_hometitle{ text-align:left; padding:0; position:inherit; padding-bottom:0.6rem; background:none;}
#etw_sidebar .leftcontact a{ color:#555;}
#etw_sidebar .leftcontact a:hover{ color:#124ca0;}
#etw_sidebar .leftcontact #floatchatiframe2011{ margin:0 -15px; min-height:306px;}
#etw_sidebar .leftcontact .etw_hometitle:before{ border-radius:0 0 0 0 ; width:0; height:0;}

/****Footer contact****/
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{ position:relative; padding-left:25px; display:block; margin-bottom:3px; padding-top:0.2rem;}
.cot_add:before{content:'\f041';position:absolute; left:0px; top:0px; color:#666;font-family:fontawesome; font-size:20px;}
.cot_tel:before{content:"\f095";position:absolute; left:0px; top:0px; color:#666;font-family:fontawesome; font-size:18px;}
.cot_email:before{content:"\f0e0";position:absolute; left:0px; top:0px; color:#666;font-family:fontawesome; font-size:16px;}
.cot_people:before{content:"\f2be";position:absolute; left:0px; top:0px; color:#666;font-family:fontawesome; font-size:16px;}
.cot_mobile:before{content:"\f10b";position:absolute; left:3px; top:0px;color:#666; font-family:fontawesome; font-size:20px;}
.cot_fax:before{content:"\f1ac";position:absolute; left:0px; top:0px;color:#666; font-family:fontawesome; font-size:16px;}
.cot_whatsapp:before{content:"\f232";position:absolute; left:0px; top:0px;color:#666; font-family:fontawesome; font-size:18px;}


.serverpro{width: 100%;float: right;margin-top: 1rem; border: 10px solid #eee; padding:1rem 1.5rem;}
.serverpro_title{ color:#472783; font-size:1.5rem; font-weight:700;}
.serverpro a{display: inline-block;text-align: center;color: #0070bd;position: relative;} 
.serverpro a:hover{ text-decoration:underline;}
.serverpro a.more1{ border:1px #0070bd solid;background:#0070bd;color:#fff; padding:0.3rem 1rem;}
.serverpro a.more1:hover{ background:none; color:#0070bd; text-decoration:none;}


.feedbackbg{ background:#000;}
.feedback_bottom{ width:96%; margin:0 auto; max-width:1100px; padding-top:0.5rem; padding-bottom:1.5rem; text-align:center;text-align:center; padding:2rem 0;}
.feedback_bottom p{ width:auto; float:left; color:#fff; font-size:1.5rem; font-weight:700;}
.feedback_bottom p span{ color:#3DC549;}
.feedback_bottom a{ display:inline-block; width:auto; color:#fff; background:#1fa72b; font-size:1.125rem; text-transform:uppercase; text-align:center; padding:0.5rem 1.25rem}
.feedback_bottom a:hover{ background:#fff; color:#000;} 

/****Footer contact****/
.cot_add,.cot_tel,.cot_email,.cot_people,.cot_mobile,.cot_fax,.cot_whatsapp{ position:relative; padding-left:25px; display:block; margin-bottom:3px; padding-top:0.2rem;}
.cot_add:before{content:'\f041';position:absolute; left:0px; top:0px; color:#fff;font-family:fontawesome; font-size:20px;}
.cot_tel:before{content:"\f095";position:absolute; left:0px; top:0px; color:#fff;font-family:fontawesome; font-size:18px;}
.cot_email:before{content:"\f0e0";position:absolute; left:0px; top:0px; color:#fff;font-family:fontawesome; font-size:16px;}
.cot_people:before{content:"\f2be";position:absolute; left:0px; top:0px; color:#fff;font-family:fontawesome; font-size:16px;}
.cot_mobile:before{content:"\f10b";position:absolute; left:3px; top:0px;color:#fff; font-family:fontawesome; font-size:20px;}
.cot_fax:before{content:"\f1ac";position:absolute; left:0px; top:0px;color:#fff; font-family:fontawesome; font-size:16px;}
.cot_whatsapp:before{content:"\f232";position:absolute; left:0px; top:0px;color:#fff; font-family:fontawesome; font-size:18px;}

/****Footer****/

#footer{ width:100%;height:auto;margin:0 auto; font-size:0.9rem;background:#677484; color:#fff;}
.footercop{width:100%; background:#f97918; border-top:10px #516171 solid;}
.etw_footin{margin:0 auto;width:96%; max-width:1280px;text-align:center; overflow:hidden; padding:1rem 0 0.5rem 0; }
#etw_coper{margin-top:2px;width:100%;line-height:22px;}
#etw_coper a{display:block;color:#fff}
#otherlink{clear:both;width:100%;height:auto;}
#otherlink a{color:#fff; display:inline-block;padding:0 8px;font-size:13px; margin-right:5px; line-height:22px;  margin-bottom:5px;}
#otherlink a span{opacity:.5;position:relative;top:0;font-size:12px}
#otherlink a:hover{color:#000;}
#otherlink a:hover span{opacity:1;top:-2px;transition:all .3s ease-in-out}


#etw_bottom{ width:100%;text-align:left; padding-left:1rem;}
#etw_bottom .etw_hometitle{padding-bottom:1rem; border:none; margin-bottom:0;color:#fff;font-size:1.125rem;text-transform:uppercase;}
#etw_bottom .etw_hometitle a{color:#fff;font-size:1.125rem;display:block;text-transform:capitalize; font-weight:500;}
#etw_bottom .etw_hometitle a:hover{color:#f97918; text-decoration:none;}
#etw_bottom .col-12{ border-left:2px #f97918 solid;}

#etw_bottom .etwbottom .etw_hometitle{ padding-bottom:0;}

#etw_bottom a{ color:#fff;}
#etw_bottom a:hover{color:#f97918;text-decoration:underline}
#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:0.6rem;line-height:1rem; color:#c9ced4;font-size:0.9rem; position:relative;font-weight:400; position:relative;}
.footadd{color:#c9ced4; padding-bottom:0.5rem; display:block;}
#etw_bottom .footadd a{color:#c9ced4;}
#etw_bottom .footadd a:hover{color:#f97918;}

.footer_right{position: relative;padding-top:0.5rem;}
.footer_right a{display: block;margin-bottom: 15px;}
.footer_right p{font-size: 14px;color: #fff;line-height: 20px;}

@media (max-width: 991.98px) {
  #footerlist a{ font-size:0.875rem; padding:0 0.6rem;}
  #footerlist{margin-top:1rem;}
  .colright:before{display: none;}  
}
@media (max-width: 767.98px) {
  #footer{ background:#403f3f;}
.footlogo{ width:100%;}
#footerlist{width:100%;}
#etw_bottom .bottomlogo{ width:100%; text-align:center;}
#etw_bottom .bottom_nav{ width:100%; text-align:center;}
#etw_bottom .bottom_nav a{ font-size:1.2rem;padding:0 1rem;}
}

@media (max-width: 575.98px) {
#etw_bottom .etw_hometitle{ padding-bottom:0.5rem;}
#etw_bottom ul li{ width:100%; margin-right:0; }
.footer_right p{ margin-bottom:0.5rem;}
}


.left_share .btn{ margin-right:15px;border-radius:6px; width:22px; height:22px; padding:0;}
.left_share .btn i{color: #fff; font-size:1.2rem;}
.left_share .btn:hover i{color:#0070bd!important; text-decoration:none;}

/****Footer  END****/

/*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;}


.videoall{ width:96%; margin:0 auto; max-width:1280px;}
.videoall ul{display:flex;flex-flow: wrap;}
.videoall ul li{width:49%;float:left;margin:15px 2% 5px 0;}
.videoall ul li a{display:block;text-align:center; line-height:18px; font-size:14px;color: #555}
.videoall ul li:nth-child(2n){margin:15px 0px 5px;margin-right: 0}
.videoall ul li:nth-child(2n+1){clear: both;}
.videoall ul li span{display:block;margin-bottom:10px; text-align:center; padding-top:5px;}

@media (max-width: 575.98px) {
.videoall ul li{width:100%; margin-right:0;}
#etw_map .list_m a{width: 100%;} 
.block-slider .bx-pager-item{width: 12px!important;height: 12px!important;}
}


/*tags*/
#tags{ width:100%; float:left;margin-top:0.5rem;}
#tags_title{ display:block; color:#0070bd; font-size:1.25rem; font-weight:600; line-height:1.8rem; text-align:left; padding:0 0 10px 0;} 
#tags a{margin:0 5px 6px 0;color:#75767b;display:inline-block;line-height:16px;font-size:13px;background-color: #f6f6f7;border: 1px solid #ddddde;border-radius: 30px; padding:0.4rem 0.8rem;}


.biref{ color:#999; padding-top:1rem;}
.theme-send-inquiry{ z-index:3;}
.text-center figure{ float:none;}



.tab_link{width:100%;position:relative;}
.tab_link ul{width:100%;margin:0 auto;display:flex;}
.tab_link ul li{margin-bottom:0;box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 20%); border-right:1px #fff solid;}
.tab_link ul li:nth-child(2){border-right:none;}
.tab_link ul li span{position:relative;padding:.5rem 2rem;display:block;text-align:center;transition:all .5s;background:#677484;color:#fff; cursor:pointer;}
.tab_link ul li span.dq,.tab_link ul li span:hover{background:#f97918;}

.tabinfo{ display:none;}
.showtab{ display:block;}
#app_class_menu,#app_new_pro{ display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width: 100%; margin-bottom: 30px; padding: 15px; background: #eee; border: 1px #ccc solid; overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;overflow:hidden}
.news_list ul>li>ol>li.product_con{float:right;width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:13px;line-height:20px;margin:0 0 5px; padding-bottom:8px;}
.newstime{ color: #333; padding:0 5px;  margin-bottom: 10px; display: inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#0e3d8f}
.etw_page{margin:0 auto;width:100%;overflow:hidden; }
.etw_page ul{ float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}

.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin:40px 0}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:45%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:12px;line-height:16px;display:block; position:relative; background:#f1f1f1;padding:5px 20px;}
.new_next a:before{content:"\f105"; font-family:fontawesome; font-size:20px; position:absolute; left:5px; top:20%; color:#0e3d8f;}
.new_prev a{ padding-left:20px;}
.new_prev a:before{content:"\f104"; font-family:fontawesome; font-size:20px; position:absolute; left:8px; top:20%; color:#0e3d8f;}
.new_next a:hover,.new_prev a:hover{color:#0e3d8f}
.news_related_li{width:24%;padding-right:1%;float:left}
/* .exhibition */
#myExhibition{background: #f97918; padding:10px; }
.exh_title,.exh_content{color:#fff !important;}
.exhibition{width:760px;height:474px;overflow-x:hidden;overflow-y:auto;position:fixed;top:15%;z-index:9999;box-shadow:0 1rem 3rem rgba(0,0,0,0.575);background:url(../images/exhibition1.jpg) no-repeat center;background-size:cover;right:0;display: none;}
.exh_box{position:relative;}
.exh_text{position:absolute;top:33px;left:30px;margin:0 auto;width:250px;float:left;}
.exh_text p{padding-bottom:0;font-size:14px;font-style:italic;line-height:28px;}
.exh_title1{font-size:22px;float:left;margin-bottom:6px;color:#333;display:block;clear:both;}
.exh_text span{font-size:18px;}
.exh_close a{color:#111;font-weight:400;text-align:left;display:block;font-size:1.2rem;transition:.3s all ease-in-out;}
.exh_close a:hover{text-decoration:none;color:#f97918;}
.exh_close{width:20px;height:auto;position:absolute;right:6px;top:4px;}
.exh-btn-more{background-image:linear-gradient(to right,#eee,#ccc);color:#333;padding:5px;font-size:14px;font-style:italic;font-weight:600;}
@media (max-width:991.98px){.exhibition{display:none;}
}
/* download pdf */
.download_box{display:flex;flex-wrap:wrap;position:relative;max-width:300px;align-items:center;margin:40px auto 2rem auto;width:100%;border-top:1px solid #566271;border-bottom:1px solid #566271;}
.download_img{width:33%;padding:1.5rem;background:rgb(249,121,24,.2);}
.download_box a{width:67%;font-family:'BarlowCondensed';display:flex;flex-wrap:wrap;position:relative;color:#494c4e;}
.download_box a:hover{color:#f97918;}
.download_box a::before{content:'';background:url(../images/icon-download-arrow.png) no-repeat center center;background-size:auto;width:48px;height:48px;position:absolute;top:-10px;right:0;transition:all .3s ease-in-out;background-size:75%;}
.download_box a:hover:before{top:-5px;}
.download_box a::after{content:'';background:url(../images/icon-download-bottom.png) no-repeat bottom center;background-size:auto;width:48px;height:48px;position:absolute;top:-8px;right:0;transition:all .3s ease-in-out;background-size:75%;}
.download_box a span{display:block;font-size:1.2rem;padding:0 1rem;}
.indent{padding: 0 0 0 3.1rem;}