@charset "utf-8";
/* CSS Document */
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: fontawesome;
  src: url(//:) format("no404"),
    url(../font/fontawesome-webfont.woff) format("woff"),
    url(../font/fontawesome-webfont.ttf) format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 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;
}

@font-face {
  font-family: "Opensans";
  font-style: normal;
  font-weight: 700;
  src: local("Opensans Bold"), local("Opensans-Bold"),
    url(../font/opensans-bold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Play";
  font-style: normal;
  font-weight: 300;
  src: local("Play-Regular"), local("Play-Regular"),
    url(../font/Play-Regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Play";
  font-style: normal;
  font-weight: 600;
  src: local("Play-Bold"), local("Play-Bold"),
    url(../font/Play-Bold.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.ttf?t=1622274305876') format('truetype');
}

/*basic*/
img,
object {
  max-width: 100%;
}
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
}
* {
  margin: 0;
  padding: 0;
}
li,
ol,
ul {
  list-style: none;
}
strong {
  font-weight: 700;
}
p {
  margin: 0;
  padding: 0 0 1.25rem;
}
a.links {
  color: #c72326;
  font-weight: 700;
}
a.links:hover {
  text-decoration: underline;
}

body {
  font-family: "Roboto";
  color: #474747;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  font-weight: 400;
}
hr {
  border-top: 1px #bbb dashed;
  margin: 0 0 1rem 0;
}

.clearfix:after{
  content: "";
  display: table;
  clear: both;
}




table {
  margin: 5px 0 0;
  width: 100%;
}
.table-responsive {
  margin-bottom: 15px;
  width: auto;
}
table,
td {
  border: 1px solid #aaa !important;
}
.table > tbody > tr {
  background-color: #fff;
}
.table > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.table-hover > tbody > tr:hover,
.table > tbody > tr:nth-of-type(odd):hover {
  background-color: #fff;
}
.table .top {
  background: #f2f2f2 !important;
  font-weight: bold;
}
.table > tbody > tr > td {
  vertical-align: middle;
  padding: 10px;
  font-size: 14px;
  line-height: 18px;
}
.table .top td {
  border-right: 1px #aaa solid !important;
}
.table > tbody > tr:last-child > td,
.table > tbody > tr > td:last-child {
  border: 1px #aaa solid !important;
}
.etw_hometitle,
h2 {
  padding: 0.2rem 0 1.5rem;
  font-size: 1.8rem;
  line-height: 1.8rem;
  color: #101010;
  font-weight: 700;
  margin: 0;
  font-family: "Opensans";
  vertical-align: middle;
  display: flex;
    align-items: center;
}
h2 .etw_video{float: none;display: inline-block;}
h2 .etw_video a{border-radius: 5px;}

h3 {
  font-size: 1.1rem;
  color: #888;
  padding: 0;
  margin: -0.6rem 0 1.3rem 0;
}

inquiry,
u.inquiry {
  text-decoration: none;
  color: #666;
}
u.inquiry:after {
  content: "INQUIRY";
  display: block;
  background: #e3e4e5;
  color: #666;
  text-align: center;
  line-height: 1;
  padding: 4px 10px;
  font-size: 12px;
  float: left;
  width: 88px;
}
u.inquiry:hover:after {
  background: #285a92;
  color: #fff;
}
#etw_top {
  position: fixed;
  width: 35px;
  height: 35px;
  right: 55px;
  bottom: 150px;
  text-align: center;
  background: #f35d0b;
  z-index: 100;
  cursor: pointer;
  color: #fff;
  font-weight: 700;
  line-height: 28px;
  border-radius: 50%;
}
#etw_top a {
  color: #fff;
}
#etw_top:hover {
  transition: all ease-in-out 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: #174277;
}

/*头部*/
#header {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  margin: 0 auto;
}
#headerin {
  width: 100%;
  margin: 0px auto;
  max-width: 1200px;
}
#header.fixbox .top-nav{position: fixed;left: 0;top: 0;right: 0;}
#header.fixbox .navbar-light .navbar-nav .nav-link{padding: 0.8rem 1rem;}
#etw_logo {
  width: 140px;
  float: left;
  margin: 0.4rem 1rem 0.4rem 0;border-right: 1px solid #555;
}
#etw_logo img{width: 100%;display: block;}
.navbtn {
  margin-top: 1rem;
}
.header_top {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  background: #f4f4f4;
  padding: 0.2rem 0 0.6rem 0;
}
#etw_language {
  float: right;
  padding: 0 0.5rem 0 0;
  width: auto;
  text-align: right;
  height: 18px;
}
#etw_language .dropdown-item {
  display: inline-block;
  width: auto;
  font-size: 0.8135rem;
  line-height: 18px;
  padding: 0 0 0 2rem;
  color: #000;
  min-width: auto !important;
  background: none;
}
#etw_language .dropdown-item:hover {
  color: #d71519;
  text-decoration: underline;
  background: none;
}
#etw_language .dropdown-item:focus,
#etw_language .dropdown-item:hover {
  background: none !important;
}

.etw_language ul{margin-bottom: 0;}


.company_name {
  width: 35%;
  float: left;
  padding: 1.5rem 0 0.5rem 0.8rem; 
  color: #000;
  font-size: 1.2rem;
  line-height: 1.5;
  text-transform: uppercase;
  font-weight: 500;
}
.top_contact {
  width: auto;
  float: right;
}
.top_contact ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.top_contact ul li {
  width: auto;
  padding: 0 3rem 0 0;
}
.top_contact ul li:nth-child(2n) {
  margin-right: 0;
}
.top_contact ul li a {
  display: block;
  color: #231815;
  font-size: 1.125rem;
  line-height: 1.25rem;
  padding: 20px 0 20px 44px;
  position: relative;
  font-weight: 500;
}
.top_contact ul li a:before {
  position: absolute;
  content: "";
  width: 34px;
  height: 34px;
  background: url(../images/tel.jpg) left center no-repeat;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-size: 100% auto;
}
.top_contact ul li:nth-child(2n) a:before {
  background-image: url(../images/mail.jpg);
}
.top_contact ul li a:hover {
  color: #c72326;
  text-decoration: underline;
}

.top-nav {
  width: 100%;
  margin: 0 auto;
  background: #2671dd;
}
.navbar {
  padding: 0;
}
.navbar-collapse {
  justify-content: flex-start;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff;
  font-size: .9rem;
  margin: 0;
  padding: 0.3rem 0.7rem;
  line-height: 1.5;
  display: block;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
  background-color: #c72326;
  color: #fff;
}
.navbar-light .navbar-nav .dropdown-item {
  font-size: 0.9375rem;
  line-height: 1.125rem;
}
.navbar-light .navbar-nav .dropdown-menu {
  margin: 0 !important;
}
.navbar-light .navbar-nav .dropdown-menus .dropdown-item {
  font-weight: 300;
}
.navbar-light .navbar-nav .dropdown-menu li a {
  display: block;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  font-size: 0.875rem;
}
.navbar-light .navbar-nav .dropdown-menu li ol li .dropdown-item {
  font-weight: 300 !important;
  padding-left: 2.5rem;
}
.dropdown-item {
  white-space: normal;
  min-width: 16rem;
}
.dropdown-item.active,
.dropdown-item:active {
  background-color: #fff !important;
  color: #d91f24;
}
.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #fff !important;
  color: #d91f24;
}

/*首页附加样式*/
#etw_banner {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#etw_banner img {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#etw_banner .banner_txt {
  width: 100%;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 20%;
  max-width: 1200px;
}
#etw_banner .banner_txt h1 {
  font-size: 2.5rem;
  color: #000;
  width: 80%;
  line-height: 3.5rem;
  float: right;
  text-align: left;
  font-weight: bold;
  padding: 1.5rem 3rem 1.5rem 4rem;
  background: rgba(255, 255, 255, 0.2);
  font-family: "Opensans";
}
/* 20211210 */
#etw_banner .banner_txt.banner_txt1{width:40%;background-color:transparent;top:19%;left:3%;right:inherit;text-align:center;}
#etw_banner .banner_txt.banner_txt1 h1{background-color: transparent;color: #1c97d2;text-align: left;font-size: 3rem;margin-bottom: 80px;display: block;}
#etw_banner .banner_txt.banner_txt1 h1 span{font-size: 2rem;font-weight: normal;display: block;font-family: 'fontawesome'; }
#etw_banner .banner_txt.banner_txt1 h3.sub-tit{padding:0.5rem 3rem 0 3rem;text-align: left;color: #fff;margin: 0;}




#etw_banner .banner_txt1 h1,
#etw_banner .banner_txt2 h1 {
  font-size: 2rem;
  width: auto;
  padding: 0.5rem 3rem;
  text-align: center;
  float: none;
  display: inline-block;
}
#etw_banner .banner_txt2 h1 {
  font-size: 1.8rem;
  width: 75%;
  float: right;
  line-height: 2.2rem;
  text-align: right;
  padding: 1rem 1.5rem 1rem 3rem;
}

.company {
  width: 100%;
}
.company_txt {
  width: 100%;
  float: left;
}
.company_txt h2 {
  display: block;
  color: #d61519;
  text-align: left;
  font-size: 1.5rem;
  line-height: 1.8rem;
  margin: 0;
  width: 90%;
  padding: 0;
  font-family: "Roboto";
}
.company_txt h2 span {
  display: block;
  background: #fff;
  padding: 0.6rem 0.8rem;
  background: #2671dd;
  color: #fff;
  margin-bottom: 0.5rem;
}
.topname {
  display: block;
  padding-left: 0.8rem;
}
.company_txt p {
  color: #707272;
  font-size: 1rem;
  line-height: 1.6rem;
  display: block;
  font-weight: 500;
  width: 100%;
  background: #e1e6e6;
  padding: 1rem 0.8rem;
  position: relative;
}
.company_txt .more a {
  display: block;
  width: 130px;
  line-height: 30px;
  text-align: center;
  background: #2671dd;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 500;
  position: absolute;
  right: 3rem;
  bottom: 1.5rem;
  z-index: 1;
}
.company_txt .more a:hover {
  background: #d61519;
  box-shadow: 1px 1px 2px #333;
}

.videoshow {
  width: 100%;
  float: left;
  padding-top: 9rem;
}
.videoshow img {
  width: 100%;
}
.videoshow .etw_hometitle {
  width: 100%;
  background: #2671dd;
  position: relative;
  padding: 0 0 0 3rem;
  margin: 0 0 1.5rem 0;
}
.videoshow .etw_hometitle:before {
  position: absolute;
  content: "";
  width: 59px;
  height: 63px;
  background: url(../images/titlebg.png) top left no-repeat;
  left: 0;
  top: 0;
}
.videoshow .etw_hometitle:after {
  position: absolute;
  content: "";
  width: 200px;
  height: 287px;
  background: url(../images/cer.png) top right no-repeat;
  right: -0.5rem;
  top: -222px;
}
.videoshow .etw_hometitle span {
  display: block;
  width: 72%;
  font-size: 1.3rem;
  line-height: 1.4rem;
  padding: 0.6rem 0;
  margin: 0;
  color: #fff;
  text-align: right;
  font-family: "Opensans";
}

.etw_mainproducts .etw_hometitle,
.etw_homelink1 .etw_hometitle {
  text-align: center;
  font-family: "Opensans";
  padding: 0;
  margin: 0.4rem 0 1.2rem 0;
}
.etw_homelink1 .etw_hometitle {
  font-size: 1.8rem !important;
}
.etw_mainproducts p {
  display: block;
  width: 100%;
  float: left;
  text-align: justify;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 500;
}
.etw_mainproducts {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.etw_mainproducts ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.etw_mainproducts ul li {
  width: 31.3%;
  height: auto;
  margin: 1rem 2.7% 1.25rem 0;
  position: relative;
}
.etw_mainproducts ul li:nth-child(3n) {
  margin-right: 0;
}
.etw_mainproducts ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(38, 113, 221, 0.4);
  width: 100%;
  height: 100%;
}
.etw_mainproducts ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
.etw_mainproducts ul li img {
  width: 100%;
  text-align: center;
}
.etw_mainproducts ul li a span {
  display: block;
  position: absolute;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.5rem;
  font-family: "Opensans";
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  width: 100%;
  height: 100%;
  font-weight: 700;
  padding: 0 5%;
}
.etw_mainproducts ul li:hover:before {
  background: 0;
}
.etw_mainproducts ul li:hover a span {
  color: #d61519;
}

.etw_homelink {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #d4e3f8;
  margin-top: 2.5rem;
  overflow: hidden;
}

.etw_homelink1 {
  width: 94%;
  margin: 0 auto;
}
.etw_homelink1 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.etw_homelink1 ul li ol img {
  width: 100%;
}

#etw_bottom {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: url(../images/bottombg.jpg) top center no-repeat;
  margin-top: 2.5rem;
  padding: 2rem 0;
}
#etw_bottom .etw_hometitle {
  display: block;
  font-size: 1.4rem;
  color: #000;
  font-family: "Opensans";
  font-weight: 700;
  padding: 0 0 1rem 0;
  margin: 0;
}
#etw_bottom .etw_hometitle a {
  color: #000;
}
#etw_bottom .etw_hometitle a:hover,
.bottom_brief ul li a:hover,
#etw_bottom .etw_contactin a:hover {
  color: #d61519;
  text-decoration: underline;
}
.bottom_brief {
  width: 100%;
  padding-right: 15%;
  font-size: 0.8375rem;
  color: #000;
  font-weight: 400;
  line-height: 1.4rem;
}
.bottom_brief ul,
.bottom_brief ul li {
  width: 100%;
}
.bottom_brief ul li a {
  display: block;
  color: #000;
  font-size: 0.8375rem;
  line-height: 1rem;
  padding: 0 0 0.4rem 0;
}

#etw_bottom .etw_contactin {
  width: 100%;
  background: none;
  margin-top: 0;
}
#etw_bottom .etw_contactin p {
  font-size: 0.8375rem;
  color: #000;
  font-weight: 400;
  line-height: 1.4rem;
}
#etw_bottom .etw_contactin a {
  color: #000;
}

.about_l {
  width: 100%;
  position: relative;
  margin-bottom: 2.5rem;
}
.about_l img {
  width: 100%;
  text-align: center;
}
.about_l .title {
  width: 100%;
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.2rem;
  text-align: center;
  background: rgba(112, 114, 114, 0.3);
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 40%;
  position: absolute;
  font-weight: 700;
  padding: 0.5rem 0;
  text-transform: uppercase;
}
.about_l .abouttxt {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding-top: 10%;
  display: none;
}
.titles {
  display: block;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 400;
  padding-bottom: 1rem;
}
.about_l .abouttxt p {
  width: 75%;
  margin: 0 auto;
  text-align: left;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.4rem;
  font-variant: 500;
}
.about_l .more a {
  display: block;
  width: 125px;
  line-height: 35px;
  color: #fff;
  background: #d61519;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  border-radius: 5px;
  margin: 0 auto;
}
.about_l .more a:hover {
  color: #d61519;
  background: #ffffff;
}
.about_l:hover .abouttxt {
  display: block;
}
.about_l:hover .title {
  display: none;
}

/*container*/
#container {
  margin-top: 143px;
}
.content {
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
}
.content1 {
  width: 94%;
  max-width: 1400px;
  margin: 0 auto;
}
.etw_content {
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
}
#etw_right {
  width: 74%;
  float: right;
}
#etw_sidebar {
  width: 23%;
  float: left;
}
#etw_sidebar .etw_hometitle,
#etw_sidebar .etw_hometitle1,
#etw_sidebar .etw_hometitle2 {
  display: block;
  color: #202020;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.8rem;
  padding: 1.2rem 0.5rem 1rem 0.5rem;
  margin: 0 0 0.5rem 0;
  border-bottom: 2px #fff solid;
  font-family: "Opensans";
  font-weight: 700;
}
.etw_contactin .etw_hometitle {
  margin-bottom: 1px !important;
}
#etw_sidebar .etw_hometitle1 {
  font-size: 1.125rem;
  text-align: left;
}
#etw_sidebar .etw_hometitle a,
#etw_sidebar .etw_hometitle1 a {
  color: #fff;
}
#etw_sidebar .etw_hometitle a:hover,
.etw_contact a:hover,
#etw_sidebar .etw_hometitle1 a:hover {
  color: #d61519;
  text-decoration: underline;
}
#etw_sidebar .etw_hometitle2 {
  color: #fff;
}

.etw_productlist {
  width: 100%;
  float: left;
  background: #ddd;
  padding: 0.4rem 0.4rem 1rem 0.4rem;
}
.etw_productlist.etw_productlist1 {
  background: #2671dd;
}
.etw_productlist ul,
.etw_productlist ul li,
.etw_productlist ul li ol li,
.etw_productlist ul li ol li {
  width: 100%;
  float: left;
}
.etw_productlist ul > li > a {position: relative;
  display: block;
  font-size: 0.9375rem;
  color: #202020;
  line-height: 1.25rem;
  padding: 0.8rem 1.25rem 0.8rem 2.2rem;
  font-weight: 500;
  position: relative;
  margin-bottom: 1px;
}
.etw_productlist ul > li:first-child > a:after{
  position: absolute;
  content: '';
  background: url(../images/hot.png) no-repeat;
  background-size: cover;
  width: 36px;
  height: 33px;
  right: 5px;
top: 6px;
}
.etw_productlist.etw_productlist1 ul > li > a,
.etw_productlist.etw_productlist1 ul > li > ol > li > a {
  color: #fff;
}
.etw_productlist ul > li > a:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #202020;
  left: 1rem;
  top: 18px;
}
.etw_productlist.etw_productlist1 ul > li > a:before {
  background: #fff;
}
.etw_productlist ul > li > ol {
  position: relative;
  padding: 0.4rem 0 0.8rem 0;
}
.etw_productlist ul > li > ol > li > a {
  font-size: 0.8375rem;
  display: block;
  line-height: 1.125rem;
  color: #333;
  padding: 0.4rem 0 0.4rem 2.2rem;
  font-weight: 500;
}
.etw_productlist ul > li > a:hover,
.etw_productlist ul > li > a.dq {
  color: #d61519;
  background: #fff;
}
.etw_productlist ul > li > ol > li > a:hover,
.etw_productlist ul > li > ol > li > a.dq {
  color: #b30514;
  text-decoration: underline;
}
.etw_productlist ul > li > a:hover:before,
.etw_productlist ul > li > a.dq:before {
  background: #d61519;
}

.etw_contactin {
  width: 100%;
  background: #707270;
  padding: 0.4rem 0.4rem 1.2rem 0.4rem;
  margin-top: 2rem;
}
.etw_contact {
  width: 100%;
  padding-top: 22px;
  background: url(../images/smallbg.jpg) top center no-repeat;
  padding-left: 0.5rem;
}
.etw_contact p {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.etw_contact a {
  color: #fff;
}

/*快速导航*/
#etw_producttitle {
  margin: 10px auto 18px auto;
  height: auto;
  color: #666;
  font-size: 12px;
  text-transform: uppercase;
  padding: 7px 0 15px 0;
  overflow: hidden;
}
#etw_producttitle ol {
  width: 94%;
  float: none;
  margin: 0 auto;
  max-width: 1200px;
}
#etw_producttitle a {
  color: #d61519;
  padding-right: 15px;
}
#etw_producttitle li {
  display: inline-block;
}
#etw_producttitle li + li::before {
  padding: 0 5px;
  color: #000;
  content: "\f105";
  font-size: 14px;
  font-weight: bold;
  font-family: fontawesome;
  margin-right: 12px;
}
#etw_producttitle a:hover {
  color: #000;
}

/*其他公用样式*/
.smalltitle,
.smalltitle1 {
  font-size: 1.8rem;
  display: block;
  color: #292929;
  line-height: 2.2rem;
  margin: 15px 0 25px 0;
  text-align: center;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px #272648 solid;
  position: relative;
}
.smalltitle:before,
.smalltitle1:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 6px;
  background: #d61519;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -3px;
}
.smalltitle1 {
  font-size: 1.25rem;
  margin: 10px 0 10px 0;
}
.smalltitle1 a {
  color: #292929;
}
b {
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
}

.protitle,
.protitle2 {
  font-size: 1.25rem;
  display: inline-block;
  width: auto;
  color: #000;
  line-height: 1.6rem;
  margin: 10px 0 5px 0;
  font-weight: 700;
}
.protitle2 {
  font-size: 1.125rem;
}

.protitle1 {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  text-align: left;
  width: 100%;
  padding: 0.6rem 0 0.6rem 3rem;
  background: url(../images/titlebg.png) left bottom #2671dd no-repeat;
  overflow: hidden;
  margin: 1.6rem 0 1rem 0;
}

ul.item {
  width: 97%;
  padding-bottom: 18px;
  float: none;
  margin-bottom: 0;
}
ul.item li {
  list-style: decimal;
  margin: 4px 0 5px 20px;
  line-height: 25px;
  width: 97%;
  float: none;
}
ul.item li.last {
  margin-left: 22px;
}
ul.item li ol {
  display: block;
  width: 100%;
  margin: 4px 0 3px 0;
  padding-left: 0;
  color: #474747;
  line-height: 20px;
}

.proitem {
  float: none;
  width: auto;
  margin-bottom: 1.4rem;
  position: relative;
  z-index: -1;
}
.proitem > li {
  line-height: 1.5rem;
  padding: 5px 0 5px 20px;
  position: relative;
  float: none;
  width: auto;
}
.proitem > li::before {
  position: absolute;
  content: "";
  left: 2px;
  top: 12px;
  width: 6px;
  height: 6px;
  background: #d63a2d;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.etw_products {
  width: 100%;
  height: auto;
  float: left;
}
.etw_products > ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.etw_products > ul > li {
  width: 30.3%;
  float: left;
  margin: 0 4% 1rem 0;
}
.etw_products > ul > li:nth-child(3n) {
  margin-right: 0;
}
.etw_products > ul > li .product_img {
  width: 100%;
  float: left;
  border: 1px #dedede solid;
}
.etw_products > ul > li .product_img img,
.etw_products1 > ul > li > ol > li.product_img {
  width: 100%;
}
.etw_products > ul > li .product_con {
  width: 100%;
  float: right;
  padding: 0 0 0.5rem 0;
}
.etw_products > ul > li .product_con a {
  color: #292929;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  display: block;
  padding: 0.4rem 1rem 1rem 1rem;
}
.etw_products > ul > li .product_con a:hover {
  color: #d6382d;
  text-decoration: underline;
}
.etw_products > ul > li .product_con span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #888;
  padding-right: 3%;
}

.etw_products1 {
  width: 100%;
  height: auto;
  float: left;
}
.etw_products1 ul {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  margin-bottom: 0;
}
.etw_products1 ul > li {
  width: 100%;
  margin: 0.5rem 0 1rem 0;
}
.etw_products1 > ul > li > ol,
.etw_products1 > ul > li > ol > li {
  width: 100%;
}
.etw_products1 > ul > li > ol > li.product_img {
  width: 25%;
  float: left;
  text-align: center;
  border: 1px #dedede solid;
}
.etw_products1 > ul > li > ol > li.product_img img {
  width: 100%;
}
.etw_products1 > ul > li > ol > li.product_con {
  width: 72%;
  float: right;
  font-size: 0.875rem;
  line-height: 1.35rem;
  color: #787878;
}
.etw_products1 > ul > li > ol > li.product_con a {
  display: block;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #101010;
  padding: 0.3rem 0 0.7rem 0;
  font-weight: 700;
}
.etw_products1 > ul > li > ol > li.product_con a:hover {
  color: #000;
  text-decoration: underline;
}
.etw_products1 ul li.product_con .more a {
  display: block;
  color: #fff;
  background: #9bc14f;
  text-align: center;
  font-size: 0.75rem;
  line-height: 30px;
  width: 110px;
  margin-top: 1.25rem;
  padding: 0;
}
.etw_products1 ul li.product_con .more a:hover {
  color: #fff;
  text-decoration: none;
  background: #004d87;
}

.etw_products2 {
  width: 100%;
  height: auto;
  float: left;
}
.etw_products2 ul {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  margin-bottom: 0;
}
.etw_products2 ul > li {
  width: 48.5%;
  margin: 0.5rem 3% 1.5rem 0;
  background: #f4f4f4;
  box-shadow: 1px 1px 2px #999;
}
.etw_products2 ul.one > li {
  width: 100%;
  margin-right: 0;
}
.etw_products2 ul > li:nth-child(2n) {
  margin-right: 0;
}
.etw_products2 > ul > li > ol,
.etw_products2 > ul > li > ol > li {
  width: 100%;
}
.etw_products2 > ul > li > ol > li.product_img {
  width: 35%;
  float: left;
  text-align: center;
  border: 1px #dedede solid;
}
.etw_products2 ul.one > li > ol > li.product_img {
  width: 17%;
}
.etw_products2 > ul > li > ol > li.product_img img {
  width: 100%;
}
.etw_products2 > ul > li > ol > li.product_con {position: relative;
  width: 62%;
  float: right;
  font-size: 0.8375rem;
  line-height: 1.25rem;
  color: #787878;
  padding-right: 0.5rem;
}
.etw_products2 > ul > li > ol > li.products_hot:before{position: absolute;content:'';background: url(../images/hot.png) no-repeat;width: 36px;height: 33px;    right: -20px;
  top: -12px;}
.etw_products2 ul.one > li > ol > li.product_con {
  width: 80%;
}
.etw_products2 > ul > li > ol > li.product_con a {
  display: block;
  text-align: left;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #101010;
  padding: 0.6rem 0 0.3rem 0;
  font-weight: 500;
}

.img_center,
.img_center1 {
  width: 100%;
  clear: both;
  margin: 0.3rem auto 1rem auto;
  text-align: center;
  position: relative;
}
.img_center img {
  width: 100%;
}
.img_center1 img {
  width: 40%;
  margin: 0 auto;
  border: 1px #dedede solid;
}
.img_center a {
  position: absolute;
  content: "";
  right: 0;
  top: 45%;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 0.5rem 1rem;
  display: block;
}
.img_center a:hover {
  background: #1ab5eb;
}
.img_center img {
  border: 1px #dedede solid;
}
.img_left,
.img_right {
  width: 45%;
  float: right;
  margin: 10px 0 14px 3%;
  text-align: center;position: relative;
}
.img_left {
  float: left;
  margin: 6px 3% 15px 0;
  width: 48%;
}
.sswidth {
  width: 20%;
  min-width: 150px;
}
.swidth {
  width: 24.25%;
  min-width: 150px;
}
.smwidth {
  width: 30%;
  box-shadow: none;
}
.mswidth {
  width: 35%;
  margin-top: 1.125rem;
}
.mwidth {
  width: 35%;
}
.img_left img,
.img_right img {
  display: block;
  width: 100%;
  border: 1px #dedede solid;
}

.etw_photo {
  margin: 0 0 0.5rem 0;
  width: 100%;
  height: auto;
}
.etw_photo ul {
  display: flex;
  width: 100%;
  height: auto;
  flex-flow: wrap;
}
.etw_photo ul li {
  display: block;
  margin: 0 2% 15px 0;
  text-align: center;position: relative;
}
.etw_photo ul li img {
  display: block;
  width: 100%;
  border: 1px #dedede solid;
  padding: 4px;
  position: relative;
}
.etw_photo ul.nopic li img {
  border: none;
}
.etw_photo ul li a {
  color: #333;
}
.etw_photo ul li span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.etw_photo ul li p {
  display: block;
  text-align: left;
  line-height: 1.35rem;
}
.etw_pic2 ul,
.etw_pic3 ul,
.etw_pic4 ul,
.etw_pic5 ul,
.etw_pic6 ul {
  margin: 0;
}
.etw_pic2 ul li {
  width: 49%;
}
.etw_pic3 ul li {
  width: 32%;
}
.etw_pic4 ul li {
  width: 23.5%;
}
.etw_pic5 ul li {
  width: 18.4%;
  font-size: 12px;
}
.etw_pic6 ul li {
  width: 15%;
  font-size: 12px;
}
.etw_pic2 ul li:nth-child(2n),
.etw_pic3 ul li:nth-child(3n),
.etw_pic4 ul li:nth-child(4n),
.etw_pic5 ul li:nth-child(5n),
.etw_pic6 ul li:nth-child(6n) {
  margin-right: 0;
}
.etw_pic2 ul li:nth-child(2n + 1),
.etw_pic3 ul li:nth-child(3n + 1),
.etw_pic4 ul li:nth-child(4n + 1),
.etw_pic5 ul li:nth-child(5n + 1),
.etw_pic6 ul li:nth-child(6n + 1) {
  clear: both;
}
figure {
  margin: 0 0 0.3rem 0;
}

.left_pic {
  width: 42%;
  height: auto;
  float: right;
  margin: 0 0 25px 2%;
}
.left_pic1{
  width: 50%;
    float: left;
    margin: 0 4% 1rem 0;
    position: relative;
}
.left_pics {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}
.left_pics img {
  width: 100%;
  text-align: center;
}
.left_pics a {
  cursor: default;
}
.related_pic {
  width: 100%;
  height: auto;
  float: right;
  text-align: center;
}
.related_pic a {
  width: 15%;
  height: auto;
  float: left;
  margin: 10px 2% 0 0;
  display: block;
  text-align: center;
  color: #666;
  font-size: 12px;
}
.related_pic a:nth-child(6n) {
  margin-right: 0;
}
.related_pic a img {
  width: 100%;
}

#etw_set_feedback_form {
  overflow: hidden;
  height: auto;
  width: 100%;
  float: left;
  padding: 0.5rem 0 1.2rem 0;
  margin: 0;
}
#etw_form_title {
  text-align: left;
  color: #333;
  font-size: 1.2rem;
  padding: 0px;
  position: relative;
  font-weight: bold;
}
#floatchatiframe2011 {
  margin: 0 -15px;
}
#etw_form_title span {
  padding-right: 5px;
}
#etw_form {
  overflow: hidden;
  width: auto;
  padding: 0 15px;
  padding-top: 1rem;
  border: 1px #dedede solid;
  background-color: rgba(219, 219, 219, 0.475);
  margin-bottom: 20px;
}
.sendinquiry{ min-width:100px;cursor:pointer;margin: 15px auto 15px;display: block; text-align:center;transition: .3s;}
.sendinquiry span{ background:#2671dd;border-radius: 5px;  font-size:0.875rem; padding:0.3rem 0.6rem;text-align:center; color:#fff;text-transform : uppercase; display:inline-block;-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.sendinquiry span:hover{background:#333;}
.sendinquiry span:hover span{ color:#fff;}



.indent {
  padding-left: 28px;
}
.indent1 {
  padding-left: 44px;
}
.indent2 {
  padding-left: 33px;
}
ul.con {
  padding-top: 4.5rem;
}
ul.con li {
  width: 100%;
  padding: 0 0 0.5rem 0;
  color: #666;
  font-size: 0.9375rem;
}
ul.con li a {
  color: #666;
}
ul.con li a:hover {
  color: #d6382d;
  text-decoration: underline;
}
ul.con li b {
  color: #000;
  font-size: 1.25rem;
}

.relatedpro {
  width: 100%;
  height: auto;
  float: left;
  border: 1px #dedede solid;
  background: #f2f2f2;
  overflow: hidden;
  margin-bottom: 20px;
}
.relatedpro ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.relatedpro ul > li {
  width: 49.9%;
  padding: 0.5rem;
  border-right: 1px #fff solid;
  border-bottom: 1px #fff solid;
}
.relatedpro ul > li:nth-child(2n) {
  border-right: none;
}
.relatedpro ul > li a {
  display: block;
  color: #666;
  line-height: 16px;
  font-size: 0.875rem;
  padding: 0.1rem 0.3rem;
}
.relatedpro ul > li.dq a,
.relatedpro ul li:hover a {
  color: #d7141a;
  text-decoration: underline;
}

.other_pro {
  width: 100%;
  margin: 1.5rem 0 0 0;
  overflow: hidden;
}
.other_pro ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.other_pro ul > li {
  width: 23.5%;
  margin: 0 2% 1rem 0;
  overflow: hidden;
}
.other_pro ul li:nth-child(4n) {
  margin-right: 0;
}
.other_pro ul li ol {
  width: 100%;
}
.other_pro ul li ol li.product_img {
  width: 100%;
}
.other_pro ul li ol li.product_img img {
  width: 100%;
  border: 1px solid #dedede;
}
.other_pro ul li ol:hover li.product_img img {
  border-color: #888;
}
.other_pro ul li ol li.product_con {
  width: 100%;
  margin: 0 auto;
  line-height: 18px;
  text-align: center;
}
.other_pro ul li ol li.product_con a {
  color: #333;
  display: block;
  line-height: 16px;
  padding: 8px 10%;
  font-size: 13px;
}
.other_pro ul li ol:hover li.product_con a {
  color: #05497a;
  text-decoration: underline;
}

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
  clear: both;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 0.5s ease-in-out;
  -moz-transition: height 0.5s ease-in-out;
  -ms-transition: height 0.5s ease-in-out;
  -o-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-buttons div,
.owl-controls .owl-page {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.grabbing {
  cursor: url(../images/grabbing.png) 8 8, move;
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-one {
  float: none;
  margin: 0 auto;
  width: 100%;
  max-width: 1140px;
  position: relative;
}
.owl-theme .owl-controls {
  width: 100%;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons {
  display: block;
  width: 100%;
  height: 100%;
}
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  display: inline-block;
  display: block;
  width: 45px;
  height: 45px;
  color: #fff;
  font-size: 0;
  zoom: 1;
  top: 42%;
  filter: Alpha(Opacity=50);
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: -40px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev:before {
  color: #9a9a9a;
  font-size: 1.8rem;
  font-family: fontawesome;
  content: "\f0a8";
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -40px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next:before {
  color: #9a9a9a;
  font-size: 1.8rem;
  font-family: fontawesome;
  content: "\f0a9";
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
  opacity: 0.6;
  filter: Alpha(Opacity=100);
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  margin: 5px 7px;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  filter: Alpha(Opacity=100);
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
  padding: 2px 10px;
  width: auto;
  height: auto;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
}
.owl-item.loading {
  min-height: 150px;
  background: url(../images/AjaxLoader.gif) no-repeat center center;
}
.owl-pagination {
  display: none;
}
.owl-one .item {
  width: 94%;
  margin: 3px auto 3px;
  float: none;
}
.owl-one .item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all 0.3s;
}
.owl-one .item a:hover .about_title {
  color: #da251c;
}
.owl-one .item img {
  display: block;
  width: 100%;
  height: auto;
  border: 7px #fff solid;
}
.owl-one .item .buttons a {
  padding: 0;
}
.action {
  position: relative;
  overflow: hidden;
  height: auto;
  width: 100%;
}
.picname {
  display: block;
  color: #363636;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  padding-top: 0.3rem;
  text-align: center;
}

/****video****/
.etw_video {
  margin: 0.5rem 0 0.5rem 1rem;
  text-align: center;
  float: left;
  position: relative;
}
.etw_video a {
  display: block;
  font-size: 1rem;
  background: #2671dd;
  color: #fff;
  line-height: 1.5rem;
  position: relative;
  padding: 0.3rem 1.5rem 0.3rem 2.5rem;
}
.etw_video a:before {
  position: absolute;
  content: "\f01d";
  font-size: 1.15rem;
  color: #fff;
  left: 18%;
  top: 0.33rem;
  font-family: fontawesome;
}
.etw_video a:hover {
  background: #c72326;
}

/*底部*/
#footer {
  width: 100%;
  height: auto;
  padding: 0 0 1rem 0;
}
#etw_footin {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  position: relative;
}
#etw_homefooter {
  height: auto;
  padding: 0.8rem 0;
  text-align: center;
  position: relative;
  width: 100%;
  background: #2671dd;
}
#etw_homefooter a {
  padding: 0 0.8rem;
  color: #fff;
  margin: 0px;
  position: relative;
  font-size: .95rem;
  font-weight: 500;
}
#etw_homefooter a:hover {
  color: #d61519;
  text-decoration: none;
}
#etw_coper a {
  display: block;
  color: #000;
  margin-top: 0.6rem;
  font-size: 0.875rem;
}
#otherlink {
  clear: both;
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
#otherlink a {
  color: #000;
  font-size: 0.625rem;
  display: inline-block;
  padding: 0.05rem 0.3rem;
  margin-right: 0.875rem;
  border: 1px #000 solid;
  margin-bottom: 5px;
}
#otherlink a span {
  opacity: 0.5;
  position: relative;
  top: 0;
  font-size: 0.875rem;
}
#otherlink a:hover {
  color: #d61519;
  border: 1px #d61519 solid;
  text-decoration: none;
}
#otherlink a:hover span {
  opacity: 1;
  top: -3px;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 1680px) {
/* 20211210 */
#etw_banner .banner_txt.banner_txt1 h1{margin-bottom: 60px;}
/* 20211210 end */
}
@media (max-width: 1500px) {
  .navbar-light .navbar-nav .nav-link {
    font-size: 1rem;
  }
  .company_txt h2 {
    width: 100%;
  }
  .company_txt h2 {
    font-size: 1.25rem;
  }
  /* 20211210 */
  #etw_banner .banner_txt.banner_txt1{width: 60%;}
  #etw_banner .banner_txt.banner_txt1 h1{margin-bottom: 30px;font-size:2.5rem;}
  #etw_banner .banner_txt.banner_txt1 h1 span{font-size: 1.8rem;}
  
}


@media (max-width: 1268px) {
.navbar-light .navbar-nav .nav-link {
	padding: 0.3rem 1.15rem;}
  .company_name{font-size: 1rem;}
}

@media (max-width: 1199.98px) {
  #etw_logo {
    margin-left: 1rem;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 0.875rem;
    padding-left: 0.6rem;
    padding-right: 1.2rem;
  }
  .company_name {
    width: 30%;
    font-size: 1rem;
  }
  .top_contact ul li {
    padding: 0.8rem 1rem 0.4rem 0;
  }
  #etw_banner .banner_txt h1 {
    font-size: 2rem;
    line-height: 2.5rem;
    width: 100%;
  }
  .company_txt .more a {
    bottom: 0.5rem;
  }
  .about_l .abouttxt {
    padding-top: 5%;
  }
  .about_l .abouttxt p {
    width: 98%;
  }
}

@media (max-width: 991.98px) {
  #header.fixbox .top-nav{position: relative;}
#header.fixbox .navbar-light .navbar-nav .nav-link{padding: 0.8rem 0.6rem;}
  .top-nav {
    background: #f4f4f4;
    text-align: left;
    width: 100%;
    padding: 0;
  }
  .navbar-nav .dropdown-menu {
    border: none;
    border-radius: 0;
    margin-top: -1px;
  }
  .navbar {
    padding: 0.05rem 0rem 0;
  }
  #header {
    position: relative;
  }
  #container {
    margin-top: 0;
  }
  #etw_sidebar {
    display: none;
  }
  #etw_right {
    width: 100%;
    padding-left: 0;
  }
  #etw_bottom .more a {
    display: none;
  }
  .about_l .abouttxt {
    padding-top: 12%;
  }
  .company_name,
  .about_l .abouttxt p {
    display: none;
  }
  #etw_bottom,
  #etw_bottom.etw_bottom {
    background-size: cover;
  }
  #etw_banner,
  .top_contact {
    display: none;
  }
  
  /*language*/
  #header{border-bottom: 1px solid #ccc;}
  #container{margin-top: 10px;
    overflow: hidden;}
  .navbar-light .navbar-nav .nav-link {
    border-right: none;
    border-bottom: 1px #f5bdc7 solid;
    padding: 0.4rem 1.4rem 0.5rem 1rem;
    line-height: 1.5rem;
    margin-left: 0;
    color: #000;
    font-size: 1rem;
  }
  .navbtn {
    margin: 1rem 1rem 0 0;
  }
  .etw_language{position: absolute;right: 50px;top: 8px;}
  #etw_language{height: auto;float: none;padding: 0;}
  #etw_language .dropdown-item{display: block;padding: 5px 0;font-size: 14px;width: 100%;text-align: center;}
  .header_top{padding: 0;margin: 0;}
.etw_language > ul {
	position: relative;
	float: right;
	margin: 0 1rem;
	border-radius: 0 0 8px 8px;
	z-index: 2;
	padding: 0rem 0.8rem;
	background-color: #2671dd;
  }
  .etw_language > ul > li > a {
	display: block;
	color: #fff;
	padding: 0.2rem 1rem;
	font-size: 0.9rem;
  }
  .etw_language ul ul {
	display: none;
	position: absolute;
	top: 100%;
  left: 50%;
  transform: translateX(-50%);
	padding: 0;
	background-color: #fff;
	min-width: 100px;
	border-radius: 4px;
  border: 1px solid #ccc;
  }
  .etw_language ul ul a {
	display: block;
	text-align: left;
	float: left;
	padding: 0.3rem 1rem;
	color: #333;
  }
  .etw_language ul ul li a:hover {
	color: #2671dd;
  }
  .etw_language ul li:hover > ul {
	display: block;
  }
  .etw_language .dropdown-item {
	min-width: 100px;
  }

  .iconfont {
    font-family: "iconfont";
    font-size: 27px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgb(41, 41, 41);
    padding-top: 0.3rem;
  }
  
  .etw_language > ul {
    background: none;
	margin-top: 9px;
  }
  .etw_language ul li {
    position: relative;
  }
  #etw_logo{margin-left: 0px;border-right: 1px solid #fff;}
}

@media (max-width: 767.98px) {
  .company img,
  #etw_banner,
  .etw_homelink > img,
  .etw_sidebar,
  .top_contact,
  .bottom_brief {
    display: none;
  } 
  #etw_homefooter a {
    font-size: 0.875rem;
    padding: 0 0.5rem;
  }
  .etw_hometitle,
  h2 {
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
  .etw_products1 ul > li {
    width: 48%;
    margin-right: 4%;
  }
  .etw_products1 ul > li:nth-child(3n) {
    margin-right: 4%;
  }
  .etw_products1 ul > li:nth-child(2n) {
    margin-right: 0;
  }
  .etw_products1 > ul > li > ol > li.product_img,
  .etw_products1 > ul > li > ol > li.product_con {
    width: 100%;
  }
  .etw_products1 > ul > li > ol > li.product_con a {
    font-size: 0.9375rem;
    font-weight: normal;
  }
  .etw_products1 > ul > li > ol > li.product_con span {
    display: none;
  }

  .etw_products ul > li {
    width: 48%;
    margin-right: 4%;
  }
  .etw_products ul > li:nth-child(3n) {
    margin-right: 4%;
  }
  .etw_products ul > li:nth-child(2n) {
    margin-right: 0;
  }
  .etw_mainproducts ul > li {
    width: 100%;
    margin: 0 0 1.25rem 0;
  }
  .other_pro ul > li,
  .etw_smaple ul > li {
    width: 48%;
    margin-right: 4%;
  }
  .other_pro ul > li:nth-child(4n),
  .etw_smaple ul > li:nth-child(3n) {
    margin-right: 4%;
  }
  .other_pro ul > li:nth-child(2n),
  .etw_smaple ul > li:nth-child(2n) {
    margin-right: 0;
  }
  .etw_contactin,
  .company_txt,
  .bottomlist {
    width: 100%;
  }
  .etw_mainproducts ul > li {
    width: 48.5%;
    margin-right: 3%;
  }
  .etw_mainproducts ul > li:nth-child(3n) {
    margin-right: 3%;
  }
  .etw_mainproducts ul > li:nth-child(2n) {
    margin-right: 0;
  }
  .etw_contactin {
    width: 100% !important;
  }
  .videoshow {
    padding-top: 3rem;
  }
  .videoshow .etw_hometitle::after {
    position: static;
    content: normal;
  }
  .videoshow .etw_hometitle span {
    width: 100%;
    padding: 1.3rem 1rem 1.3rem 0;
  }
  .etw_products2 > ul > li > ol > li.product_img,
  .etw_products2 > ul > li > ol > li.product_con {
    width: 100%;
  }

  .etw_products2 > ul > li > ol > li.product_con span {
    display: none;
  }
  .etw_products2 > ul > li > ol > li.product_con a {
    font-size: 0.875rem;
    padding: 0.5rem 0 1rem 1rem;
  }

  ul.con {
    padding-top: 0rem;
  }
}

@media (max-width: 575.98px) {
  .etw_contactin ul li p {
    text-align: left;
  }
  .etw_contactin ul li {
    border: none;
    padding-left: 0;
  }
  #etw_homefooter a,
  #etw_coper a {
    font-size: 0.6rem;
  }
  .img_left,
  .img_right,
  .left_pic,
  .etw_products > ul.three > li,
  .etw_homelink1 ul,
  .etw_smaple ul > li,
  .etw_homelink ul > li {
    width: 100%;
    margin-right: 0;
  }
  .smwidth,
  .etw_contactin ul li {
    width: 100% !important;
  }
  .etw_pic3 ul li:nth-child(2n),
  .etw_pic4 ul li:nth-child(2n) {
    margin-right: 0;
  }
  .etw_pic3 ul li,
  .etw_pic4 ul li {
    width: 49%;
    margin-right: 2%;
  }
  .etw_productlists,
  .company,
  .etw_contactin {
    width: 100%;
    padding-bottom: 1rem;
    margin: 0;
  }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .relatedpro ul > li {
    width: 100%;
    margin-right: 0;
  }
}

/*sitemap*/
#sitemap {
  width: 100%;
  list-style: none;
}
#sitemap li {
  display: block;
  width: 99%;
  height: auto;
  float: left;
}
#sitemap li a {
  display: block;
  width: 100%;
  padding: 2px 0px;
  color: #333;
}
#sitemap li ol {
  width: 48%;
  float: left;
  height: 23px;
  line-height: 23px;
  font-size: 11px;
  overflow: hidden;
}
#sitemap li ol a {
  color: #333;
  line-height: 23px;
  padding-left: 5px;
}
#sitemap li b a {
  color: #333;
  background: #eee;
  line-height: 23px;
  padding-left: 5px;
  margin-bottom: 1px;
  font-size: 1rem;
}
#sitemap li a:hover {
  text-decoration: underline;
  color: #d61519;
}

#my_video {
  width: 100%;
}
.my_video1 {
  max-height: 324px;
}
.my_video2 {
  max-height: 238px;
}
/* .exhibition */
.exhibition {
  width: 320px;
  height: 270px;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  background: url(../images/exhibition.jpg) no-repeat center;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.575);
}
.exh_box {
  position: relative;
}
.exh_text {
  position: absolute;
top: 54px;
left: 36px;
margin: 0 auto;
width: 260px;
float: left;
}
.exh_text p {
  padding-bottom: 2px;
font-size: 13px;
line-height: 1.1rem;
}
.exh_title1 {
  font-size: 18px;
  float: left;
  margin: -0.6rem 0 6px 0;
  color: #333;
  display: block;
  clear: both;
  font-family: Play;
  font-weight: 600;
}

.exh_close a:hover {
  text-decoration: none;
}
.exh_close a {
  color: red;
  font-weight: 400;
  text-align: left;
  display: block;
  font-size: 22px;
}
.exh_close {
  width: 50px;
height: auto;
position: absolute;
right: -19px;
top: 40px;
}
.btn-more {
  background-image: linear-gradient(to right, #eee, #ccc);
  color: #333;
  padding: 3px 10px;
  font-size: 14px;
  font-style: italic;
  margin-top: 8px;
  font-weight: 600;
}
@media (max-width: 981.98px) {
  .exhibition {
    display: none;
  }
}
.layui-layer-btn .layui-layer-btn0 {
  color: #fff !important;
  margin-bottom: 1rem;
}
.discount {
  color: #f00;
}

span.icon-play {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 7px 0 0 6px;
  display: block;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-size: 28px!important;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #2671dd;
  line-height: 36px!important;
  opacity: 1;
  font-family:fontawesome;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

span.icon-play:hover{
  opacity: 0.9;
}

.videoall{width: 100%;margin: 0 auto 20px;}
.videoall ul{display:flex;flex-flow: wrap;}
.videoall ul li a{display:block;text-align:center; line-height:1.2rem; font-size:1rem;text-decoration: underline; color: #555;-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.videoall ul li span{display:block;margin-bottom:10px; text-align:center; padding-top:5px;}
.videoall ul li a:hover{text-decoration: none;color: #154a92;transform: scale(0.95);}
.videoall ul{width: 100%;display: flex;flex-wrap: wrap;margin: 0 -10px;}
.videoall ul li{width:50%;padding: 0 10px; text-align: center;margin-bottom: 20px;}
.videoall ul li:nth-child(2n){margin-right: 0;}
.videoall ul li span{display: block;padding-top: 0.5rem;}
.plyr__video-wrapper,.plyr__poster,.plyr--video{background-color: #fff !important;}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity: 0 !important;}
.plyr__video-wrapper {background-color: #fff;background: var(--plyr-video-background,var(--plyr-video-background,#fff));}
@media (max-width:991.98px) {
  .videoall ul li{width: 50%;}
}
@media (max-width:767.98px) {
  .videoall ul li{width: 100%;padding: 0;}
  .videoall ul{display: block;margin: 0;}
}


.pro_bg{ background:#f2f2f2; overflow:hidden;}
.pro_bg1{  padding:1rem 0; background:#2671dd;}
.sendin_left{ display:block; float:left;position: relative;background: #2671dd;overflow: hidden;
  border-radius: 2rem;}
.sendin_left span{
  padding: 0.3rem 1.5rem;
    text-transform: none;
    font-family: Play;
    font-size: 1rem;
    position: relative;
    background: 0;
}
.sendin_left:before{position: absolute;content: '';background: #d44848;left: 0;top: 0;width: 0;height: 100%;border-radius: 2rem;opacity: 0; transition: all .5s ease;}
.sendin_left:hover:before{width: 100%;opacity: 1;}
.sendin_left span:hover{background: 0;}
.sendin_left span i{margin: 0 0.3rem 0 0;}
.video_left{ margin-top:15px;}


.item2{float:none;width:100%;display:flex;flex-flow: wrap;}
.item2 li{
  width: 18.4%;
  margin: 0 2% 1rem 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #fff;
  position: relative;
  font-weight: 600;

  text-align: center;
  font-family: Play;
}
.item2 li:last-child::before{display: none;}
.item2 li:before{
  position: absolute;
  content: '';
  background: rgba(255 255 255 / 40%);
  width: 1px;
  height: 80%;
  right: -10%;
  top: 10%;
}
.item2 li:nth-child(5n){margin-right: 0;}
.item2 li:nth-child(5n+1){ clear:both;}
.item2 li span{ 
  display: block;
  color: #fff;
  font-size: 0.95rem;
  margin-top: 6px;
  font-weight: 300;
} 
.item3{position: relative;display: flex;flex-wrap: wrap;}
.item3 li{ 
  float: none;
    padding: 0 0 0.6rem 1.3rem;
    width: 100%;
    position: relative;
    text-align: left;
  
    line-height: 1.4rem;
}
.item3 li strong{    
  color: #2671dd;
  font-size: 1.1rem;
  font-weight: 600;
  display: inline-block;
  font-family: JustFont;
}
.item3 li:before{
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background: #2671dd;
  left: 2px;
  top: 4px;
  border: 1px solid #fff;
  box-shadow: 2px 2px 0 #111;
  transform: rotate(45deg);
}
@media (max-width:991.98px) {
  .item2 li{width:49%;}
  .item2 li:nth-child(3n){margin-right:2%;}
  .item2 li:nth-child(3n+1){ clear:none;}
  .item2 li:nth-child(2n){margin-right: 0;}
  .item2 li:nth-child(2n+1){ clear:both;}
  .item2 li:before{display: none;}
}
@media (max-width:767.98px) {
  .item2 li{width:100%;margin: 0 0 1.5rem 0;}

}

.protitle3{
  color: #000;
    font-size: 2rem;
    line-height: 2.2rem;
    display: block;
    padding: 1.54rem 0 6rem 0;
    font-weight: 700;
    font-family: Play;
    text-align: center;
    position: relative;
}
.protitle3:before{    position: absolute;
  content: '';
  background: #2671dd;
  width: 1px;
  height: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 25px;}
.pro_bg1 .protitle3{ 
  color: #fff;
    
    padding: 1.5rem 0;
   
    
}
.pro_bg1 .protitle3:before{display: none;}

.config_in{ width:100%;}
.config_in>ul{    width: 100%;
  display: flex;
  margin: 0 0 3rem 0;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;}
.config_in ul li.li_img{width: 62%;
  float: right;
  box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 50%)}
.config_in ul li.li_img img{ width:100%;mix-blend-mode: multiply;}
.config_in ul li.li_info{
  width: 32%;
  margin: 0 0 0 -6%;
  padding: 3rem 3rem 2rem;
  background: #fff;
  box-shadow: 0px 5px 50px 0px rgb(33 33 33 / 15%);
  z-index: 1;
  min-height: 450px;font-family: Play;
  transition: all .5s ease;
}
.config_in ul li.li_info:hover{box-shadow: 0px 5px 50px 0px rgb(33 33 33 / 35%);}
.config_in ul li.li_info1{padding: 3rem 2rem 1rem;}
.config_in ul>li:nth-child(2n){ margin-right:0;}
.config_in ul>li:nth-child(2n+1){ clear:both;}
.config_in ul:nth-child(2n){flex-direction: row-reverse;}
.config_in ul:nth-child(2n) li.li_info{margin: 0 -6% 0 0;}
.li_title{ 
  font-size: 1.2rem;
    font-weight: 700;
    display: block;
    padding-bottom: 0.6rem;
    font-family: Play;
}
.li_bigtitle{
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 600;
  font-family: Play;
  position: relative;
  padding: 2rem 0;
  color: #111;
}
.li_bigtitle:before{
  position: absolute;
    content: '';
    background: #2671dd;
    width: 120%;
    height: 1px;
    left: 4%;
    bottom: 16px;
    transition: all .5s ease;
}
.config_in ul:nth-child(2n) .li_bigtitle:before{left: auto;right: 10%;}
.config_in ul li.li_info:hover .li_bigtitle:before{width: 135%;}

@media (max-width:991.98px) {
  .config_in ul li.li_img{width:100%; }
 .config_in ul li.li_info{width:100%;padding:10px 15px;margin: 0;min-height: auto;}
 .config_in ul:nth-child(2n) li.li_info{margin: 0;}
 .config_in ul .li_bigtitle:before,.config_in ul:nth-child(2n) .li_bigtitle:before{display: none;}
}

.config_li{float:none;width:100%;display:flex;flex-flow: wrap; margin-top:2rem;}
.config_li ul{width:100%;display:flex;flex-flow: wrap;}
.config_li ul>li{
  width: 23.5%;
    margin: 0 2% 1.5rem 0;
    text-align: left;
    background: #fff;
    padding: 2rem;
    border-radius: 2rem;
    box-shadow: 4px 4px 0 #333;
}
.config_li ul>li:nth-child(4n){margin-right: 0;}
.config_li ul>li:nth-child(4n+1){ clear:both;}
.config_li ul>li li.con_title{
  display: block;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #333;
  position: relative;
  font-weight: 700;
  font-family: Play;
  margin: 0 0 0.5rem;
}

@media (max-width:767.98px) {
  .config_li ul>li{width:100%; margin: 0 0 1.5rem 0;}

}

.otherpro ul >li{width: 48%;margin-right: 4%;}
.otherpro ul > li:nth-child(4n){margin-right: 0;}
.otherpro ul > li:nth-child(2n){ margin-right: 0;}

.bannerin{
  width: 100%;
  position: relative;
  overflow: hidden;
  background: url(../images/banner3.jpg) no-repeat;
  background-size: cover;
  min-height: 400px;
  background-position: 0 0%;
}





.banner_box{
  position: absolute;
  max-width: 1200px;
  margin: 0 auto;
  width: 94%;
  z-index: 4;
  left: -18%;
  right: 0;
  top: 10%;
}

.banner_box h2,.banner_box h4,.banner_box .etw_hometitle,.banner_box #quicknav,.banner_box #quicknav a{color:#fff;background:0;}

.banner_box h2,.banner_box .etw_hometitle{
  font-size: 3rem;
  padding: 1.5rem 0 0.5rem;
  font-weight: 500;
  position: relative;
  line-height: 3.4rem;
  border-bottom: none;
  margin: 0;
  text-shadow: 2px 2px 0 #111;
  font-family: Play;
  font-weight: 600;
}
.banner_box p{ 
  color: #fff;
  font-size: 1.2rem;
  width: 50%;
  line-height: 1.8rem;
  font-weight: 300;
}
@media (max-width:1599.98px) {.banner_box{left: 10%;}
}
@media (max-width:991.98px) {.banner_box{left: 10%;}
.banner_box p{display: none;}
}
@media (max-width:768.98px) {.bannerin{background: #f2f2f2;    min-height: auto;}
.banner_box{position: relative;bottom: auto;left: auto;}
.banner_box h2{color: #111;
  text-shadow: none;
  font-size: 2.4rem;
  line-height: 2.6rem;padding: 1rem 0;}
.etw_producttitle1{display: none;}
}
.inquiry_box{background: rgba(219, 219, 219, 0.475);
  box-shadow: 3px 3px 8px #ccc;
  margin: 2rem 0;
  border-radius: 1rem;
  overflow: hidden;
  padding: 0 1rem;}

.inquiry_box #etw_form{
  padding: 1rem 3rem 0;
  background: 0;
  border: none;
  margin: 0;
}
.inquiry_box .protitle{font-size: 1.4rem;line-height: 1.4rem;margin: 1.5rem 0 0;font-family: Play;}
.inquiry_box p{font-size: 1.1rem;
  line-height: 2rem;
  padding: 2rem 5rem;
  font-family: Play;
  border-left: 1px solid #ccc;}
  @media (max-width:991.98px) {.inquiry_box p{display: none;}
  .inquiry_box #etw_form{padding: 1rem 0;}
  }


.video_show{display: flex;flex-wrap: wrap;align-items: start;justify-content: start;}
.video_show1{position: relative;display: inline-block;}
.video_btn1 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  background: rgba(239 65 35 / 50%);
  border: 4px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5rem;
  padding-left: 0.4rem;
  cursor: pointer;
  transition: all .5s;
  z-index: 3;
}
.left_pic1 .video_btn1{left: 4%;
  bottom: 13%;top: auto;transform: none;}

.video_btn1 i{font-size: 2.5rem;}

@media (max-width:991.98px) {
.left_pic1{width: 100%;margin: 0 0 1rem 0;}
.left_pic1 .related_pic a{width: 32%;}
.left_pic1 .related_pic a:nth-child(3n){margin-right: 0 ;}
.left_pic1 .related_pic a:nth-child(3n+1){clear: both;}
.left_pic1 .video_btn1{    left: 12%;
  bottom: 34%;}
}

/* 2022/12/11 */
/*news*/
.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:auto;}
.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}
.newstime{color:#fff;padding:0 5px;background:#f20000;margin-bottom:10px;display:inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#979797}
.etw_page{margin:0 auto;width:380px;overflow:hidden;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;margin-bottom:10px;}
.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}

.protitle01{   
    font-size: 1.5rem;
    color: #c72326;
    position: relative;
    padding: 1rem 0 0.5rem 0;
    line-height: 1.8rem;
    font-weight: 700;
    overflow: hidden;
    }
/*video_hub*/
.etwvideo_hub{position: relative;}
.etwvideo_hub ul{display: flex;flex-wrap: wrap;position: relative;}
.etwvideo_hub ul>li{width:32%;margin: 0 2% 1rem 0; position: relative;background: #fff;padding: 0.5rem;border: 1px solid #e8e8e8;    transition: .3s all ease-in-out;}
.etwvideo_hub ul>li:nth-child(3n){margin-right: 0;}
.etwvideo_hub ul>li:nth-child(3n+1){clear: both;}

.etwvideo_hub ul>li:hover{box-shadow: 1px 3px 10px rgba(0 0 0 / 15%);}


.etwvideo_hub ul li ol{position: relative;display: flex;flex-wrap: wrap;align-items: center;}
.etwvideo_hub ul li ol li.product_img{width: 45%;position: relative;}
.etwvideo_hub ul li ol li.product_img a{width: 100%;display: flex;flex-wrap: wrap;position: relative;justify-content: center;align-items: center;}
.etwvideo_hub ul li ol li.product_con{width: 55%;position: relative;padding: 0 1rem;}
.etwvideo_hub ul li ol li.product_con a{
    display: block;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #074188;
    padding: 0.5rem 0;
}
.etwvideo_hub ul li ol li.product_con a:hover{color: #c72326;}
.video_btn5 {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    background: rgba(199 35 38/ 50%);
    border: 4px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    padding-left: 0.7rem;
    cursor: pointer;
    transition: all .5s;
    z-index: 3;
}
.video_btn5 a{color: #fff;}
.etwvideo_hub .video_btn5{width: 40px;height: 40px;    border: 3px solid #fff}
.etwvideo_hub .video_btn5 i{font-size: 36px;
    margin: 0 0.35rem 0 0;}
.etwvideo_hub1 ul>li{width: 49%;}
.etwvideo_hub1 ul>li:nth-child(3n){margin-right: 2%;}
.etwvideo_hub1 ul>li:nth-child(3n+1){clear: none;}
.etwvideo_hub1 ul>li:nth-child(2n){margin-right: 0;}
.etwvideo_hub1 ul>li:nth-child(2n+1){clear: both;}

#etw_sidebar .webtitle{
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding: 0.3rem 0.3rem 0.3rem 0;
    color: #c72326;
    font-weight: 600;
    border-radius: 2rem;
    position: relative;
    transition: .3s all ease-in-out;
    width: 100%;
    margin: 0;
    font-family: 'Poppins';
}

#etw_videolist{position:relative;width: 100%;background: #ddd;padding: 0.4rem 0.4rem 1rem 0.4rem;}
#etw_videolist>ul{position:relative;}
#etw_videolist>ul>li{
    width: 100%;
    position: relative;
  display: block;margin-bottom: 8px;
}
#etw_videolist>ul>li>a{
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0.3rem 0;
    transition: .3s all ease-in-out;
    border-radius: 0.5rem;
}
#etw_videolist>ul>li a:hover{box-shadow: 1px 3px 6px rgba(0 0 0 / 30%);}
#etw_videolist>ul>li img{
    width: 38%;
    float: left;
    overflow: hidden;
    border-radius: 0.3rem;
}
#etw_videolist>ul>li span{ 
    width: 62%;
    float: right;
    padding: 0.3rem 0.8rem 0.3rem 0.8rem;
    color: #111;
    font-size: 0.9rem;
    line-height: 1.1rem;
    font-weight: 400;
    position: relative;
    display: block;
    transition: .3s all ease-in-out;
   }


#etw_videolist>ul>li>a.dq span,#etw_videolist>ul>li>a:hover span{color: #074188;
    }
#etw_videolist>ul>li>a:hover:before,#etw_videolist>ul>li>a.dq:before{color: #074188;}

.sendinquiry01{display:inline-flex;flex-wrap:wrap;justify-content:start;cursor:pointer;text-align:center;position:relative;z-index:1;float: left;margin-bottom: 2rem;}
.sendinquiry01 span,.sendinquiry01 a{ 
    color: #fff;
    padding: 0.6rem 2rem;
    font-size: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    display: inline-block;
    margin: 1rem 0;
    min-width: 100px;
    position: relative;
    overflow: hidden;
    background: #074188;
    font-weight: 200;
    z-index: 1;
    transition: .5s all ease-in-out;
    font-family: 'Montserrat';
    text-transform: uppercase;
    border-bottom: 2px solid #fff;
    box-shadow: 0 2px 0 rgb(0 0 0 / 20%);
    border-radius: 3px;
}
.sendinquiry01 i{padding-right:.3rem;font-size:1rem}
.sendinquiry01 a:hover,.sendinquiry01 span:hover{background: #061d75;border-bottom: 2px solid #061d75;}
.videoall video{max-height: 240px;}
#my_video{max-height: 500px;}
@media (max-width:991.98px){
  .etw_sidebar1{display: block!important;width: 100%;}
  #etw_right,#etw_sidebar,#etw_sidebar1,#etw_right1{width:100%}
#etw_productlist,#etw_sidebar .webtitle,#left_contact,#etw_aboutlist,#etw_sidebar1{display:none}
}



@media (max-width:991.98px) {
  .etwvideo_hub ul>li{width: 49%}
  .etwvideo_hub ul>li:nth-child(3n){margin-right: 2%;}
  .etwvideo_hub ul>li:nth-child(2n){margin-right: 0;}
  }

@media (max-width:557.98px) {
  .etwvideo_hub ul>li{width: 100%;margin-right: 0!important;}
  } 
  .etw_products02 ul > li{width: 100%;margin-right: 0;}
  .etw_products2 > ul > li > ol > li.product_con{padding-top: 1.5rem;}
  @media (max-width:767.98px) {
    .etw_products2 > ul > li > ol > li.product_con{padding-top: 0.5rem;text-align: center;}
    .etw_products2 > ul > li > ol > li.product_con a{text-align: center;}

  }

/* 2023-1-8 */
.protitle4{width: 100%;text-align: center;position: relative;padding: 0.5rem;}
.protitle4:before{position: absolute;content: "";width: 100%;height: 1px;background: #fff;left: 0;top:20px;z-index: 1;} 
.protitle4 span{display: inline-block;background: #2671dd;padding: 0 1.5rem;color: #fff;font-size: 2rem;font-weight: 700;font-family: Play;z-index: 2;position: relative;}
.protitle5{width: 100%;text-align: center;position: relative;padding: 0.5rem;}
.protitle5:before{position: absolute;content: "";width: 100%;height: 1px;background: #333;left: 0;top:20px;z-index: 1;} 
.protitle5 span{display: inline-block;background: #f2f2f2;padding: 0 1.5rem;color: #000;font-size: 2rem;font-weight: 700;font-family: Play;z-index: 2;position: relative;}
h4{font-size: 1.1rem;
  color: #777;
  padding: 0;
  margin: -0.6rem 0 1.3rem 0;font-style: italic;}
.pro_bg01{background: #fff;}
.etw_why{width: 100%;float: left;margin: 0 auto;margin-top: 1rem;}
.etw_why ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_why ul>li{width: 100%;float: left;margin-bottom: 1rem;}
.etw_why ul>li>ol{width: 100%;}
.etw_why ul>li>ol>li.product_img{width: 27%;float: left;}
.etw_why ul>li>ol>li.product_con{width: 70%;float: right;margin-top: 1%;}
.etw_why01 ul>li>ol>li.product_img{width: 27%;float: right;}
.etw_why01 ul>li>ol>li.product_con{width: 70%;float: left;}
.etw_why ul>li>ol>li.product_con>a{display: block;font-size: 1.25rem;font-weight: 700;font-family: Play;line-height: 1.5rem;color: #333;text-align: left;padding-bottom: 0.5rem;text-transform: uppercase;}
.etw_why ul>li>ol>li.product_con>a:hover{text-decoration: underline;color: #c72326;}
.etw_why ul>li>ol>li.product_con span{display: block;padding-bottom: 1rem;}
.etw_more{width: 100%;float: right;padding-right: 10%;margin: 0 auto;text-align: right;}
.etw_more a{display: inline-block;padding: 0.4rem 1.5rem;color: #fff;font-size: 1rem;text-align: center;background: #c72326;}
.etw_more a:hover{background: #333;}
.etw_project{width: 100%;float: left;margin-top: 1rem;}
.etw_project ul{width: 100%;display: flex;flex-wrap: wrap;}
.etw_project ul>li{width: 23.5%;margin-right: 2%;float: left;margin-bottom: 1rem;box-shadow: 0 2px 8px #ccc;padding: 0.8rem;}
.etw_project ul>li:nth-child(4n){margin-right: 0;}
.etw_project01 ul>li:nth-child(1){margin-left: 18%;}
.etw_project01 ul>li{width: 32%}
.etw_project01 ul>li:nth-child(3n){margin-right: 0;}
.etw_project ul>li>ol{width: 100%;}
.etw_project ul>li>ol>li.prodict_img{width: 100%;text-align: center;}
.etw_project ul>li>ol>li.product_con{width: 100%;}
.etw_project ul>li>ol>li.product_con>a{display: block;font-size: 1.3rem;font-weight: 700;font-family: Play;line-height: 1.7rem;color: #333;text-align: left;padding-bottom: 0.5rem;}
.etw_project ul>li>ol>li.product_con>a:hover{text-decoration: underline;color: #c72326;}
.etw_more1{width: 100%;float: left;margin: 0 auto;margin-top: 1rem;}
.etw_more1 a{display: inline-block;position: relative;color: #c72326;font-size: 1rem;line-height: 1.25rem;padding-right: 20px;text-align: left;}
.etw_more1 a:after{position: absolute;content: "\f178";font-family: fontawesome;right: 0;top: 0;}
.etw_more1 a:hover{color: #333;}
.left_pic01 .related_pic a{width: 13%;margin-right: 1.5%;}
.left_pic01 .related_pic a:nth-child(6){margin-right: 1.5%;}
.left_pic01 .related_pic a:nth-child(7){margin-right: 0;}
  @media (max-width:767.98px) {
    .etw_project01 ul>li:nth-child(1){margin-left: 0;}
    .etw_project ul>li{width: 49%;}
    .etw_project01 ul>li:nth-child(3n){margin-right: 2%;}
    .etw_project ul>li:nth-child(2n){margin-right: 0;}
    .etw_why ul>li>ol>li.product_con{padding-top: 0!important;}
  }
@media (max-width:557.98px) {
  .etw_why ul>li>ol>li.product_img,.etw_why ul>li>ol>li.product_con{width: 100%!important;padding-top: 8px!important}
  .etw_why ul>li>ol>li.product_con{margin-top: 0.6rem;}
  .etw_project ul>li{width: 100%;margin-right: 0;}
  }