@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: "Arialbd";
  src: url(../font/Arialbd.ttf) format("truetype");
}

@font-face {
  font-family: "Aileron-Bold";
  src: url(../font/Aileron-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Aileron-BoldItalic";
  src: url(../font/Aileron-BoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Aileron-Thin";
  src: url(../font/Aileron-Thin.ttf) format("truetype");
}

@font-face {
  font-family: "Arial";
  src: url(../font/Arial.ttf) format("truetype");
}
@font-face {
  font-family: "Impact";
  src: url(../font/Impact.ttf) format("truetype");
}


@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=1649734816336") format("truetype");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 2rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}
body {
  color: #303030;
  font-family: "Arial", Arial, Helvetica, sans-serif;
  font-size: .95rem;
  line-height: 1.55;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
li,
ol,
ul {
  list-style: none;
  margin-bottom: 0;
}
img {
  vertical-align: top;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}
.clear {
  clear: both;
}
.clearfix::after {
  display: table;
}
hr {
  margin-bottom: 2rem;
  border-top: 1px solid #e8e8e8;
}
strong {
  font-size: 1rem;
  display: inline-block;
  font-weight: normal;
  font-family: "Arialbd";
  color: #289fe1;
}
b {
  font-weight: normal;
  font-size: 1rem;
  color: #000;
  font-family: "Arialbd";
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #016acf;
}
a:hover {
  color: #174277;
}
a:focus {
  outline: 0;
  text-decoration: none;
}
a,
a:hover {
  text-decoration: none;
}
a.link {
  color: #174277;
  display: inline-block;
  text-decoration: underline;
}
a.link:hover {
  color: #289fe1;
  text-decoration: none;
}
.btn-secondary {
  padding: 0rem 0.5rem;
}
.layui-layer-btn a {
  color: #fff !important;
  margin-bottom: 1rem !important;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.review {
  color: #f00;
  font-size: 18px;
}
.brief {
  width: 100%;
  margin: 3rem auto;
  font-size: 0.9rem;
  color: #666;
}
.img_list h4{font-size: 1rem; text-align: center;font-family: "Arialbd"; margin-bottom: .5rem;}
.img_list span {
  text-align: center;
  display: block;
  padding: 0.5rem;
}
.img_list a {
  overflow: hidden;
  display: block;
  position: relative;
}

.img_list a img {
  transition: all 0.5s;
}
.img_list a:hover img {
  transform: scale(1.1);
}
.img_list div:hover a::before {
  height: 100%;
}
.img_list_bg .img_item {
  display: block;
  background-color: #eee;
  height: 100%;
  padding-bottom: 1rem;
  position: relative;
}
.img_list_bg .img_item a {
  position: relative;
  z-index: 1;
}
.img_list_bg .img_item span {
  position: relative;
  z-index: 1;
  transition: all 0.3s linear 0s;
}
.img_list_bg .img_item::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: rgba(15, 153, 160, 1);
  opacity: 0.851;
  content: "";
  transition: all 0.3s linear 0s;
}
.img_list_bg .img_item:hover::after {
  left: 0;
  width: 100%;
  z-index: 0;
}
.img_list_bg .img_item:hover span {
  color: #fff;
}
.table {
  margin: 6px 0 0 0;
  margin-bottom: 0.5rem;
}
.table tr.top {
  background: #eee !important;
  color: #333;
  text-align: center !important;
  font-weight: bold;
}
.table tr td {
  vertical-align: middle !important;
  text-align: center;
  color: #000;
  padding: 8px 8px !important;
  font-size: .9rem;
}
.table_left tr td{text-align: left;}
.table tr:nth-child(odd) {
  background-color: #e1e3e5;
}
.table tr:nth-child(even) {
  background-color: #f3f5f7;
}
.table-img {
  width: 100%;
  min-width: 200px;
}
.table-img img {
  width: 200px;
}
table,
td {
  border: 1px solid #fff !important;
}
.table-res a.btn_link{transform: rotate(0deg); display:block; width: 25px; height: 25px;  background-color: #007bff; text-align: center; margin: 0 auto; color: #fff;  border-radius: 50%; transition: all .8s;  }
.table-res a.on{transform: rotate(45deg);}




.theme-send-inquiry-box {
  background: #000 !important;
}
.theme-box-name {
  background: #b00811 !important;
  text-transform: uppercase;
  border-left: 1px #b00811 solid !important;
}
h3 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  
}


h4 {
  color: #333;
  font-size: 1.1rem;
  margin-top: 1rem;
}
.h4_title {
  font-size: 1.4rem;
  position: relative;
  margin-bottom: 1rem;
  margin-top: 1rem;
  padding-bottom: 1rem;
  font-family: "Arialbd";
}
.h4_title span {
  display: block;
}
.h4_title::before {
  position: absolute;
  content: "";
  width: 60px;
  height: 4px;
  left: 0;
  bottom: 0;
  background-color: #f2c70d;
  border-left: 30px solid #328cc1;
}
h2,
.etw_hometitle {
  display: block;
  line-height: 1.35;
  color: #000;
  font-family: "Arialbd";
  font-size: 1.8rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}
.swidth{width: 90%; margin: 0 auto; margin-bottom: 2rem;}
h4.small_title{display: block; color: #777; font-size: 1.2rem;}
h4.pro_name{font-family: "Arialbd"; font-size: 1.2rem; color: #000;}
.etw_hometitle {
  margin-bottom: 1rem;
}

#etw_top {
  position: fixed;
  width: 35px;
  height: 35px;
  right: 5px;
  bottom: 100px;
  text-align: center;
  background: #ccc;
  z-index: 100;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  line-height: 28px;
  border-radius: 50%;
}
#etw_top a {
  color: #fff;
}
#etw_top:hover {
  transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  background: #000;
}
/* #header */
#header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
  float: left;
  background: #000;
  padding: 0.5rem 0;
}
.header_in {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#etw_logo {
  width: auto;
  text-align: center;
  float: left;
  padding-top: 1rem
}

.top-nav {
  width: auto;
  float: left;
  padding-left: 2rem;
  
}
.top-nav .navbar {
  padding: 0;
  float: right;
}
.nav-fixed {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  -webkit-animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
  animation: 0.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;
  }
}
.top-nav .navbar-nav .nav-item .dropdown-menu-one {
  min-width: 48rem;
  padding: 0 0.5rem;
}
.dropdown-menu-one {
  background-color: #eee;
}
.navbar-expand-lg .navbar-collapse {
  flex-flow: row wrap !important;
}
.navbar-expand-lg .navbar-nav {
  justify-content: flex-end;
}
.navbar-nav {
  width: 100%;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff;
  transition: all 0.5s;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 0.5rem 0.7rem;
  text-transform: uppercase;
  font-size: .8rem;
  color: #fff;
  font-family: "Arialbd";
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  top: 48px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > a {
  background-color: #fff;
  color: #333;
  font-size: .9rem;
  position: relative;
  display: block;
  transition: all 0.5s;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #eee;
}

.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a {
  color: #333;
  display: block;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 2.5rem;
  font-size: 0.9rem;
  position: relative;
}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a:hover {
  color: #e4202a;
}
.navbar-expand-lg .navbar-nav .dropdown-menu > li > ol a::before {
  position: absolute;
  content: "\f0da";
  left: 1.8rem;
  top: 0.2rem;
  font-family: fontawesome;
}
.navbar-expand-lg .navbar-nav .dropdown-menu > li:last-child > a {
  border-bottom: none;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.dropdown-menu-one li > a.active {
  color: #e4202a;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #e4202a;
}
.navbar-light .dropdown-item.active,
.navbar-light .dropdown-item:hover {
  color: #e4202a !important;
}
.dropdown-item {
  font-size: 0.9rem;
}
.nav-item span.pro_icon {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  color: #e4202a;
  padding: 2px 8px;
  font-size: 2rem;
  width: 32px;
  height: 28px;
  line-height: 24px;
  display: none;
  text-align: center;
}
@media screen and (min-width: 991.98px) {
  .top-nav .navbar-nav .row {
    position: absolute;
    background: none !important;
    padding: 0;
    box-shadow: none;
    position: fixed;
    width: 100% !important;
    top: 79px !important;
    max-width: 800px;
    left: 50% !important;
    margin-left: -400px !important;
    border-radius: 0;
    border: none;
  }
  .top-nav .navleft {
    padding-left: 0;
    width: 50%;
    max-width: 380px;
    float: left;
  }
  .top-nav .navproinfo {
    display: flex;
    flex-wrap: wrap;
  }
  .top-nav .navclassname {
    display: block;
    color: #000;
    font-size: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
  }
  .top-nav .navbar-nav .row .navleft li {
    line-height: 45px;
    border-bottom: 1px #ccc solid;
    clear: both;
  }
  .top-nav .navbar-nav .row .navleft li:last-child{border: none;}
  .top-nav .navbar-nav .row .navleft li a {
    font-size: .9rem;
    padding: 10px 0 10px 8px;
    display: block;
    border-left: 5px #000 solid;
    background-color: #000;
    line-height: 1.5rem;
    color: #fff;
    position: relative;
  }
  .top-nav .navbar-nav .row .navleft li a::before {
    position: absolute;
    content: "\f105";
    font-family: fontawesome;
    right: 0.5rem;
    top: 0.5rem;
    font-size: 1rem;
  }
  .top-nav .navbar-nav .row .navleft li a.lidq,
  .top-nav .navbar-nav .row .navleft li a:hover {
    background: 0 0;
    border-left: 5px #ffffff solid;
    color: #d4020d;
    background: #fff;
  }
  .top-nav .navbar-nav .navright {
    width: 40%;
    padding-left: 10px;
    float: left;
    display: block;
    padding: 20px 10px; 
    background-color: #fff;
  }
  .top-nav .navbar-nav .navright ul {
    width: 100%;
    display: none;
  }
  .top-nav .navbar-nav .navright ul.shownavpro {
    display: block;
  }
  .top-nav .navbar-nav .navright ul > li {
    width: 100%;
    padding: 0 1%;
    float: left;
    margin-bottom: 10px;
    clear: inherit;
  }
  .top-nav .navbar-nav .navright ul > li > a {
    font-size: 0.8rem;
    padding-left: 1rem;
    color: #666;
    display: block;
    position: relative;
  }
  .top-nav .navbar-nav .navright ul > li dl{padding-left: 1rem; padding-top: .5rem;}
  .top-nav .navbar-nav .navright ul > li dl a{ display: block; font-size: .729rem; color: #666;}
  .top-nav .navbar-nav .navright ul > li > a::before{position: absolute; content: ""; width: 5px; height: 5px; background-color: #666; left: 0; top: 5px; border-radius: 50%;}
  .top-nav .navbar-nav .navright ul > li > a:hover,  .top-nav .navbar-nav .navright ul > li dl a:hover {
    text-decoration: underline;
    color: #d4020d;
  }
  

}

/* .etw_language */
.etw_language {
  float: right;
  display: flex;
  flex-wrap: wrap;
  margin-left: 1rem;
  justify-content: flex-end;
  width: 320px;
  height: 22px;
  line-height: 22px;
  z-index: 1;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 22px;
}
#etw_language {
  float: right;
  width: auto;
  text-align: right;
}
#etw_language .dropdown-item {
  display: inline-block;
  width: auto;
  line-height: 12px;
  padding: 0.5rem;
  color: #e5c7a3;
  min-width: auto !important;
  background: none; border-radius: 5px;
}
#etw_language .dropdown-item img {
  margin-right: 5px;
}
#etw_language .dropdown-item:hover {
  color: #fff;
  background: #8b141a;
}
#etw_language .dropdown-item:focus {
  background: none !important;
}
/* banner */
#banner {
  width: 100%;
  position: relative;
}
.banner_01,.banner_02 {
  width: 100%;
  max-width: 1200px;
  color: #fff;
  margin: 0 auto;
  line-height: 1.35;
  font-size: 1.2rem; 
}
.ban_txt {
  width: 100%;
  max-width: 580px;
  position: absolute; 
  top: 10%;
}
.banner_01 h1 {
  color: #fff;
  font-size: 2.8rem;
  font-family: "Aileron-BoldItalic";
  text-transform: uppercase;
  line-height: 1.25;
  background: url(../images/h3_bg.jpg) no-repeat 0 118px;
  padding-top: 1rem; margin-bottom: 0;padding-left: 1rem;
}
.banner_01 h1 span,.banner_02 h1 span{display: block;line-height: .85;}
.ban_txt p{padding-left: 1rem; font-size: 1.6rem;  font-family: "Aileron-Thin";}
.ban_txt2 {
  width: 100%;
  max-width: 580px;
  position: absolute; 
  top: 10%;
}
.ban_txt2 h1{
  font-family: "Aileron-BoldItalic";
    font-size: 2.8rem;
  text-transform: uppercase;
   line-height: 1; 
   background-color: #f18918; 
   padding: 1rem; 
   margin: 0; }
.ban_txt2 span{
  background: url(../images/b2_bg.png) no-repeat left center;
   padding: 1rem 12rem .7rem 1rem;
  font-size: 3.4rem;
  font-family: "Aileron-BoldItalic";
  text-transform: uppercase; background-size: contain;}
  .ban_p{max-width: 500px; font-size: 1.6rem;  font-family: "Aileron-Thin"; padding-top: 1rem;  }









/* pro_banner */
.pro_banner{width: 100%; margin: 0 auto; position: relative;}
  .pro_des{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
  .pro_des .etw_hometitle{color: #fff; margin-bottom: 0;}


/* #container */
#container {
  margin-top: 79px;
}
.content {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
.bg_color{width: 100%; overflow: hidden; margin: 0 auto; background-color: #f4f4f4; padding: 2rem 0; padding-bottom: 0;}
/* about_box */
.about_box {
  width: 100%;
  margin: 0 auto;
  padding: 3rem 0;
  overflow: hidden;
  background: url(../images/h_left.jpg) no-repeat left top #f9f8f8;
  position: relative;
}
.about_box::after{position: absolute; content: ""; top: 0; right: 0; background: url(../images/h_right.jpg) no-repeat; width: 200px; height: 212px; z-index: 0; }
.video_icon{width: 60px; height: 60px;  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; display: flex; align-items: center; justify-content: center;transition: all .5s; cursor: pointer; z-index: 1; border: 5px solid #fff;}
.video_icon::before{position: absolute; content: "\f0da"; font-family: fontawesome; color: #fff; font-size: 3rem;transition: all .5s; padding-left: .5rem;  }
.video_icon:hover{background-color: #fff;}
.video_icon:hover::before{color: #b00811;}

.about_img {
  padding: 0 2rem;
  padding-left: 0;
  text-align: center; position: relative; z-index: 1;
}
.about_img img {
  width: 100%; background-color: #fff;
}
.about_des h1 {
  text-transform: uppercase;
  font-family: "Arialbd";
  font-size: 2rem;
  margin-bottom: 2rem;
  color: #1b1b1b; 
  text-align: center;
}
.btn_more {
  background-color: #b00811;
  color: #fff;
  border-radius: 5px;
  padding: 0.2rem 2rem .2rem 1rem;
  font-size: .9rem;
  
  position: relative;
}
.btn_more::before{position: absolute; right: 1rem; top: .12rem;  font-family: fontawesome;content: "\f105"; font-size: 1rem;}
.btn_more:hover {
  background-color: #000;
  color: #fff;
}
.about_des .btn_more {
  margin-top: 2rem;
}
/* mainpro */
.mainpro {
  margin: 3rem auto;
}
.s_width {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.webtitle {
  text-align: center;
  text-align: center;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-family: "Arialbd";
}
.webtitle span{color: #b00811;}
.mainpro_item{
  width: 100%;
  background-color: #f9f8f8;
  position: relative;
  border-radius: 15px;
  padding-bottom: 2rem;
  transition: all .3s;
  height: 100%;
}
.mainpro_item::before{
  position: absolute;
  content: ""; width: 0;
  height: 2px;
  background-color: #b00811;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  transition: all .5s;

}
.mainpro_img{position: relative;}
.mainpro_item a img{width: 100%;
  border-radius: 15px;}
.mainpro_item a h3{
  color: #fff;
  background-color: rgba(0, 0, 0, .68);
  font-family: "Arialbd";
  padding: 1rem 2rem;
  padding-left:4rem ;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 0;
  font-size: 0.875rem;
  transition: all .3s;
  border-radius: 0 0 15px 15px;
  transition: all .5s;
  height: 55px;
}
.mainpro_item:hover a h3{
  background-color: rgba(0, 0, 0, 1);}
.mainpro_item a h3::before{
  position: absolute;
   content: ""; 
   left: 0; 
   top: 1.8rem; 
   width: 50px; 
   height: 1px; 
   background-color: rgba(255, 255, 255, .6);
  }
.mainpro_item .mainpro_des{padding:1rem 3rem ; color: #1b1b1b;}
.mainpro_item .mainpro_des h5{
  font-family: "Arialbd";
  font-size: 1rem; transition: all .3s;}
.mainpro_item .mainpro_des text{
    color: #1b1b1b; 
    position: absolute;
    padding-right: 2rem;
    bottom: 1rem; 
    right: 2rem;
    text-transform:uppercase ;
    font-size: .8rem;
    transition: all .3s;
  }
.mainpro_item .mainpro_des text::before{
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  font-family: fontawesome;
  content: "\f178";
  transition: all .5s;
}
.mainpro_item:hover h3,
.mainpro_item:hover .mainpro_des h5,
.mainpro_item:hover .mainpro_des text{
  color: #d4020d;
}
.mainpro_item:hover .mainpro_des text::before{right: -1rem;}
.mainpro_item:hover::before  {width: 90%;}
/* capabilities_box */
.capabilities_box{width: 100%; margin: 0 auto; overflow:hidden; padding: 3rem 0; background-color: #f5f5f5; position: relative;}
.capabilities_box::before{position: absolute; content: ""; top: 0;left: 0; height: 66px; width: 100%; background-color: #b00811;z-index: 0; }
.capabilities_box::after{position: absolute; content: ""; top: 66px;right: 0; height: 55px; width: 36%; background-color: #b00811;z-index: 0; }
.capabilities_box .webtitle{text-align: right; position: relative;z-index: 1; color: #fff;}
.cap_item .capimg{position: relative; padding: 15px; }
.cap_item .capimg img{border-radius: 10px;}
.cap_item a h3{ font-size: 1.1rem; color: #1b1b1b; padding-top: 1rem; text-align: center;font-family: "Arialbd";}
.cap_item a:hover h3{color: #b00811}
.cap_item_des{position: relative; padding: 3rem; }
.cap_item_des h3{color: #b00811; position: relative; font-size: 1.5rem; padding-left: 1rem;font-family: "Arialbd"; }

.cap_item_des::before{
  background: #ffffff;
  position: absolute;
  content: '';
  top: 0;left: 0;right: 0;bottom: 0;
  transform: skewX(-10deg); z-index: 0;border-radius: 15px; } 
  /* industiy_box */
.industiy_box{width: 100%; margin: 0 auto; padding: 3rem 0;}
.industiy_box ul{width: 100%; display: flex; flex-wrap: wrap; margin-top: 1rem;}
.industiy_box ul li{width: 18.3%; margin-right: 2%; position: relative;  padding-bottom: 2rem;}
.industiy_box ul li:nth-child(5n){margin-right: 0;}
.industiy_box ul li a img{border: 1px solid #eee; border-radius: 10px; padding: 4rem 2rem 2rem 2rem;}
.industiy_box ul li a h3{color: #fff; padding: .5rem; background-color: #303030;padding: .5rem 1rem; font-size: .8rem; position: absolute; top: 8%; left: -5%; width: 105%;border-radius: 5px;transition: all .5s; }
.industiy_box ul li a p{font-size: .9rem; color: #1b1b1b; padding-top: 1rem;}
.industiy_box ul li a::before{position: absolute; bottom: 0rem; left: 0; font-family: fontawesome;  content: "\f105";font-family: fontawesome; background-color: #303030; display: flex; align-items: center; justify-content: center;  color: #fff; font-size: 1.4rem; width: 25px; height:25px; border-radius: 5px; transition: all .5s;}
.industiy_box ul li a:hover h3,.industiy_box ul li a:hover::before{background-color: #b00811;}
.industiy_box ul li a:hover::before{bottom: 1rem;}
/* industiy_inner_page */
.industiy_inner_page{width: 100%; margin: 0 auto; margin-top: 1rem;}
.industiy_inner_page ul{width: 100%; display: flex; flex-wrap: wrap; }
.industiy_inner_page ul li{width: 32%; margin-right: 2%; margin-bottom: 2rem; background-color: #fff; transition: all .5s; position: relative; padding-bottom: 3rem;}
.industiy_inner_page ul li:nth-child(3n){margin-right: 0;}
.industiy_inner_page ul li .in_img{position: relative;}
.industiy_inner_page ul li .icon_img{position: absolute; bottom: -4rem; left: 0; right: 0; margin: 0 auto; background-color: #fff; width: 140px; height: 140px; border-radius: 50%; box-shadow:4px 3px 3px rgba(0, 0, 0, 0.15);transition: all .5s;}
.industiy_inner_page ul li .in_des{margin-top: 4rem; padding: 2rem;}
.industiy_inner_page ul li a h3{color: #000;   font-family: "Arialbd"; font-size: 1.1rem;}
.industiy_inner_page ul li a p{color: #666; }
.industiy_inner_page ul li:hover .icon_img{ background-color: #eee;}
.industiy_inner_page ul li .btn_more{position: absolute; bottom: 2rem; left: 2rem;}

#etw_right{ width:73%; float:right;}
/* home_page */
.home_page {
  width: 100%;
}
.home_page .content {
  width: 100%;
  background-color: #fff;
  padding: 1rem 2rem;
  box-shadow: 0px 0px 20px 10px rgba(62, 62, 101, 0.1);
}

#quicknav {
  width: 96%;
  max-width: 1300px;
  margin: 0 auto;
  height: auto;
  color: #d4020d;
  line-height: 1.2rem;
  font-size: .8rem;
  overflow: hidden;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
}
#quicknav a {
  color: #333;
}
#quicknav ul {
  width: 100%;
  margin: 0 auto;
}
#quicknav li {
  display: inline-block;
  padding: 0.2rem 0.4rem 0.2rem 0;
}
#quicknav li + li::before {
  padding: 0 5px;
  color: #d4020d;
  content: "/\00a0";
}
#quicknav a:hover {
  color: #dc1f1b;
}
.tab_li{border:none;position:relative;margin-bottom:2rem}
.tab_li ul{width:100%;position:relative;margin:0 auto;display:flex;flex-wrap:wrap; justify-content: center; border-top: 1px solid #e8e8e8;}
.tab_li li{font-size:.8rem;overflow:hidden;background:#999;position:relative;color:#fff;width:auto;cursor:pointer;margin:0 5px 5px 0;text-align:center;display:flex;flex-wrap:wrap;padding:.5rem 1.5rem;align-items:center;justify-content:center;transition:.3s all ease-in-out;}
.tab_li li:nth-child(7n){margin-right:0}
.tab_li li span{width:100%;display:flex;position:relative;align-items:center;flex-wrap:wrap;transition:.3s all ease-in-out;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out;font-family: "Arialbd";justify-content:center}
.tab_li li:hover,.tab_li li.dq{background-color: #d4020d;}
.tab_li li span:before{position:absolute;content:"";background:#000;width:0;height:3px;left:0;right:0;bottom:0;transition:.3s all ease-in-out;margin:0 auto;-webkit-transition:.3s all ease-in-out;-moz-transition:.3s all ease-in-out;-ms-transition:.3s all ease-in-out;-o-transition:.3s all ease-in-out}
.tabfixed{position:fixed;top:80px;left:0;margin:0;z-index:9;width:100%;background:#d4020d;right:0}
.tabfixed ul{max-width:1100px;width:100%;margin:0 auto;background:#d4020d}
.tabfixed ul li{color:#fff;margin-bottom:0;background:0;border-bottom:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-top:none;padding:0}
.tabfixed ul li span{width:100%;text-align:center;justify-content:center;font-weight:200;padding:.5rem}
.tabfixed li.dq span:before,.tabfixed li:hover span:before{width:50%}
@media (max-width:1395.98px){
  .ban_txt2 h1{font-size: 2.4rem;}
  .industiy_box ul li a h3{height: 48px;} 
}

@media (max-width:1220.98px){
  .navbar-expand-lg .navbar-nav .nav-link{font-size: .77rem;}
}
@media (max-width:1048.98px){
  .mainpro_item a h3{height: 70px;padding-left: 3.4rem;}
  .navbar-expand-lg .navbar-nav .nav-link {font-size: .75rem;}
}

@media (max-width:991.98px){.tabfixed{position:relative;top:auto;left:auto;right:auto}
.tabfixed ul{background:#dde2e6}
.tabfixed ul li{color:#333}
.tabfixed li:before{background:#333}
.tab_li li span{width:100%;justify-content:center;text-align:center}
.mainpro_item a h3{font-size: 0.76rem;}
.industiy_box ul li a h3{height: auto;} 
#etw_right{ width:100%; }
}
@media (max-width:767.98px){.tab_li{margin:1rem 0}
.mainpro_item a h3{height: 55px;padding-left: 4rem;}
.industiy_box ul li a h3{height: 48px;} 
.app_img_box ul li span{height: 55px;}
}
@media (max-width:575.98px){.tab_li li,.industiy_inner_page ul li{width:49%;margin:0 2% 1rem 0}
.tab_li li:nth-child(2n),.industiy_inner_page ul li:nth-child(2n){margin-right:0}
.industiy_inner_page ul li:nth-child(3n){margin-right:2%}
}
/* etw_products */
.bigtitle{font-size: 1.4rem; color: #000;border-bottom: 2px solid #e8e8e8;font-family: "Arialbd";padding-bottom: .5rem;}
.bigtitle a{ padding:.8rem 0; color: #000; display: inline-block;  font-family: "Arialbd";transition: all .5s; }
.bigtitle a:hover{color: #d4020d }
.etw_products{width: 90%; overflow: hidden; margin: 2rem auto; }
.etw_products_big{width: 100%;}
.etw_products_big h3{font-family: "Arialbd"; text-transform: uppercase; text-align: center; margin-bottom: 1.5rem; font-size: 1.6rem;}
.etw_products>ul{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;}
.etw_products>ul>li{width: 23.5%; margin-right: 2%; background-color: #fff; padding: .5rem; margin-bottom: 2rem; transition: all .5s; border: 1px solid #fff;position: relative;}
.etw_products>ul>li:nth-child(4n){margin-right: 0;}
.etw_products>ul>li>ol>li.product_con a{color: #d4020d; font-size: 1.2rem;font-family: "Arialbd"; display: block; text-align: center; line-height: 1.35; padding-top: 1rem; position: relative;}
.etw_products>ul>li>ol>li.product_con a h4{font-size: 1rem; margin-top: .5rem;color: #666;}
.etw_products>ul>li:hover{border: 1px solid #d4020d;}
.etw_products>ul>li::before{position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; content: ""; width: 90%; height: 2px; background-color: #d4020d;transition: all .5s;} 
.etw_products>ul>li:hover::before{width: 100%;}
/* hub_products */
.hub_products{width: 100%; margin: 0 auto;}
.hub_products ul{width: 100%;display: flex; flex-wrap: wrap;}
.hub_products ul>li{width: 49%; margin-right: 2%; margin-bottom: 2rem; background-color: #fff; padding: 1rem;position: relative; }
.hub_products_three ul>li{width: 32%;}
.hub_products ul>li:nth-child(2n){margin-right: 0;}
.hub_products_three ul>li:nth-child(2n){margin-right: 2%;}
.hub_products_three ul>li:nth-child(3n){margin-right: 0;}
.hub_products ul>li>ol{display: flex; flex-wrap: wrap;padding-bottom: 1rem; align-items: center;}
.hub_products ul>li>ol>li.product_img{width: 52%; overflow:hidden;}
.hub_products ul>li>ol>li.product_img a img{transition: all .5s; transform: scale(1);}
.hub_products ul>li>ol>li.product_con{width: 48%; padding-left: 2%; }
.hub_products_three ul>li>ol>li.product_img,.hub_products_three ul>li>ol>li.product_con{width:100%;}
.hub_products_three ul>li>ol>li.product_img{text-align: center;}


.hub_products ul>li>ol>li.product_con a{font-family: "Arialbd"; color: #d4020d; transition: all .5s; font-size: 1.1rem; display: block; line-height: 1.35;}
.hub_products ul>li>ol>li.product_con a h4{font-family: "Arialbd"; color: #000; font-size: 1.1rem;}
.hub_products ul>li>ol>li.product_con p{font-size: .9rem;}
.hub_products ul>li>ol>li.product_con a::before{position: absolute; content: "\f105";  font-family: fontawesome; right: 1rem; bottom: 1.1rem; font-size: 1.2rem; color: #d4020d; transition: all .5s;}
.hub_products ul>li>ol>li.product_con a::after{position: absolute; content: "Подробнее";right: 2.2rem; bottom: 1.3rem;font-size: .78rem; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-weight: 600;  }
.hub_products ul>li>ol:hover>li.product_con a::before{color: #000;right: 1.5rem;}
.hub_products ul>li>ol:hover>li.product_con a h4{color: #d4020d;}
.hub_products ul>li>ol:hover>li.product_img img{transform: scale(.9);}
.hub_products ul>li>ol:hover>li.product_con a{color: #000;}
/* otherpro_box */
.otherpro_box .webtitle{font-size: 1.8rem;}
.otherpro_box{width: 100%; margin: 3rem auto; }
.otherpro_box ul{width: 100%; display: flex; margin: 2rem auto;}
.otherpro_box ul>li{width: 23.5%; margin-right: 2%;  position: relative;  transition: all .5s; }
.otherpro_box ul>li:nth-child(4n){margin-right: 0;}
.otherpro_box ul>li>ol{width: 100%;background-color: #f4f4f4; height: 100%;border-radius: 15px;transition: all .5s;padding-bottom: 2rem;}
.otherpro_box ul>li>ol>li.product_con{padding: 1rem;}
.otherpro_box ul>li>ol>li.product_img{position: relative;}
.otherpro_box ul>li>ol>li.product_img img{border-radius: 15px; width: 100%;}
.otherpro_box ul>li>ol>li h3{color: #fff; font-family: "Arialbd"; text-align: center; padding: 1rem;  background-color: rgba(0, 0, 0, .68); border-radius: 0 0 15px 15px; position: absolute; bottom: 0; left: 0; width: 100%; margin-bottom: 0; font-size: 1.1rem;transition: all .5s; line-height: 1.25; height: 68px; display: flex; align-items: center; }
.otherpro_box ul>li>ol:hover>li h3{ background-color: rgba(0, 0, 0, 1);}

.otherpro_box ul>li>ol:hover{background-color: #eee;}
.otherpro_box ul>li>ol>li.product_con .more{position: absolute; bottom: 1rem; right: 1rem; padding-right: 2rem; color: #333;}
.otherpro_box ul>li>ol>li.product_con .more::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  font-family: fontawesome;
  content: "\f178";
  transition: all .5s;
}
.otherpro_box ul>li>ol:hover>li.product_con .more,.otherpro_box ul>li>ol:hover h3{color: #d4020d;}
.otherpro_box ul>li>ol:hover>li.product_con .more::before{ right: -.5rem;}
/* package_box */
.package_bg{background-color: #fff; }
.package_box{width: 100%; margin: 0 auto; position: relative; padding-bottom: 1.5rem; }
.package_box ul{width: 100%; display: flex; flex-wrap: wrap; margin-top: .5rem;}
.package_box ul li{width: 48%; margin-right: 2%; font-size: .9rem; text-align: center; line-height: 1.35; margin-bottom: .5rem; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #f4f4f4; padding-bottom: .5rem; }
.package_box ul li:last-child{border: none;}
.package_box ul li:nth-child(2n){margin-right: 0;}
.package_box ul.big li{width: 100%; margin-right: 0;}
.package_box ul li span{display: block; padding-top: .5rem; padding: 5px 8px; text-align: left;}
.package_box ul.big li a{width:53%;display: block; padding: 4px;}
.package_box ul.big li span{width: 45%; display: block;font-size: 0.75rem;}
.package_box .package_btn_more{position: absolute;  bottom: 0; right: 0; background-color: #d4020d; color: #fff;}

/* accessories_box */
.accessories_box{width: 100%; margin: 0 auto;margin-bottom: 2rem; background-color: #fff; padding: 1rem;}
.accessories_box h3{font-size: .9rem;   display: block; background-color: #999; color: #fff; height: 50px; padding: 1rem; display: flex; align-items: center;}
.accessories_box_four{display: flex;}
.accessories_box_four div{margin-right: 2%;}
.accessories_box_four div:last-child{margin-right: 0;}
.accessories_box01 ul{width: 100%;display: flex;flex-wrap: wrap;}
.accessories_box01 ul>li{width: 32%;float: left;margin-right: 2%;}
.accessories_box01 ul>li:nth-child(3n){margin-right: 0;}
/* app_box */
.app_box{width: 100%; margin: 0 auto; margin-bottom: 3rem;}
.app_box ul{display: flex; justify-content: space-around; }
.app_box ul li{width:48%; margin-right: 1%;}
.app_box_more b{font-size: 1rem; display: block;}
.app_box_more{ background-color: #fff; padding: 1rem; height: 100%;  font-size: .9rem;}
.app_box_more img{width: 100%;}
.app_img_box{width: 100%; margin: 0 auto;}
.app_img_box ul{display: flex; flex-wrap: wrap;}
.app_img_box ul li{width: 48%; margin-right: 2%; margin-bottom: 1rem; position: relative;}
.app_img_box ul li span{display: block; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, .68); color: #fff; padding: .5rem .8rem;   font-size: .9rem;height: 60px;}
.app_img_box ul li:nth-child(2n){margin-right: 0;}
.app_img_box_big ul li{width: 100%; margin-right: 0; margin-bottom: 0;}
.app_img_box_big ul li:last-child{margin-bottom: 0;}
.app_img_box_three ul li{width: 32%;}
.app_img_box_three ul li img{width: 100%;}
.app_img_box_three ul li:nth-child(2n),.app_img_box_four ul li:nth-child(2n){margin-right:2%;}
.app_img_box_three ul li:nth-child(3n){margin-right: 0;}
.app_img_box_four ul li{width: 23.5%;}
.app_img_box_four ul li span{display: flex; align-items: center; height: 55px; line-height: 1.35;}
.app_img_box_four ul li:nth-child(4n){margin-right: 0;}
.app_btn_more{background-color: #d4020d; color: #fff; font-size: 1.3rem; padding: .2rem 1rem; padding-bottom: 0;}


/* cap_page */
.cap_page{width: 100%; margin: 0 auto; margin-top: 1rem;}
.cap_page ul{width: 100%;}
.cap_page ul li{width: 100%; background-color: #fff;padding: 2rem; margin-bottom: 2rem; display: flex; align-items: center;}
.cap_page ul li .cap_img{width: 38%; margin-right: 2%; overflow: hidden;}
.cap_page ul li .cap_img img{transform: scale(1);transition: all .5s; }
.cap_page ul li .cap_des{width: 58%;  line-height: 1.55; }
.cap_page ul li .cap_des a{font-size: 1.4rem; color: #d4020d;  font-family: "Arialbd"; display: block; padding-bottom: .5rem; position: relative; padding-left: 2.5rem; transition: all .5s;}
.cap_page ul li .cap_des a::before{position: absolute; left: 0; top: 0; content: "\f064"; font-family: fontawesome; width: 30px; height: 30px; background-color: #d4020d; border-radius: 50%; color: #fff; text-align: center; transition: all .5s;} 
.cap_page ul li a:hover{color: #000;}
.cap_page ul li a:hover::before{background-color: #000;}
.cap_page ul li .cap_img a:hover img{transform: scale(1.1);}
/* details_box */
.details_box dl{background-color: #fff; padding: 1rem; border-radius: 5px;  height: 100%;}
.details_box dl dt{font-weight: normal; font-size: 1.1rem;font-family: "Aileron-Bold"; padding-bottom: .5rem;}
/* details_box2 */
.details_box2{background-color: #fff; padding: 2rem;padding-top: 4rem;  width: 100%; margin: 0 auto; margin-bottom: 2rem;}
.details_box2 .iconfont{font-size: 3rem; color: #d4020d; }
.details_box2 dl{background-color: #eee; height: 100%; padding: 1rem; padding-top: 3rem; }
.details_box2 dl dt span{ text-align: center; width: 80px; height: 80px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: -3rem; left: 0; right: 0; margin:0 auto; box-shadow: 3px 3px 3px rgba(0, 0, 0, .38);}
.details_box2 dl dt{ font-family: "Aileron-Bold"; margin-bottom: 1rem; line-height: 1.45;}
/* video_item */
.videoinner_item{width: 100%; height: 100%; padding: 1rem; background-color: #fff; }
.video_text a{display: block; padding: .5rem 0; color: #999; font-size: .9rem; position: relative; text-align: center;}
.video_text a::before{position: absolute; content: "\f0a9"; right: 0; top: .5rem;  font-family: fontawesome; transition: all .5s;}
.videoinner_item:hover a{color: #ca1c1d;}
.videoinner_item:hover a::before{right: -.5rem;}

/*发展历程*/
.history-box {background-color: #fff; padding: 3rem; margin: 2rem auto; margin-top: -3rem; position: relative;z-index: 1;}
.history-box ul { position: relative; padding-top: 50px; }
.history-box div>span {  position: absolute;font-family: "Arialbd"; font-size: 2.4rem; color: #b00811; display: inline-block;  left: 0; top: .9rem; }
.history-box div p>span { display: block;  }
.history-box li:nth-child(even) div p>b { display: block; float: left; width: 12%; }
.history-box li { margin-bottom: 30px; position: relative; padding-left: 230px;border-bottom: 1px solid #eaeaea; padding-bottom: 20px;  }
.history-box li div {padding: 1rem 2rem;}

/* sublist */
.sublist{width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap ; justify-content: center; padding-bottom: 2rem; }
.sublist li{display: block; margin-bottom: 5px;background-color: #d4020d;padding: .4rem 1rem;border-radius: 5px;margin-right: 5px;transition: all .5s;}
.sublist li a{display: block; color: #fff; width: 100%; line-height: 1.25; font-size: .9rem;}
.sublist li:hover,.sublist li.dq{background-color: #000;}
.biglist{justify-content: start;}
.biglist li{width: 18.5%; }
.biglist li:nth-child(5n){margin-right: 0;}


/* .inquiry_bg  */
.inquiry_bg {
  background-color: #333;
  background: url(../images/inquiry_bg.jpg) no-repeat center center;
  font-size: 2rem;
  color: #fff;
  font-family: "Arialbd";
  font-weight: 600; 
  overflow: hidden;
  padding: 1rem 0;
  width: 100%;
  margin: 0 auto;
}
.inquiry_bg .content{
  display: flex;
  justify-content: center;
  text-align: center;
}
.btn-inquiry {
  font-size: 1.4rem;
  color: #fff; margin-top: 1rem;
}
.btn-inquiry-bg {
  background-color: rgba(212, 2, 13, .88);
  border-radius: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20%; padding: 0 1rem; transition: all .5s;
}
.btn-inquiry-bg a{color: #fff; font-size: 1.3rem;}
.btn-inquiry-bg:hover {
  background-color: #000;
}
.btn-inquiry-bg:hover a {
  color: #fff;
}
.inquiry_txt {
  width: 70%;
  padding: .5rem 0;
  line-height: 1.25;
}



/* ul.item */
ul.item,
ul.item_circle {
  margin-bottom: 5px;
  width: 100%;
  float: none;
}
ul.item li,
ul.item_circle li {
  position: relative;
  text-align: left;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
}

ul.item li:before {
  content: "";
  position: absolute;
  left: 2px;
  top: .6rem;
  background-color: #b00811;
  font-size: 1rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
ul.item_circle li:before {
  content: "" !important;
  top: 8px;
  width: 4px;
  height: 4px;
  background-color: #666;
}
/* pro_txt */
.pro_txt strong{color: #d4020d;  display: inline-block; margin-bottom: .5rem; border-bottom: 1px solid #d4020d; font-size: 1.2rem;font-family: "Arialbd";}

/* etw_sidebar */
#etw_sidebar {
  width: 100%;
}
.etw_productlist {
  background-color: #f9f7f7;
  
  width: 95%;
}

#etw_sidebar ul {
  width: 100%;
}
.etw_productlist{ padding:1rem 1rem; background: #b00811; background-size: cover;}
.etw_productlist .title{font-weight:400; margin-bottom: 0.2rem; font-size: 1.2rem; text-transform: uppercase;   font-family: "Aileron-Bold"; margin-bottom:.5rem; color: #fff;}
.etw_productlist ul li a{display:block;}
.etw_productlist ul>li{border-bottom: 1px rgba(0,0,0,0.2) solid; padding-bottom: 0.3rem; margin-bottom: 0.3rem;position:relative;}
.etw_productlist ul>li:before{ position:absolute;content:"\f0da"; font-family: fontawesome; margin-right: 0.3rem; top:5px; color:#fff}

.etw_productlist ul>li:last-child{border-bottom:none;}
.etw_productlist ul>li>a{padding:0.3rem 0 0.3rem 1rem; color:#fff;}
.etw_productlist ul>li>a.dq,.etw_productlist ul>li>a:hover{ color:#f2c70d; text-decoration:none;}
.etw_productlist ul>li>ol{ padding:0px; clear: both; float:none;display: none;}
.etw_productlist ul>li>ol>li a{ display:block; color:#e8cacc;padding:0.3rem 0.2rem 0.2rem 1rem;position:relative; font-size:0.75rem; font-weight: 400; }
.etw_productlist ul>li>ol>li a:hover,.etw_productlist ul>li>ol>li a.dq{color:#f2c70d; text-decoration:none;}
.etw_productlist ul li ol.show{display: block; }
.etw_productlist ul li .more{position: absolute;right:5px;top:5px;width: 20px;height: 20px;line-height: 20px;color: #f2c70d;cursor: pointer;text-align: center;}
.etw_productlist ul li .more:before{content: "";width: 10px;height: 4px;background: #fff;right:0px;top:10px;position: absolute;font-size: .875rem;transition: all .2s;}
.etw_productlist ul li .more:after{content: "";width: 4px;height: 10px;background: #fff;right:3px;top:7px;position: absolute;font-size: .875rem;transition: all .2s;}
.etw_productlist ul li .more.on:after{transform: rotate(-90deg);}
.etw_productlist ul li .more.on:before{transform: rotate(180deg);}
.etw_productlist ul li .more:hover,#etw_productlist ul li .more:hover{opacity: .8;}
.etw_productlist ul li ol.show+.more:after{transform: rotate(-90deg);}
.etw_productlist ul li ol.show+.more:before{transform: rotate(180deg);}
.etw_productlist ul li ol dl{padding-left: .8rem;}
.etw_productlist ul li ol dl a{position: relative;font-size:0.728rem;  }
.etw_productlist ul li ol dl a::before{position: absolute; content: ""; left: .5rem; top: .7rem; width: 3px; height: 3px; background-color: #fff; border-radius: 50%;}
/* inquiry_box */
.inquiry_box {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 3rem;
  padding: 3rem;
  position: relative;
  background-image: url(../images/inquiry_img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
  border-radius: 0 60px 0 60px;
}
.etw_set_feedback_form{border: 1px solid #fff; padding: 2rem; border-radius: 22px;}
.inquiry_box:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
  color: #fff;
  border-radius: 0 60px 0 60px;
}
.form_contact_title h3,
.contact_content .c_name {
  font-family: "Arialbd";
  font-size: 1.8rem;
  text-transform: uppercase;
}
.contact_content .c_name {
  font-size: 1.1rem;
}
.contact_content strong {
  color: #000;
}
.contact_content a {
  color: #333;
}
.contact_content a:hover {
  color: #289fe1;
}
.indent_left{padding-left: 2.2rem;}
.indent_left2{padding-left: 3.4rem;}
/* .left_pics */
.left_pro_img,
.pro_img {
  position: relative;
}
.left_pro_img a {
  position: relative;
  display: block;
}

.left_pics {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.left_pics img {
  text-align: center;
  mix-blend-mode: multiply;
  width: 100%;
}
.left_pics a {
  display: block;
  background-color: #f9f9f9;
  overflow: relate_pro;
}
.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,
.related_pic a.imgdq img {
  border: 1px #0051b0 solid;
}
.related_pic span {
  font-size: 0.75rem;
  line-height: 0.9rem;
  display: block;
  text-align: center;
}
.btn-inquiry{color: #fff; border-radius: 5px;  font-family: "Aileron-Bold"; text-transform: uppercase; font-size: .9rem; background-color: #b00811; padding-top: .5rem;}
.btn-inquiry:hover{background-color: #333; color: #fff;}
/* footer */
#footer {
  width: 100%;
  background: url(../images/f_bg.jpg) no-repeat 0 0 #111;
  background-size: cover;
  text-align: center;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-top: 2rem;
  font-style: normal;
  font-size: .85rem;
}
.etw_bottom {
  max-width: 1200px;
  padding: 1rem 0;
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align: left;
  color: rgba(255, 255, 255, .79);
  
}
.home_link {
  width: 100%;
  overflow: hidden;
  background-color: #b00811;
  margin: 0 auto;
  padding: .5rem 0;
}
#footer a {
  color: rgba(255, 255, 255, .79);
}
#footer a:hover {
  color: #b00811;
}
#footer .left_share a i {
  color: #fff !important;
 
  padding: 0 0.5rem;
}

.etw_bottom .etw_foot_title {
  border: none;
  color: #fff;
  position: relative;
}

.etw_bottom .etw_foot_title a,
.etw_bottom .etw_foot_title {
  color: #fff !important;
  font-size: 1.1rem;
  line-height: 1.35;
  position: relative;
  font-family: "Arialbd"; text-transform: uppercase;
  padding: .3rem;
  border-radius: 5px;
}
.etw_bottom .etw_foot_title {
  margin-bottom: .5rem;
}

.etw_bottom .etw_foot_title a:hover {
  color: #000;
  text-decoration: none;
  background-color: #b00811;
}
.pblist {
  overflow: hidden;
  margin: 0.5rem auto;
}
.pblist_box {
  width: 100%;
}
.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;
  line-height: 1.4rem;
  padding-left: 1rem;
  color: #fff;
  position: relative;
  font-weight: 400;
  position: relative;
  font-size: .85rem;
  padding-bottom: .5rem;
}
.etw_bottom ul > li > ol {
  padding-left: 1rem;
  margin-bottom: 1rem;
  float: left;
}
.etw_bottom ul > li > a:before {
  position: absolute;
  content: "";
  left: 2px;
  top: 0px;
  background-color: #b00811;
  width: 2px;
  height: 100%;
}
.cot_add,
.cot_tel,
.cot_email,
.cot_people,
.cot_mobile,
.cot_fax,
.cot_whatsapp {
  position: relative;
  padding-left: 25px;
  display: block;
  margin-bottom: 0.5rem;
  padding-top: 0.2rem;
}
.cot_add:before {
  content: "\f041";
  position: absolute;
  left: 0px;
  top: 4px;
  color: #b00811;
  font-family: fontawesome;
  font-size: 20px;
}
.cot_tel:before {
  content: "\f095";
  position: absolute;
  left: 0px;
  top: 8px;
  color: #b00811;
  font-family: fontawesome;
  font-size: 18px;
}
.cot_email:before {
  content: "\f0e0";
  position: absolute;
  left: 0px;
  top: 5px;
  color: #b00811;
  font-family: fontawesome;
  font-size: 16px;
}
.cot_people:before {
  content: "\f2be";
  position: absolute;
  left: 0px;
  top: 0px;
  color: #b00811;
  font-family: fontawesome;
  font-size: 16px;
}
.cot_mobile:before {
  content: "\f10b";
  position: absolute;
  left: 4px;
  top: -4px;
  color: #b00811;
  font-family: fontawesome;
  font-size: 22px;
}
.cot_fax:before {
  content: "\f1ac";
  position: absolute;
  left: 0px;
  top: 0px;
  color: #b00811;
  font-family: fontawesome;
  font-size: 16px;
}
.cot_whatsapp:before {
  content: "\f232";
  position: absolute;
  left: 0px;
  top: 0px;
  color: #b00811;
  font-family: fontawesome;
  font-size: 18px;
}

#etw_coper {
  margin-top: 2px;
  width: 100%;
  line-height: 22px;
}
#etw_coper a {
  display: block;
  color: #fff;
  font-size: 12px;
}
#otherlink {
  clear: both;
  width: 100%;
  height: auto;
  font-size: 12px;
  margin-top: 1rem;
}
#otherlink a {
  color: #fff;
  display: inline-block;
  padding: 0 4px;
  margin-right: 5px;
  line-height: 22px;
  margin-bottom: 5px;
  border: 1px solid #fff;
  font-size: 12px;
}
#otherlink a span {
  opacity: 0.5;
  position: relative;
  top: 0;
}
#otherlink a:hover,
#etw_homefooters a:hover,
.etw_homefoot a:hover,#etw_coper a:hover {
  color: #000;
}
#otherlink a:hover span {
  opacity: 1;
  top: -2px;
  transition: all 0.3s ease-in-out;
}
/* tags_box */
.tags_box {
  width: 100%;
  max-width: 1300px;
  margin: 1rem auto;
  margin-top: 0;
  color: #fff; 
}
.tags_box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tags_box ul li {
  padding: 0.5rem 0.5rem;
  font-size: 12px;
}
.tags_title {
  padding: 0.1rem 0.5rem;
}

/*sitemap*/
#sitemap {
  width: 100%;
  margin: 0 auto;
  font-size: 13px;
}
#sitemap .name {
  width: 100%;
  font-size: 15px;
  margin: 10px 0;
  clear: both;
}
#sitemap a {
  color: #0f599b;
  width: 100%;
  display: block;
  background: #eee;
  font-weight: 600;
  line-height: 24px;
}
#sitemap a.sname {
  margin: 5px 0;
  font-weight: 400;
  width: 100%;
  color: #333;
  text-decoration: underline !important;
  background: 0 0;
  font-size: 14px;
}
#sitemap a:hover {
  text-decoration: underline !important;
}
#sitemap a.sname:hover {
  color: #0f599b;
  text-decoration: none !important;
}
#sitemap p {
  margin: 0 0 10px;
  line-height: 22px;
}
#sitemap .list_m {
  width: 100%;
  height: auto;
  margin: 10px 0;
  overflow: hidden;
}
#sitemap .list_m a {
  width: 50%;
  display: block;
  float: left;
  color: #888;
  text-decoration: none;
  font-size: 13px;
  line-height: 18px;
  padding-right: 3%;
  background: 0;
  font-weight: 400;
  margin-bottom: 10px;
}
#sitemap .list_m a:nth-child(2n + 1) {
  clear: both;
}
#sitemap .list_m a:hover {
  color: #0f599b;
}
@media (max-width: 1600.98px) {
  .about_box::after{display: none;}
  .accessories_box h3{font-size: 0.75rem;}
}
@media (max-width: 1300.98px) {
  #etw_content,
  .header_in,
  .etw_bottom,
  .content {
    padding-left: 15px;
    padding-right: 15px;
    float: left;
  }
}
@media (max-width: 1299.98px) {
  .dropdown-item {
    white-space: normal;
  }
  .top-nav .navbar-nav .row {
    margin-left: -250px !important;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-lg .navbar-nav .nav-link{padding: 0.5rem .5rem;}
  .banner_01 h1,.banner_02 h1,.ban_txt2 span {
    font-size: 2rem;
  }
  .ban_txt2 span{background-size: contain;    padding: 1rem 5rem 1rem 1rem;}
  .header_in {
    padding-bottom: 0;
  }
  .etw_productlist{width: 100%;}
  .etw_productlist ul li .more { right: 0px;}
.app_img_box_span ul li span{position: relative;}

}
@media (max-width: 1110.98px) {.app_img_box ul li span{height: 95px;}}
@media (max-width: 986.98px) {.app_img_box ul li span{height: 80px;}}
@media (max-width: 991.98px) {
  #header {
    position: inherit;
    min-height: inherit;
    display: block;
    padding-bottom: 0;
  }
  #header::before {
    display: none;
  }
  #container,
  #etw_content,
  .home_box {
    margin: 0 auto;
  }
  #etw_logo{padding-top: 0;}
  #quicknav,
  .tags_box,
  #etw_sidebar,
  .carousel-control-next,
  .carousel-control-prev {
    display: none;
  }
  #etw_sidebar {
    border: none;
  }

  .top-nav .navbar {
    float: left;
    width: 100%;
  }

  .nav-item span.pro_icon {
    display: block;
  }
  .navbar-light .navbar-toggler {
    color: #fff;
    font-size: 2.5rem;
    border: none !important;
    padding: 0.05rem 0.75rem;
  }
  .top-nav {
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0.6rem 0.5rem;
    border-right: none;
    font-size: 1.2rem;
    border-bottom: 1px solid #666;
    color: #fff;
    text-transform: none;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu > li > a,
  .dropdown-menu-one li > a {
    font-size: 1rem;
  }
  .dropdown-menu-one li > ol > a {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }
  .navbar {
    padding: 0;
  }
  .dropdown-item {
    white-space: normal;
    padding-top: 0.5rem;
    font-size: 14px;
  }
  .dropdown-toggle::after {
    display: none;
  }
  .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 {
    border-radius: 0;
    color: #fff;
    background-color: #252525;
  }
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover {
    border-radius: 0;
    color: #fff;
    background-color: #252525;
  }

  .top-nav .navbar-nav .row {
    position: relative;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 0px !important;
  }
  .top-nav .navbar-nav .navright {
    display: none;
  }
  .navleft li a {
    background-color: #fff;
    color: #333;
    position: relative;
    display: block;
    transition: all 0.5s;
    padding: 0.6rem 1.5rem;
    border-bottom: 1px solid #eee;
  }
  .navleft,
  .navproinfo {
    width: 100% !important;
  }

  .navleft li a:hover {
    color: #c40000;
  }

  .etw_language {
    padding-top: 0;
    background: none;
    width: auto; padding-top: .8rem;
  }
  .etw_language {
    display: block;
    float: right;
    height: auto;
  }
  .etw_language > ul {
    position: relative;
    z-index: 9;
    float: right;
    font-size: 1rem;
    border-radius: 8px;
  }
  .etw_language > ul > li > a {
    display: block;
    color: #000;
    padding: 0rem 1rem;
  }
  .etw_language ul ul {
    display: none;
    position: absolute;
    top: 100%;
    padding: 0;
    background-color: #ffffff;
    min-width: 100px;
  }
  .etw_language ul ul a {
    display: block;
    text-align: left;
    float: left;
    padding: 0.3rem 1rem;
    color: #333;
  }
  #etw_language .dropdown-item {
    color: #333;
    padding: 0.2rem 0 0 1.5rem;
  }
  #etw_language .dropdown-item:hover {
    color: #8f99a5;
  }
  .etw_language ul li:hover > ul {
    display: block;
  }
  .etw_language .dropdown-item {
    min-width: 100px;
  }
  .etw_language #etw_language {
    float: none;
    margin-top: 0;
    height: auto;
  }
  .etw_language #etw_language a {
    line-height: 1.5rem;
  }
  #etw_language .dropdown-item img {
    display: none;
  }

  #floatchatiframe2011 {
    width: 100%;
  }

  #menu-items {
    border-radius: 0 !important;
  }
  .btn-inquiry-bg {
    width: 32%; 
  }
  .inquiry_txt {
    width: 70%;
  }
  .etw_products{width: 100%;}
  .etw_products>ul>li{width: 32%;}
  .etw_products>ul>li:nth-child(4n){margin-right: 2%;}
  .etw_products>ul>li:nth-child(3n){margin-right: 0;}
  .hub_products ul > li{width: 100%; margin-right: 0;}
  .hub_products ul>li>ol>li.product_img{width: 32%;}
  .hub_products_three ul > li > ol > li.product_con{width: 62%;}
  .otherpro_box ul{flex-wrap: wrap;}
  .otherpro_box ul>li{width: 32%;}
  .otherpro_box ul>li:nth-child(3n){margin-right: 0;}
  .otherpro_box ul>li:nth-child(4){display: none;}
  .about_box{background: #f9f8f8;}
  .about_box::after,.about_box::before,.capabilities_box::before,.capabilities_box::after{display: none;}
  .capabilities_box .webtitle{color: #000; text-align: center;}
  .cap_item_des::before{transform: skewX(0deg);}
  .mainpro_item .mainpro_des,.cap_item_des{padding: 1rem;}
  .industiy_box ul{flex-wrap: wrap; justify-content: center;}
  .industiy_box ul li{width: 32%; margin-bottom: 1rem;}
  .industiy_box ul li:nth-child(3n){margin-right: 0;}
  .block-slider .bx-prev,.block-slider .bx-next{display: none !important;}
  .etw_set_feedback_form{padding: 1rem;}
  .history-box li { padding-left:20%; }
  .history-box{margin-top: 0;}
  .history-box ul{padding-top: 0;}
  .history-box{padding: 1rem;}
  .history-box div > span{font-size: 1.4rem;}
}
@media (max-width: 768.98px) {
  .inquiry_box .contact_box {
    display: none;
  }
  .inquiry_box .contact_box,
  .etw_set_feedback_form {
    width: 100%;
  }
  .inquiry_box .contact_box {
    left: 0;
    top: 0;
  }
  .webtitle,.about_des h1 {
    font-size: 1.6rem;
  }
  .otherpro_box ul>li{width: 48%; margin-bottom:2rem;}
  .otherpro_box ul>li:nth-child(3n){margin-right: 2%;}
  .otherpro_box ul>li:nth-child(4){display: block;}
  .app_img_box_four ul li{width: 32%;}
  .app_img_box_four ul li:nth-child(3n){margin-right: 0;}
  .app_img_box_four ul li:nth-child(4n){margin-right: 2%;}
  .package_box ul.big li span{font-size: .9rem;}
}
@media (max-width: 650.98px) {
  html {
    font-size: 14px;
  }
  .industiy_box ul li{width: 48%; }
  .industiy_box ul li:nth-child(2n){margin-right: 0;}
  .industiy_box ul li:nth-child(3n){margin-right: 2%;}
  .industiy_box ul li a h3{position: relative;top: 0;left: 0; width: 100%; }
  .industiy_box ul li a{text-align: center; margin: 0 auto; display: inline-block;}
  .industiy_box ul li a img{margin-bottom: 1rem; text-align: center;}
}
@media (max-width: 575.98px) {
    .accessories_box01 ul>li{width: 100%;margin-right: 0;}
  h2,
  .etw_hometitle {
    font-size: 1.3rem;
  }
  .inquiry_box {
    padding: 1rem;
  }
  .inquiry_bg{font-size: 1.4rem;}
  .btn-inquiry{font-size: 1.2rem;}
  .etw_products>ul>li{width: 48%;}
  .etw_products>ul>li:nth-child(3n){margin-right: 2%;}
  .etw_products>ul>li:nth-child(2n){margin-right: 0;}
  .hub_products ul>li>ol>li.product_img,.hub_products ul>li>ol>li.product_con{width: 100%; padding-left: 0;}
  .hub_products ul>li>ol>li.product_img{text-align: center; margin-bottom: 1rem;}
  .app_img_box_three ul li{width: 48%;}
  .app_img_box_three ul li:nth-child(2n){margin-right: 0;}
  .app_img_box_three ul li:nth-child(3n){margin-right: 1%;}
  .app_img_box_four ul li{width: 48%;}
  .app_img_box_four ul li:nth-child(2n){margin-right: 0;}
  .app_img_box_four ul li:nth-child(3n){margin-right: 2%;}
  .banner_01 h1,.banner_02 h1,.ban_txt2 span {
    font-size: 1.52rem;
  }
  .inquiry_bg .content{flex-wrap: wrap;}
  .btn-inquiry-bg{width: 60%; padding: .5rem 1rem;}
  .cap_page ul li{flex-wrap: wrap;}
  .cap_page ul li .cap_img{margin-bottom: 1rem;}
  .cap_page ul li .cap_img,.cap_page ul li .cap_des{width: 100%;}
  .accessories_box_four{flex-wrap: wrap;}
  .accessories_box_four div{width: 48%;}
  .biglist li{width: auto; }
  .accessories_box h3{font-size: 0.9rem;}
}
@media (max-width: 480.98px){
  .otherpro_box ul>li{width: 100%; margin-right: 0;}
  .app_box ul{flex-wrap: wrap; justify-content: start;}
  .app_box ul li{margin-bottom: 5px;}
}
@media (max-width: 380.98px) {
  .carousel-caption h5 {
    font-size: 1.2rem;
  }
  .app_box ul li{width:48%; }
  #etw_logo img{width: 120px;}
.banner_02,.banner_01{display: none;}
  
}
@media (max-width: 320.98px) {
  .navbar-light .navbar-toggler,
  .iconfont {
    font-size: 1.55rem;
  }
  .etw_products>ul>li,.app_img_box_three ul li,.app_img_box_four ul li{width: 100%; margin-right: 0;}
}
#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}