@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: "Lato";
  font-style: normal;
  font-weight: 700;
  src: local("Lato Bold"), local("Lato-Bold"),
    url(../font/Lato-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: "Lato";
  font-style: normal;
  font-weight: 200;
  src: local("Lato Thin"), local("Lato-Thin"),
    url(../font/Lato-Thin.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;
  font-size: 0.875rem;
  color: #474747;
}
p {
  margin: 0;
  padding: 0 0 1.325rem;
}
a.links {
  color: #181818;
}
a.links:hover {
  text-decoration: underline;
}
a.links1 {
  padding-left: 8.25rem;
}

body {
  font-weight: 400;
  font-family: Arial, sans-serif;
  font-size: 0.875rem;
  color: #181818;
  line-height: 1.5rem;
}
hr {
  border-top: 1px #003477 solid;
  position: relative;
  margin: 0 0 0.75rem 0;
}
hr:before {
  position: absolute;
  content: "";
  left: 0;
  top: -3px;
  width: 32px;
  height: 6px;
  background: url(../images/pro_bg.jpg) repeat-y;
}
.table {
  margin: 8px 0 0;
  width: 100%;
  margin-bottom: 1.5rem;
  border-top: 1px #ea3232 solid;
}
.table-responsive {
  margin-bottom: 0;
}
table,
td {
  border: 1px solid #ddd;
}
.table > tbody > tr:nth-child(1) td {
  border-top: 2px #000 solid !important;
}
.table > tbody > tr {
  background-color: #fff;
}
.table > tbody > tr.top {
  background: #f5f5f5 !important;
}
.table > tbody > tr.top td {
  color: #000 !important;
  font-weight: bold;
  border-bottom: 1px #666 solid !important;
}
.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 > tbody > tr > td {
  vertical-align: middle;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 22px;
  color: #333;
}
.table > tbody > tr td:nth-child(1) {
  background: #f5f5f5;
}
h2 {
  padding: 0;
  font-size: 1.75rem;
  line-height: 2.4rem;
  color: #181818;
  margin: 1.5rem 0 1.875rem 0;
  font-weight: 700;
  font-family: "Lato";
}
.etw_hometitle {
  padding: 0;
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #181818;
  margin: 1.5rem 0 1.875rem 0;
  font-weight: 700;
  font-family: Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
.etw_hometitle:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 4px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -8px;
  background: #f00;
}
h3 {
  font-size: 1rem;
  color: #999;
  padding: 0;
  margin: -1rem 0 1rem 0;
}
.etw_hometitle1 {
  display: inline-block;
  width: auto;
  text-align: center;
  position: relative;
  margin: 0 auto 1.5rem auto;
  padding-bottom: 0.5rem;
}
.etw_hometitle1:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #ccc;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.etw_hometitle1:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 6px;
  background: #d3040e;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -2px;
}
.textcenter {
  text-align: center;
  width: 85%;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.75rem;
  padding-top: 1rem;
}

inquiry,
u.inquiry {
  text-decoration: none;
  color: #666;
}
u.inquiry:after {
  content: "INQUIRY";
  display: inline-block;
  background: #666;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 4px 10px;
  font-size: 12px;
  float: left;
  width: 75px;
}
u.inquiry:hover:after {
  background: #ba0411;
  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;
}

.banner-videro {
  width: 58px;
  height: 58px;
  display: block;
  margin: 0 auto;
  margin-bottom: 1rem;
  cursor: pointer;
}
.banner-videro i {
  padding: 6px 0 0 3px;
  display: block;
  text-align: center;
  margin: 98px 240px 98px 270px;
  color: #fff;
  font-size: 2rem;
  border: 5px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  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: none;
  font-family: fontawesome;
  padding-top: 0.5rem;
  padding-left: 0.3rem;
}
.banner-videro:hover i {
  color: #ffce12;
  border-color: #ffce12;
}

/*头部*/
#header {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  margin: 0 auto;
  background: #060508;
}
#headerin {
  width: 100%;
  margin: 0px auto;
  max-width: 1600px;
}
.header_top {
  width: 100%;
  height: auto;
  border-bottom: 1px #dedede solid;
}
#etw_logo {
  width: 119px;
  height: 85px;
  float: left;
  margin: 5px 0;
}
.navbtn {
  margin-top: 1rem;
}
/* .etw_language */
.iconfont {
  font-family: "iconfont" !important;
  font-size: 2rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #666;
}
.etw_language {
  float: right;
  display: flex;
  flex-wrap: wrap;
  margin-left: 1rem;
  justify-content: flex-end;
  line-height: 28px;
  height: 28px;
  font-size: 14px;
  z-index: 1;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.2rem;
  width: 55%;
}
#etw_language {
  float: right;
  width: auto;
  text-align: right;
  height: 28px;
}
#etw_language .dropdown-item {
  display: inline-block;
  width: auto;
  font-size: 12px;
  line-height: 12px;
  padding: 0 0.5rem 0 0.5rem;
  color: #fff;
  min-width: auto !important;
  background: none;
  font-family: Arial, Helvetica, sans-serif;
}
#etw_language .dropdown-item img {
  margin-right: 5px;
}
#etw_language .dropdown-item:hover {
  color: #ba0411;
  text-decoration: underline;
  background: none;
}
#etw_language .dropdown-item:focus,
#etw_language .dropdown-item:hover {
  background: none !important;
}
.company_name {
  width: auto;
  float: left;
  margin: 1.5rem 0 0 1rem;
  border-left: 1px #666 solid;
  padding-left: 1rem;
}
.company_name h1 {
  display: inline-block;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-style: italic;
  padding-top: 0.5rem 0 0.325rem 0;
}

.top-nav {
  width: auto;
  float: right;
  margin-top: 0.625rem;
}
.navbar {
  padding: 0;
}
.navbar-collapse {
  justify-content: flex-start;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff;
  font-size: 0.9rem;
  display: inline-block;
  line-height: 1.25rem;
  margin: 0;
  padding: 0 0 0 2rem;
  font-weight: 400;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
  color: #ea3232;
  background: none;
}
.navbar-light .navbar-nav .dropdown-item {
  font-size: 0.9375rem;
  line-height: 1.125rem;
}
.navbar-light .navbar-nav .dropdown-menu {
  margin: 0 !important;
  top: 110%;
  left: 46px;
  background: rgba(0, 0, 0, 0.8);
  border: none;
  border-radius: 0;
  line-height: 1.25rem;
  padding: 0 0 0.5rem 0;
}
.navbar-light .navbar-nav .dropdown-menus .dropdown-item {
  font-weight: 200;
}
.navbar-light .navbar-nav .dropdown-menu li a {
  display: block;
  padding: 0.5rem 0.75rem 5px 0.75rem;
  font-size: 0.875rem;
  color: #fff;
  line-height: 1rem;
}
.navbar-light .navbar-nav .dropdown-menu li ol li a {
  padding-left: 1.25rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding: 0.25rem 0.75rem;
}
.navbar-light .navbar-nav .dropdown-menu li a.active,
.navbar-light .navbar-nav .dropdown-menu li a:hover,
.dropdown-menu li a.active {
  color: #ea3232;
  background: none !important;
  text-decoration: underline;
}
.dropdown-item {
  white-space: normal;
  min-width: 14rem;
}
.dropdown-item.active,
.dropdown-item:active {
  background: none;
}

/*首页附加样式*/
#etw_banner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
#etw_banner img {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#etw_banner .banner_txt {
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 13%;
  max-width: 1600px;
  text-align: center;
}
#etw_banner .banner_txt h1 {
  width: 70%;
  font-size: 2.8rem;
  color: #fff;
  line-height: 3.75rem;
  margin: 0 auto;
  font-weight: 700;
  font-family: "Lato";
}
#etw_banner .banner_txt p {
  display: block;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 200;
  padding-top: 1.75rem;
  font-family: "Lato";
}

#etw_banner .banner_txt1 {
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 19.5%;
  max-width: 1400px;
}
#etw_banner .banner_txt1 p {
  color: #000;
  width: 50%;
  line-height: 2rem;
  float: left;
  text-align: left;
  padding-left: 11%;
}

#etw_homelink .etw_hometitle,
#etw_homelink1 .etw_hometitle,
#etw_homelink2 .etw_hometitle {
  display: block;
  color: #fff;
  font-weight: 200;
  font-family: "Lato";
  font-size: 1.5rem;
  line-height: 36px;
  padding: 2.5rem 0;
  margin: 0;
  position: relative;
  background: #181818;
  text-align: center;
  margin-bottom: 3rem;
}
#etw_homelink1 .etw_hometitle,
#etw_homelink2 .etw_hometitle {
  color: #e3e3e3;
  font-size: 1.875rem;
  font-weight: 700;
  text-transform: uppercase;
  font-family: Arial, sans-serif;
}
#etw_homelink .etw_hometitle:before,
#etw_homelink1 .etw_hometitle:before,
#etw_homelink2 .etw_hometitle:before {
  position: absolute;
  content: "";
  width: 55px;
  height: 31px;
  left: 0;
  right: 0;
  bottom: -15px;
  margin: 0 auto;
  background: url(../images/icon.png) no-repeat;
}
#etw_homelink {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  background: #303030;
  padding-bottom: 2rem;
}
#etw_homelink ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
#etw_homelink ul > li {
  width: 18.2%;
  margin: 0 2% 1.25rem 0;
}
#etw_homelink ul > li:nth-child(5n) {
  margin-right: 0;
}
#etw_homelink ul > li img {
  width: 100%;
}

#etw_homelink1 {
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  background: url(../images/home_bg.jpg) bottom center no-repeat;
}
#etw_homelink1 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-top: 3.5rem;
}
#etw_homelink1 ul > li {
  width: 30%;
  margin: 0 5% 0 0;
  background: rgba(255, 255, 255, 0.6);
  padding: 5rem 1.875rem 5rem;
  border-top: 18px #e73334 solid;
  text-align: center;
  position: relative;
}
#etw_homelink1 ul > li:nth-child(3n) {
  margin-right: 0;
}
#etw_homelink1 ul > li:nth-child(1):before {
  position: absolute;
  content: "";
  width: 156px;
  height: 156px;
  background: url(../images/icon01.png) center no-repeat;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -80px;
}
#etw_homelink1 ul > li:nth-child(2):before {
  position: absolute;
  content: "";
  width: 156px;
  height: 156px;
  background: url(../images/icon02.png) center no-repeat;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -80px;
}
#etw_homelink1 ul > li:nth-child(3):before {
  position: absolute;
  content: "";
  width: 156px;
  height: 156px;
  background: url(../images/icon03.png) center no-repeat;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -80px;
}
#etw_homelink1 ul > li .service_text {
  width: 100%;
  height: 100%;
}
#etw_homelink1 ul > li .service_text a {
  display: block;
  color: #383838;
  font-size: 1.125rem;
  font-family: Arial, sans-serif;
  font-weight: 700;
  padding-bottom: 0.5rem;
  width: auto;
}
#etw_homelink1 ul > li .service_text span {
  display: block;
  color: #181818;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
#etw_homelink1 ul > li:hover {
  border-top: 18px #000 solid;
}
#etw_homelink1 ul > li .service_text a:hover,
#etw_homelink1 ul > li .service_text .more a:hover {
  color: #e73334;
  text-decoration: underline;
}
#etw_homelink1 ul > li .service_text .more a {
  display: inline-block;
  width: auto;
  color: #383838;
  padding: 0 1rem;
  font-size: 0.9375rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.75rem;
  text-transform: uppercase;
}

#etw_homelink2 {
  width: 100%;
  margin: 0 auto;
  background: #303030;
  padding-bottom: 4.5rem;
}
#etw_homelink2 ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#etw_homelink2 ul > li {
  width: 19.2%;
  margin: 0 1% 0 0;
}
#etw_homelink2 ul > li:nth-child(5n) {
  margin-right: 0;
}
#etw_homelink2 ul > li img {
  width: 100%;
  border: 1px #000 solid;
}
#etw_homelink2 ul > li span {
  display: block;
  width: 88%;
  background: #181818;
  border-bottom: 4px #000 solid;
  border-radius: 5px;
  padding: 0.875rem 2rem;
  margin: 1.25rem auto 0 auto;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.325rem;
  text-align: center;
}
#etw_homelink2 ul > li span:hover {
  background: #e73334;
  border-bottom: 4px #880202 solid;
}

.etw_mainproducts .etw_hometitle {
  display: block;
  color: #e3e3e3;
  text-align: center;
  font-size: 1.875rem;
  text-transform: uppercase;
  margin-bottom: 3.875rem;
  font-weight: 700;
  font-family: Arial, sans-serif;
}
.etw_mainproducts .etw_hometitle:before {
  background: none;
  position: static;
}
.etw_mainproducts {
  width: 100%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  background: #303030;
  padding: 0.5rem 0 3rem;
}
.etw_mainproducts1 {
  background: #fff;
  padding-bottom: 0;
}
.etw_mainproducts ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.etw_mainproducts ul > li {
  margin-bottom: 3rem;
}
.etw_mainproducts ul > li,
.etw_mainproducts ul > li > ol {
  width: 100%;
}
.etw_mainproducts ul > li > ol > li.product_img {
  width: 55%;
  float: left;
  text-align: left;
}
.etw_mainproducts ul > li > ol > li.product_img img {
  width: auto;
}
.etw_mainproducts ul > li > ol > li.product_con {
  width: 45%;
  float: right;
}
.etw_mainproducts ul > li:nth-child(2) > ol > li.product_img {
  float: right;
}
.etw_mainproducts ul > li:nth-child(2) > ol > li.product_con {
  float: left;
}
.etw_mainproducts ul > li:nth-child(2) > ol > li.product_img {
  float: right;
  text-align: right;
}
.etw_mainproducts ul > li > ol > li.product_con {
  padding: 4.75rem 2rem 0 0;
}
.etw_mainproducts ul > li > ol > li.product_con a {
  display: block;
  color: #fff;
  font-weight: 700;
  padding: 0 0 1.5rem 0;
  font-size: 1.25rem;
}
.etw_mainproducts ul > li > ol > li.product_con span {
  display: block;
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;
}
.etw_mainproducts ul > li > ol > li.product_con .more a {
  display: inline-block;
  color: #fff;
  background: #181818;
  border-bottom: 4px #000 solid;
  text-align: center;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.25rem;
  margin-top: 1.875rem;
  padding: 0.875rem 2.5rem;
  border-radius: 5px;
}
.etw_mainproducts ul > li > ol > li.product_con .more a:hover {
  background: #e73334;
  border-bottom: 4px #880202 solid;
  color: #fff;
}
.etw_mainproducts ul > li > ol > li.product_con a:hover {
  color: #e73334;
  text-decoration: underline;
}

.etw_mainproducts1 ul > li > ol > li.product_con a {
  color: #181818;
}
.etw_mainproducts1 ul > li > ol > li.product_con span {
  color: #333;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.etw_mainproducts1 ul > li > ol > li.product_img {
  width: 45%;
}
.etw_mainproducts1 ul > li > ol > li.product_con {
  width: 52%;
}

#etw_bottom {
  width: 100%;
  padding-bottom: 1.5rem;
  text-align: left;
  color: #999;
  font-size: 0.875rem;
}
#etw_bottom .etw_hometitle {
  padding-bottom: 1.325rem;
  text-align: left;
  margin: 0;
}
#etw_bottom .etw_hometitle a,
#etw_bottom .etw_hometitle span {
  color: #fff;
  font-size: 1.125rem;
  display: block;
  text-transform: uppercase;
}
#etw_bottom .etw_hometitle a:hover {
  color: #e73334;
  text-decoration: none;
}
#etw_bottom .etw_hometitle:before {
  background: none;
  position: static;
}

#etw_bottom a {
  color: #999;
}
#etw_bottom a:hover {
  color: #e73334;
  text-decoration: underline;
}
#etw_bottom ul {
  width: 100%;
  margin-right: 2%;
  float: left;
  display: flex;
  flex-flow: wrap;
}
#etw_bottom ul li {
  width: 100%;
  float: left;
}
#etw_bottom ul > li > a {
  display: block;
  padding-bottom: 0.6rem;
  line-height: 1.25rem;
  color: #999;
  font-size: 0.9rem;
  position: relative;
  font-weight: 400;
  position: relative;
}

.cot_add,
.cot_tel,
.cot_email,
.cot_people,
.cot_mobile,
.cot_fax,
.cot_whatsapp {
  position: relative;
  padding-left: 25px;
  display: block;
  margin-bottom: 3px;
  padding-top: 0.2rem;
}
.cot_add:before {
  content: "\f041";
  position: absolute;
  left: 0px;
  top: 5px;
  color: #666;
  font-family: fontawesome;
  font-size: 20px;
}
.cot_tel:before {
  content: "\f095";
  position: absolute;
  left: 0px;
  top: 0px;
  color: #666;
  font-family: fontawesome;
  font-size: 18px;
}
.cot_email:before {
  content: "\f0e0";
  position: absolute;
  left: 0px;
  top: 0px;
  color: #666;
  font-family: fontawesome;
  font-size: 16px;
}
.cot_people:before {
  content: "\f2be";
  position: absolute;
  left: 0px;
  top: 0px;
  color: #666;
  font-family: fontawesome;
  font-size: 16px;
}
.cot_mobile:before {
  content: "\f10b";
  position: absolute;
  left: 3px;
  top: 0px;
  color: #666;
  font-family: fontawesome;
  font-size: 20px;
}
.cot_whats:before {
    content: "\f232";
  position:relative;
  left: 0px;
  top: 0px;
  color: #666;
  font-family: fontawesome;
  font-size: 20px; padding-right:3px;
}
.footer_right {
  position: relative;
  z-index: 5;
  padding: 0 30px;
}
.footer_right:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 800px;
  top: -100px;
  right: 0;
  background: #000;
  z-index: -1;
}
.footer_right a {
  display: block;
  margin-bottom: 15px;
}
.footer_right p {
  font-size: 12px;
  color: #888;
  line-height: 20px;
  padding-top: 1rem;
}
.bottom_logo {
  width: 100%;
  text-align: center;
}

b {
  color: #202020;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Lato";
}
.bottom_text {
  text-align: center;
  width: 100%;
  color: #999;
  padding-top: 0.75rem;
  font-size: 0.875rem;
}

.project_txt {
  width: 100%;
  margin: 4.5rem 0;
  position: relative;
}
.project_txt span {
  width: 100%;
  font-size: 1rem;
  color: #333;
  line-height: 1.625rem;
  float: left;
  font-weight: 700;
  font-family: "Lato";
  padding: 1.875rem 1.875rem 1.875rem 3rem;
  position: relative;
}
.project_txt span:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 5px;
  background: #333;
  left: 0;
  top: -1.5rem;
}
.project_txt span:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 80px;
  background: #333;
  left: 0;
  top: -1.5rem;
}
.project_txt div {
  width: 100%;
  height: 100%;
  position: relative;
}
.project_txt div:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 5px;
  background: #333;
  right: -1rem;
  bottom: -1.5rem;
}
.project_txt div:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 80px;
  background: #333;
  right: -1rem;
  bottom: -1.5rem;
}

.about_img {
  width: 50%;
  float: left;
  margin-right: 5%;
  margin-bottom: 1.5rem;
}
.product_bottom {
  width: 100%;
  margin: 0 auto;
  background: url(../products/productbg.jpg) top center no-repeat;
  padding: 3rem 0 3rem 0;
  color: #f5f5f5;
}
.product_bottom .protitles {
  color: #fff;
  padding-bottom: 0.5rem;
  line-height: 1.75rem;
}

.feedbacks p {
  color: #666;
  padding-left: 0.5rem;
}
.protitle2 {
  display: block;
  width: 100%;
  margin: 1.875rem 0 0 0;
  border-bottom: 1px #dedeed solid;
  padding: 0 0 0.5rem 0;
  margin-bottom: 1rem;
  position: relative;
}
.protitle2 a {
  font-size: 1.125rem;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  background: #e73334;
  padding: 0.5rem 1.25rem 0.5rem 3rem;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.protitle2 a:before {
  position: absolute;
  content: "\f003";
  left: 1.25rem;
  top: 0.4rem;
  font-family: fontawesome;
  font-size: 1.25rem;
  color: #fff;
}
.protitle2 a:hover {
  background: #000;
}

/*container*/
#container {
  width: 100%;
  margin: 0 auto;
  margin-top: 95px;
}
.content {
  width: 94%;
  margin: 0 auto;
  max-width: 1600px;
}
.content1 {
  width: 94%;
  margin: 0 auto;
  max-width: 1400px;
}
#etw_right {
  width: 77%;
  float: right;
}
#etw_sidebar {
  width: 20%;
  float: left;
  margin-top: 1rem;
}
#etw_sidebar .etw_hometitle {
  display: block;
  color: #003477;
  text-align: left;
  font-size: 1.125rem;
  padding: 0 1rem 0.5rem 0 !important;
  margin: 0 0 0.875rem 0;
  border-bottom: 1px #003477 solid;
  font-weight: 400;
}

.etw_productlist {
  width: 100%;
  float: left;
}
.etw_productlist > ul {
  margin-bottom: 0;
}
.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 {
  display: block;
  font-size: 0.875rem;
  color: #666;
  line-height: 1.125rem;
  padding: 0 0.5rem 0.875rem 0.875rem;
  position: relative;
}
.etw_productlist > ul > li > a:before {
  position: absolute;
  content: "\f0da";
  position: absolute;
  left: 0;
  top: 0;
  color: #666;
  font-size: 0.75rem;
  font-family: fontawesome;
}
.etw_productlist > ul > li > ol {
  padding: 0.25rem 0 0.5rem;
  float: left;
}
.etw_productlist > ul > li > ol > li {
  width: 100%;
}
.etw_productlist > ul > li > ol > li > a {
  display: block;
  color: #666;
  font-size: 0.75rem;
  line-height: 0.875rem;
  padding: 0 1rem 0.75rem 0.875rem;
}
.etw_productlist ul li a:hover,
.etw_productlist ul li a.dq {
  color: #d50000;
  text-decoration: underline;
}
.etw_productlist ul li a:hover:before,
.etw_productlist ul li a.dq:before {
  color: #d50000;
}

/*快速导航*/
#etw_producttitle {
  margin: 0;
  height: auto;
  color: #e73334;
  line-height: 1rem;
  font-size: 0.875rem;
  padding: 0.75rem 0 1rem 0;
  text-transform: uppercase;
}
#etw_producttitle ul {
  width: 100%;
  margin-bottom: 0;
}
#etw_producttitle a {
  color: #000;
  padding-right: 10px;
  font-weight: normal;
}
#etw_producttitle li {
  display: inline-block;
}
#etw_producttitle li + li::before {
  padding: 0 5px;
  color: #000;
  content: ">";
  font-size: 14px;
  font-family: fontawesome;
  margin-right: 10px;
}
#etw_producttitle a:hover {
  color: #e70012;
}
.etw_instruction .etw_hometitle {
  text-align: center;
  padding: 0 0 1.5rem 0;
  margin: 0;
}

/*其他公用样式*/
ul.item {
  width: 97%;
  margin-bottom: 1.5rem;
  float: none;
}
ul.item li {
  list-style: decimal;
  margin: 4px 0 8px 20px;
  line-height: 24px;
  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.25rem;
  display: flex;
  flex-wrap: wrap;
}
.proitem > li {
  line-height: 1.35rem;
  padding: 4px 0 7px 1rem;
  position: relative;
  width: 100%;
}
.proitem > li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  background: #ea3232;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.service {
  float: none;
  width: auto;
  margin-bottom: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.875rem;
}
.service > li {
  line-height: 1.35rem;
  padding: 5px 0 25px 2.25rem;
  position: relative;
  width: 100%;
  color: #6a0065;
  font-size: 1rem;
}
.service > li::before {
  position: absolute;
  content: "1";
  left: 0;
  top: 3px;
  font-size: 1.25rem;
  color: #6a0065;
  border: 1px #6a0065 solid;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
.service > li:nth-child(2):before {
  position: absolute;
  content: "2";
  left: 0;
  top: 3px;
}
.service > li:nth-child(3):before {
  position: absolute;
  content: "3";
  left: 0;
  top: 3px;
}
.service > li:nth-child(4):before {
  position: absolute;
  content: "4";
  left: 0;
  top: 3px;
}
.service > li:nth-child(5):before {
  position: absolute;
  content: "5";
  left: 0;
  top: 3px;
}
.service > li:nth-child(6):before {
  position: absolute;
  content: "6";
  left: 0;
  top: 3px;
}
.service > li:nth-child(7):before {
  position: absolute;
  content: "7";
  left: 0;
  top: 3px;
}
.service > li:nth-child(8):before {
  position: absolute;
  content: "8";
  left: 0;
  top: 3px;
}
.service > li:nth-child(9):before {
  position: absolute;
  content: "9";
  left: 0;
  top: 3px;
}

.photo {
  width: 100%;
  padding-top: 2.875rem;
}
.photo > li {
  width: 100%;
  padding: 0 0 1.5rem 0;
}
.photo > li img {
  width: auto;
}
.photo > li span {
  display: inline-block;
  width: auto;
  padding-left: 1rem;
}

.protitle {
  display: block;
  width: 100%;
  margin: 1.5rem 0 0.75rem 0;
  font-size: 1.5rem;
  line-height: 1.25rem;
  color: #181818;
  font-weight: 700;
  font-family: "Lato";
  position: relative;
}
.protitles {
  display: block;
  width: 100%;
  margin: 1.5rem 0 0.75rem 0;
  font-size: 1.325rem;
  line-height: 1.25rem;
  color: #181818;
  font-weight: 700;
  font-family: "Lato";
  position: relative;
}
.protitle1 {
  display: block;
  width: 100%;
  margin: 2.5rem 0 1.5rem 0;
  font-size: 1.5rem;
  line-height: 1.25rem;
  color: #181818;
  font-weight: 700;
  font-family: "Lato";
  border-bottom: 1px #dedede solid;
}
.protitle1 span {
  display: inline-block;
  width: auto;
  padding: 1.25rem 2.25rem;
  background: #f2f2f2;
}
.protitle3 {
  font-size: 1.325rem;
}
.protitle3 span {
  padding: 1rem 2rem;
}

.etw_products {
  width: 100%;
  margin: 0 auto;
}
.etw_products ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.etw_products ul > li {
  width: 31.333%;
  margin: 0.325rem 3% 2.25rem 0;
}
.etw_products ul > li:nth-child(3n) {
  margin-right: 0;
}
.etw_products1 ul > li {
  width: 23.5%;
  margin: 0.325rem 2% 0 0;
}
.etw_products1 ul > li:nth-child(3n) {
  margin-right: 2%;
}
.etw_products1 ul > li:nth-child(4n) {
  margin-right: 0;
}
.etw_products ul > li > ol,
.etw_products ul > li > ol > li {
  width: 100%;
}
.etw_products ul > li > ol > li.product_img img {
  width: 100%;
  border: 1px #dedede solid;
}
.etw_products ul > li > ol > li.product_con {
  width: 100%;
  margin-top: 0.75rem;
  background: #003477;
  position: relative;
  padding: 1.875rem 0;
}
.etw_products ul > li > ol > li.product_con:before {
  position: absolute;
  content: "";
  width: 32px;
  height: 100%;
  background: url(../images/pro_bg.jpg) repeat-y;
  left: 0;
  top: 0;
}
.etw_products ul > li > ol > li.product_con > a {
  display: block;
  color: #fff;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0 3.875rem;
  font-family: "Lato";
  font-weight: 400;
  text-align: center;
}
.etw_products1 ul > li > ol > li.product_con {
  padding: 1.25rem 0;
}
.etw_products1 ul > li > ol > li.product_con > a {
  padding: 0 0 0 1.5rem;
}
.etw_products ul > li > ol > li.product_con > a:hover {
  text-decoration: underline;
}
.etw_products ul > li > ol > li.product_con:hover {
  background: #04aeec;
}

.noborder img {
  border: none;
}
.img_center,
.img_center1 {
  width: 100%;
  clear: both;
  margin: 0 auto 1.5rem auto;
  text-align: center;
}
.img_center img {
  width: auto;
}
.img_center1 {
  width: 100%;
  margin: 1rem auto 2.5rem;
  position: relative;
}
.img_center1 img {
  width: 100%;
  border: 1px #dedede solid;
}
.img_center span {
  display: block;
  color: #303030;
  font-size: 1.125rem;
  font-weight: 200;
}
.img_left,
.img_right {
  width: 42%;
  float: right;
  margin: 5px 0 14px 3%;
  text-align: center;
}
.img_left {
  float: left;
  margin: 0 4% 25px 0;
  width: 45%;
}
.sswidth {
  width: 20%;
  min-width: 150px;
}
.swidth {
  width: 32%;
}
.smwidth {
  width: 40%;
}
.mswidth {
  width: 30%;
  margin: 0 0 15px 5%;
}
.mwidth {
  width: 36%;
}
.img_left img,
.img_right img {
  display: block;
  width: 100%;
  border: 1px #eee solid;
}
.noborder img {
  border: none;
}
.right_con {
  width: 51%;
  float: right;
}
.right_con h2 {
  margin-top: 0.5rem;
}

.etw_photo {
  margin: 0 0 0.5rem 0;
  width: 100%;
  height: auto;
}
.etw_photo ul {
  display: flex;
  width: 100%;
  height: auto;
  flex-flow: wrap;
  margin-bottom: 0 !important;
}
.etw_photo ul li {
  display: block;
  margin: 0 2% 25px 0;
  text-align: center;
}
.etw_photo ul li img {
  display: block;
  width: 100%;
  border: 1px #dedede solid;
  position: relative;
  margin-bottom: 0;
}
.etw_photo ul.noborder li img {
  border: none;
}
.etw_pic3 ul.pack li {
  width: 30%;
  margin-right: 5%;
  background: #eee;
}
.etw_pic3 ul.pack li span {
  display: block;
  font-size: 0.875rem;
  color: #333;
  line-height: 1.125rem;
  padding: 0.5rem 0 0.75rem 1rem;
  text-align: center;
}
.etw_photo ul li a {
  color: #333;
}
.etw_photo ul li span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem 1rem 0.5rem 0;
  text-align: center;
}
.etw_photo ul li p {
  display: block;
}
.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_pic7 ul li {
  width: 12.5714%;
  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),
.etw_pic7 ul li:nth-child(7n) {
  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),
.etw_pic7 ul li:nth-child(7n + 1) {
  clear: both;
}
figure {
  margin: 0;
}
.etw_photo ul li .names {
  display: block;
  color: #fff;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  padding: 0.75rem;
  background: #000;
}

.left_pic {
  width: 45%;
  height: auto;
  float: left;
  margin: 0 4% 12px 0;
}
.left_pics {
  width: 100%;
  height: auto;
  float: left;
  border: 1px #eee solid;
  text-align: center;
}
.left_pics img {
  width: auto;
  margin: 0 auto;
}
.left_pics a {
  cursor: default;
}
.related_pic {
  width: 100%;
  height: auto;
  float: right;
  text-align: center;
}
.related_pic a {
  width: 18%;
  height: auto;
  float: left;
  margin: 12px 2% 0 0;
  display: block;
  text-align: center;
  color: #666;
  font-size: 12px;
  border: 1px #eee solid;
}
.related_pic a img {
  width: 100%;
}

#etw_set_feedback_form {
  overflow: hidden;
  height: auto;
  width: 100%;
  float: left;
  padding: 0 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 {
  width: 100%;
  overflow: hidden;
  padding-bottom: 1.5rem;
}
#etw_form #etw_set_feedback_form {
  width: 100%;
  padding: 0 !important;
}
#etw_form p {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #888;
}

.othertitle {
  font-size: 1.25rem;
  padding: 0.5rem 0 0 0;
  display: block;
  font-weight: 400;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
}
.other_pro {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.other_pro ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.other_pro ul > li {
  width: 23.5%;
  margin: 0.75rem 2% 0 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%;
}
.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: #8ba5c7;
  display: block;
  line-height: 1.25rem;
  padding: 0.75rem 0 0 0;
  font-size: 0.875rem;
  font-weight: 200;
  font-family: "Lato";
}
.other_pro ul li ol:hover li.product_con a {
  text-decoration: none;
  color: #fff;
}
.left_share .btn {
  padding: 0.5rem 0.75rem 0.5rem 0;
}

/*history*/
.history-box ul {
  position: relative;
  padding-top: 50px;
}
.history-box ul:before {
  top: 0;
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  background: #181818;
  left: 180px;
}
.history-box div > span {
  padding: 7px 35px;
  color: #181818;
  position: absolute;
  font-weight: bold;
  font-size: 24px;
  display: inline-block;
  vertical-align: top;
  left: 0;
  top: 0;
  border: 2px #181818 solid;
}
.history-box div > span:after {
  content: "";
  position: absolute;
  width: 51px;
  height: 1px;
  background: #181818;
  top: 23px;
  left: 125px;
}
.history-box div > span:before {
  content: "";
  position: absolute;
  top: 16px;
  right: -64px;
  width: 16px;
  height: 15px;
  background: #fff;
  border: 3px solid #181818;
  z-index: 1;
}
.history-box2 li > span {
  font-weight: bold;
  font-size: 30px;
  color: #181818;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top;
}
.history-box2 li {
  margin-bottom: 20px;
}
.history-box div p > b {
  display: block;
  float: left;
  width: 12%;
  margin-top: 0px;
}
.history-box div p {
  font-size: 14px;
  line-height: 2;
  margin: 5px 0;
}
.history-box div p:after {
  content: " ";
  clear: both;
  display: block;
}
.history-box div p > span {
  display: block;
  float: right;
  width: 88%;
}
.history-box li div {
  padding: 15px 20px;
  border: 1px solid #eee;
}
.history-box li:nth-child(even) div p > b {
  display: block;
  float: left;
  width: 12%;
}
.history-box li:before {
  position: absolute;
  content: "";
  width: 0;
  z-index: 1;
  height: 0;
  left: 221px;
  top: 15px;
  border-style: solid;
  border-width: 8px 10px 8px 0px;
  display: block;
  border-color: transparent #fff transparent transparent;
}
.history-box ul:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  background: #181818;
  top: -12px;
  border: 4px solid #fff;
  left: 172px;
}
.history-box li:after {
  content: "";
  position: absolute;
  left: 219px;
  top: 13px;
  border-style: solid;
  border-width: 10px 12px 10px 0;
  border-color: transparent #eee transparent transparent;
}
.history-box li {
  margin-bottom: 30px;
  position: relative;
  padding-left: 230px;
}
.honour-img span {
  height: 100%;
  display: inline-block;
  width: 0;
  vertical-align: middle;
}

/*底部*/
#footer {
  width: 100%;
  height: auto;
  margin: 0 auto;
  font-size: 0.9rem;
  background: #181818;
  color: #fff;
}
.footercop {
  width: 100%;
  border-top: 1px #000 solid;
  padding-top: 1rem;
}
.etw_footin {
  margin: 0 auto;
  width: 96%;
  max-width: 1600px;
  text-align: center;
  overflow: hidden;
  padding: 1rem 0 1.5rem 0;
}
#footer .content {
  width: 100%;
}
#etw_coper {
  margin-top: 2px;
  width: 100%;
  line-height: 22px;
}
#etw_coper a {
  display: block;
  color: #999;
}
#otherlink {
  clear: both;
  width: 100%;
  height: auto;
}
#otherlink a {
  color: #999;
  display: inline-block;
  padding: 0 8px;
  font-size: 12px;
  margin-right: 5px;
  line-height: 22px;
  margin-bottom: 5px;
}
#otherlink a span {
  opacity: 0.5;
  position: relative;
  top: 0;
  font-size: 12px;
}
#otherlink a:hover {
  color: #fff;
}
#otherlink a:hover span {
  opacity: 1;
  top: -2px;
  transition: all 0.3s ease-in-out;
}

/*tags*/
#tags {
  padding-bottom: 1rem;
}
#tags_title {
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 25px;
  text-align: left;
  padding: 10px 0 0 0;
}
#tags > related > a {
  padding: 0 10px 0 0;
  margin: 0 5px 3px 0;
  color: #777;
  display: inline-block;
  line-height: 16px;
  font-size: 13px;
}
.etw_products_tags {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.etw_products_tags ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.etw_products_tags ul > li {
  width: 23%;
  margin: 0 2.6% 2% 0;
}
.etw_products_tags ul > li:nth-child(4n) {
  margin-right: 0;
}
.etw_products_tags ul li ol,
.etw_products_tags ul li ol li {
  width: 100%;
}
.etw_products_tags ul li ol li.product_img,
.etw_products_tags ul li ol li.product_con {
  width: 100%;
}
.etw_products_tags ul li ol li.product_img {
  text-align: center;
  transition: 0.3s;
  padding: 3px;
  border: 1px solid #eee;
  box-shadow: 0 0 8px #ddd;
}
.etw_products_tags ul li:hover ol li.product_img {
  border-color: #0c3b64;
}
.etw_products_tags ul li ol li.product_img a img {
  height: 150px;
}
.etw_products_tags ul li ol li.product_con a {
  color: #888;
  line-height: 18px;
  display: block;
  text-align: center;
  margin: 12px 0;
  font-size: 14px;
}
.etw_products_tags ul li:hover ol li.product_con a {
  color: #d2000d;
}

/*引用sitemap样式*/
#etw_map {
  width: 100%;
  margin: 0 auto;
}
#etw_map .name {
  width: 100%;
  color: #06c;
  background: #eee;
  margin-top: 6px;
  height: 20px;
  line-height: 20px;
  display: block;
  margin-bottom: 4px;
}
#etw_map a {
  color: #333;
  text-decoration: underline;
  width: 100%;
  display: block;
  margin-top: 5px;
}
#etw_map a:hover {
  text-decoration: none;
}
#etw_map .name a {
  color: #1d3154;
  margin: 0;
  font-weight: 700;
  text-decoration: none;
}
#etw_map .name a:hover {
  text-decoration: underline;
}
#etw_map .list_m {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  overflow: hidden;
}
#etw_map .list_m a {
  width: 50%;
  display: block;
  float: left;
  color: #888;
  text-decoration: none;
  line-height: 20px;
  padding: 5px 0;
  padding-left: 12px;
}
#etw_map .list_m a:nth-child(2n + 1) {
  clear: both;
}
#etw_map .list_m a:hover {
  text-decoration: underline;
  color: #0c3b64;
}
#etw_map a.subname {
  width: 100%;
  display: block;
  text-decoration: underline;
  padding-left: 0px;
}

.history_date-list {
  width: 100%;
  padding: 1rem;
}
.history_date-list li {
  width: 50%;
  float: right;
  border-left: 1px solid #ccc;
  box-sizing: border-box;
  cursor: pointer;
  padding: 2rem 0 1.5rem 1.5rem;
  position: relative;
  height: auto;
  clear: both;
  text-align: left;
}
.history_date-list li:nth-child(2n) {
  width: 50%;
  float: left;
  border-right: 1px solid #ccc;
  border-left: none;
  text-align: right;
  padding: 3rem 1.5rem 5rem 0;
}
.history_date-list li span {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  margin-left: 0;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 25px;
  background: #eee;
  margin-bottom: 15px;
  position: absolute;
  top: 0;
  left: -50px;
  border: 1px #999 solid;
}
.history_date-list li:nth-child(2n) span {
  right: -50px;
  left: auto;
}
.history_date-list li:hover span {
  background: #0081cc;
  color: #fff;
}
.history_date-list li p {
  position: relative;
  display: block;
  margin: 0;
  padding: 20px 0;
}
.history_date-list li p:before {
  position: absolute;
  content: "";
  top: 28px;
  left: -31px;
  width: 12px;
  height: 12px;
  background: #0081cc;
  border-radius: 50%;
}
.history_date-list li:nth-child(2n) p:before {
  top: 28px;
  left: auto;
  right: -31px;
}
.history_date-list li img {
  width: 50%;
}

@media (max-width: 1500px) {
  #etw_banner .banner_txt h1 {
    width: 85%;
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .navbar-light .navbar-nav .nav-link {
    padding: 0 0 0 0.8rem;
    font-size: 0.8rem;
  }
  #etw_banner .banner_txt {
    padding-left: 1.5rem;
  }
}
@media (max-width: 1300px) {
  .banner-videro i {
    margin: 98px 0 98px 203px;
  }
  .top-nav {
    width: 100%;
    margin: 1.25rem 0;
  }
  .navbar-light .navbar-nav .nav-link {
    padding: 0 0 0 2.5rem;
  }
}
@media (max-width: 1199.98px) {
  .banner-videro i {
    margin: 98px 0 98px 203px;
  }
  #etw_logo {
    margin-left: 1rem;
  }
  #etw_homefooter a {
    font-size: 0.8135rem;
  }
 
  #etw_homelink1 {
    background-size: cover;
  }
 
  #container {
    margin-top: 159px;
  }
}
@media (max-width: 1100.98px) {
  .banner-videro i {
    margin: 64px 0 104px 177px;
  }
}
@media (max-width: 991.98px) {
  .company_name {
    display: none;
  }
  .top-nav {
    width: 100%;
    margin-top: 0;
    background: #000;
    padding: 0;
    margin-bottom: 0;
  }
  .navbar-nav {
    background: none;
  }
  .navbar-light .nav-item {
    text-align: left;
    padding: 0;
    background-color: #eee;
    border-bottom: 1px solid #ccc;
  }
  .navbar-light .navbar-nav .nav-link {
    padding: 0.5rem 1.4rem 0.3rem 1rem;
    line-height: 1.5rem;
    display: block;
    color: #333;
    margin: 0;
    font-size: 1rem;
  }
  .navbar-light .navbar-nav .active .nav-link,
  .navbar-light .navbar-nav .nav-link:hover {
    border-bottom: none;
  }
  .navbar-light .navbar-nav .dropdown-menu li a {
    padding: 0.75rem 0.75rem 0.25rem 1.5rem;
  }
  .navbar-nav .dropdown-menu {
    border: none;
    border-radius: 0;
  }
  .navbar {
    padding: 0.05rem 0rem 0;
  }
  .navbtn {
    margin: 1.875rem 1rem 0 0;
  }

  .etw_language {
    display: block;
    height: auto;
    margin-top: 0.8rem;
    padding-top: 1.5rem;
    position: absolute;
    right: 4rem;
  }
  .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: 102%;
    right: 2px;
    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: #d2000d;
  }
  .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;
  }
  #container {
    margin-top: 0;
  }
  #header {
    position: relative;
    overflow: inherit;
  }
  .etw_video,
  .company img,
  .etw_productlist {
    display: none;
  }
  #etw_right,
  .company_txt,
  #etw_sidebar {
    width: 100%;
  }
  #etw_banner .banner_txt {
    bottom: 12%;
  }
  .etw_contactin {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .company_name {
    width: 45%;
  }
  #etw_homelink ul {
    display: flex;
    flex-wrap: wrap;
  }
  #etw_homelink ul > li {
    width: 32%;
    margin: 0 2% 1.875rem 0;
  }
  #etw_homelink ul > li:nth-child(3n) {
    margin-right: 0;
  }
  .product_title,
  .product_txt1 {
    width: 100%;
    position: static;
    padding-bottom: 1.5rem;
  }
  .product_title {
    color: #181818;
  }
  .etw_products ul > li > ol > li.product_con > a {
    padding: 0 0.5rem 0 2.5rem;
  }
  #etw_homelink2 ul > li {
    width: 49%;
    margin: 0 2% 1.875rem 0;
  }
  #etw_homelink2 ul > li:nth-child(2n) {
    margin-right: 0;
  }
  #etw_homelink2 ul > li span {
    width: 96%;
  }
  .etw_mainproducts ul > li > ol > li.product_img,
  .etw_mainproducts ul > li > ol > li.product_con {
    width: 100%;
  }
  .etw_mainproducts ul > li > ol > li.product_con {
    padding: 4.75rem 2rem 0 0 !important;
  }
  #etw_homelink1 ul > li {
    width: 32%;
    margin: 0 2% 2rem 0;
  }
  #etw_homelink1 ul > li:nth-child(3n) {
    margin-right: 0;
  }
  .etw_pic7 ul li {
    width: 15%;
  }
  .etw_pic7 ul li:nth-child(6n) {
    margin-right: 0;
  }
  .etw_photo ul li span {
    font-size: 0.75rem;
  }
  .product_bottom {
    background-size: cover;
  }
}
@media (max-width: 767.98px) {
  .etw_homelink > img,
  .etw_sidebar,
  #etw_banner .banner_txt,
  .banner_title,
  .etw_banner img {
    display: none;
  }
  #etw_homefooter a {
    font-size: 0.875rem;
  }
  .etw_hometitle,
  h2 {
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
  .etw_products ul > li {
    width: 48%;
    margin-right: 4%;
    padding-bottom: 0;
  }
  .etw_products ul > li:nth-child(3n) {
    margin-right: 4%;
  }
  .etw_products ul > li:nth-child(2n) {
    margin-right: 0;
  }
  .etw_products > ul > li .product_img {
    width: 100%;
  }
  .img_center img {
    width: 75%;
  }
  .right_con {
    width: 100%;
    margin: 0 0 1.5rem 0;
  }
  .etw_bottom .bottomlogo,
  .etw_productlists {
    display: none;
  }
  .etw_contactin {
    width: 100%;
    border: none;
    padding: 0;
  }
  .etw_mainproducts p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .other_pro ul > li {
    width: 31.333%;
    margin-right: 3%;
  }
  .other_pro ul > li:nth-child(3) {
    margin-right: 0;
  }
  .other_pro ul > li:nth-child(4) {
    display: none;
  }
  .company_txt {
    padding-top: 0 !important;
  }
  .footer_right::before {
    position: static;
    height: auto;
  }
  #etw_homelink1 ul > li {
    width: 100%;
    margin: 0 0 6rem 0;
  }
  .img_left,
  .right_con {
    width: 100%;
  }
  .etw_pic7 ul li {
    width: 23.5%;
  }
  .etw_pic7 ul li:nth-child(4n) {
    margin-right: 0;
  }
  .footer_right {
    padding: 0 15px;
  }
  #etw_bottom .etw_hometitle {
    margin-top: 1.325rem;
  }
  .about_img {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  #etw_banner {
    display: none;
  }
  .details ul li {
    width: 100%;
  }
  #etw_homefooter a,
  #etw_coper a {
    font-size: 0.6rem;
  }
  .img_right,
  .left_pic,
  .etw_contactin {
    width: 100% !important;
    margin-right: 0;
  }
  .smwidth,
  .etw_contactin ul li {
    width: 100% !important;
  }
  .etw_pic3 ul li,
  .etw_pic4 ul li,
  .etw_pic5 ul li,
  .etw_pic3 ul.pack li {
    width: 49%;
    margin-right: 2%;
  }
  .etw_pic5 ul li:nth-child(5n),
  .etw_pic3 ul li:nth-child(3n) {
    margin-right: 2%;
  }
  .etw_pic3 ul li:nth-child(2n),
  .etw_pic4 ul li:nth-child(2n),
  .etw_pic5 ul li:nth-child(2n),
  .etw_pic3 ul li:nth-child(2n) {
    margin-right: 0;
  }
  .img_center img,
  .right_con {
    width: 100%;
    padding-top: 0;
  }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #etw_homefooter ul > li {
    width: 50%;
  }
  .etw_contactin,
  .img_left {
    width: 100%;
    padding-left: 0;
  }
  .other_pro ul > li {
    width: 48.5%;
    margin: 15px 3% 1rem 0;
  }
  .other_pro ul > li:nth-child(2n) {
    margin-right: 0;
  }
  .other_pro ul li:nth-child(3n) {
    display: none;
  }
  .etw_products1 > ul > li .product_con a {
    font-size: 0.875rem;
  }
  .left_pics,
  .related_pic,
  #etw_homelink2 ul > li {
    width: 100%;
    margin-right: 0;
  }
  .related_pic a {
    width: 18.2%;
    margin: 10px 2% 0 0;
  }
  .related_pic a:nth-child(5n) {
    margin-right: 0;
  }
  .other_pro ul > li {
    width: 48.5%;
  }
  .other_pro ul > li:nth-child(2) {
    margin-right: 0;
  }

  #etw_homelink ul > li {
    width: 48%;
    margin: 0 4% 1.25rem 0;
    position: relative;
  }
  #etw_homelink ul > li:nth-child(3n) {
    margin-right: 4%;
  }
  #etw_homelink ul > li:nth-child(2n) {
    margin-right: 0;
  }
  #etw_homelink ul > li:nth-child(5) {
    display: none;
  }
  .etw_pic7 ul li {
    width: 32%;
  }
  .etw_pic7 ul li:nth-child(3n) {
    margin-right: 0;
  }
}

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

@media (max-width: 767.98px) {
  .videoall ul li {
    width: 100%;
    margin-right: 0;
  }
}
/*news*/
#app_new_pro,#app_home_new{display:none;}
.news_right{width:73%;position:relative;float:left;margin:0 0 1.5rem;}
.news_left{width:23%;position:relative;float:right;}
.news_list{width:100%}
.news_list>ul>li{background:#f1f1f2;width:100%;overflow:hidden;padding:1.5rem;margin-bottom:2rem}
.news_list>ul>li ol{display:flex;flex-wrap:wrap;position:relative;align-items:center;}
.news_list ul li ol li.product_con{width:68%;float:right}
.news_list ul li ol li.product_con a{display:block;font-weight:400;font-size:1.1rem;color:#333;padding:0 0 0.5rem 0;border-bottom:1px solid #aaa;margin-bottom:0.5rem;}
.news_list ul li ol li.product_con p{color:#555;font-size:.85rem;line-height:1.3rem;margin:0 0 0.6rem;}
.news_list ul li ol li.product_con a:hover{color:#999}
.news_list ul li ol li.product_con span{background:#ea3232;color:#fff;display:block;padding:0.3rem 0.5rem;float:left;font-size:.8rem;line-height:1rem;}
.news_list ul li ol li.product_img{width:30%;float:left;margin-right:2%}
.news_list ul li ol li.product_img img{transition:.3s all ease-in-out;border:1px solid transparent;min-height:166px;display:block;}
.news_list ul li ol li.product_img img:hover{border:1px solid #ea3232}
.news_name{text-align:center;margin-bottom:1.5rem}
#news_sidebarlist{width:100%;position:relative;margin:0 auto;background:#efefef;padding:1.5rem 2rem;}
#news_sidebarlist .webtitle{text-align:left;font-size:1.6rem;line-height:1.6rem;padding:1rem 0 0.8rem;color:#333;font-weight:600;position:relative;transition:.3s all ease-in-out;width:100%;margin:0 0 0.8rem;text-transform:uppercase;border-bottom:1px dotted #aaa;}
#news_sidebarlist ul{position:relative;}
#news_sidebarlist ul li a{display:block;color:#777;position:relative;font-size:0.85rem;line-height:1.1rem;padding:0.5rem 0;font-weight:300;}
#news_sidebarlist ul li a:before{content:'';position:absolute;left:2px;top:8px;width:16px;height:16px;opacity:.7;background:url(../images/cat-close.png) no-repeat;background-size:cover;transition:.3s all ease-in-out;}
#news_sidebarlist ul li a:hover,#news_sidebarlist ul li a.dq{color:#ea3232;}
@media (max-width:991.98px){#news_sidebarlist{display:none;}
}
@media (max-width:575.98px){.news_list ul li ol li.product_con,.news_list ul li ol li.product_img{width:100%;margin-right:0}
.news_list ul li ol li.product_img{margin:1rem 0}
}
/*Exhibition*/
.exhibition{width:320px;overflow-x:hidden;overflow-y:auto;position:fixed;right:0px;bottom:38%;z-index:9;}
.exh_box{position:relative;width:100%;display:flex;flex-wrap:wrap;}
.exh_box ul{display:flex;flex-wrap:wrap;position:relative;width:100%;margin:0;}
.exh_box ul li ol{position:relative;}
.exh_box ul li.exh_text{position:relative;margin:0 auto;width:100%;overflow:hidden;border-radius:1rem 0 0 1rem;box-shadow:5px 10px 10px 4px #6696ff12;border:1px solid #6797ff14;background:#fff;}
.exh_text img{display:block;}
.exh_text h5{font-size:1.3rem;line-height:1.4rem;color:#111;font-weight:600;padding:1rem 1.5rem;margin:0;}
.exh_text p{font-size:0.9rem;padding:0 1.5rem 1.5rem;line-height:1.3rem;color:#555;}
.exh_close{width:59px;height:auto;position:absolute;z-index:10;right:-28px;top:10px;}
.exh_close a:hover{text-decoration:none;}
.exh_close a{color:#fff;font-weight:400;text-align:left;display:block;font-size:22px;}
#myExhibition{display:none !important;}
@media (max-width:767.98px){.exhibition{display:none;}
}