@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: "iconfont";
  src: url("../font/iconfont.ttf?t=1622274305876") format("truetype");
}
body {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  line-height: 1.55;
  background-color: #f5f5f5;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
li,
ol,
ul {
  list-style: none;
}
img {
  vertical-align: top;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}
.clearfix::after {
  display: table;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #174277;
}
a:hover {
  color: #1782d2;
}
a:focus {
  outline: 0;
  text-decoration: none;
}
a,
a:hover {
  text-decoration: none;
}
#etw_top {
  position: fixed;
  width: 35px;
  height: 35px;
  right: 15px;
  bottom: 150px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  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;
}
.table-responsive {
  margin-bottom: 1rem;
}
.table {
  margin: 6px 0 10px 0;
  font-size: 14px;
}
.table tr.top {
  background: #666 !important;
  color: #fff;
  text-align: center !important;
  font-family: "Oswald";
}
.table tr td {
  vertical-align: middle !important;
  padding: 6px 5px !important;
  text-align: left;
  font-size: 12px;
}
.table tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.table tr:nth-child(even) {
  background-color: #fff;
}
.table-img {
  width: 100%;
  min-width: 200px;
}
.table-img img {
  width: 200px;
}
table,
td {
  border: 1px solid #ccc !important;
}
.table1 {
  width: auto;
}
/* ul.item */
ul.item {
  margin-bottom: 5px;
  width: 100%;
  float: none;
}
ul.item li {
  position: relative;
  padding-left: 1.8rem;
  text-align: left;
  padding-bottom: 0.3rem;
}
ul.item li:before {
  content: "\f054";
  font-family: fontawesome;
  position: absolute;
  left: 9px;
  top: 2px;
  color: #034c7f;
  font-size: 0.5rem;
}
ul.item_circle li:before {
  content: "\f111";
  font-size: 0.5rem;
  top: 6px;
}
.img_list a {
  display: block;
  margin-bottom: 0.5rem;
}
h2 {
  font-size: 1.4rem;
  color: #000;
}
h4 {
  font-size: 1.1rem;
  color: #000;
  font-weight: bold;
}
.etw_hometitle {
  width: 100%;
  float: left;
  color: #034c7f;
  height: auto;
  line-height: 22px;
  font-size: 1.4rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.big_title h3 {
  font-size: 1rem;
  color: #333;
  font-weight: 600;
  background-color: #eee;
  padding: 0.5rem;
  border-radius: 8px 8px 0 0;
  border-top: 2px solid #dbdbdb;
  margin-top: 1rem;
}
.pdfdownload {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 2rem;
}
.pdfdownload img {
  margin-right: 5px;
}
.pdfdownload a {
  width: 100%;
  height: auto;
  color: #333;
  text-decoration: underline;
  float: left;
  line-height: 25px;
}
.pdfdownload a.downloadfile {
  width: 50%;
  height: 25px;
  float: left;
  color: #333;
  text-decoration: underline;
  line-height: 25px;
  overflow: hidden;
}
.pdfdownload a.downloadfile:hover {
  color: #ff0000;
  text-decoration: underline;
}

.fontcolor {
  color: red;
  font-weight: 600;
  font-size: 16px;
}
.layui-layer-btn a {
  color: #fff !important;
  margin-bottom: 1rem !important;
}
/* header */
#header {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  background-color: #03438d;
  border-radius: 0 0 12px 12px;
}
/* etw_language */
.etw_language {
  width: 100%;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
  padding-right: 1rem;
  padding-top: 0.5rem;
}
#etw_language {
  float: right;
  width: auto;
  text-align: right;
}
#etw_language .dropdown-item {
  display: inline-block;
  width: auto;
  font-size: 0.8135rem;
  line-height: 12px;
  padding: 0 0 0 1.5rem;
  color: #fff;
  min-width: auto !important;
  background: none;
}
#etw_language .dropdown-item img {
  margin-right: 5px;
}
#etw_language .dropdown-item:hover {
  color: #b6deff;
  text-decoration: underline;
  background: none;
}
#etw_language .dropdown-item:focus,
#etw_language .dropdown-item:hover {
  background: none !important;
}
/* company_name */
.company_name {
  width: 100%;
  color: #b6deff;
  font-size: 12px;
  text-align: right;
  padding-right: 1rem;
}
/* top-nav */
.top-nav {
  background-color: #fff;
  padding: 1px;
  width: 100%;
  border-radius: 0 0 8px 8px;
  border: 1px solid #dbdbdb;
}
.navbar {
  padding: 0;
}
.navbar-expand-lg {
  background: url(../images/menu_line.jpg) repeat-x;
  border-radius: 0 0 8px 8px;
}
.navbar-expand-lg,
.navbar-expand-lg .navbar-collapse {
  justify-content: center;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding: 0.4rem 0.7rem;
  color: #333;
  font-size: 12px;
  font-weight: bold;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: #006699;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  font-size: 12px;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
  color: #006699;
  background: none;
}
/* container */
#container {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
/* banner */
#etw_banner {
  margin-top: 0.5rem;
}
.carousel-control-next,
.carousel-control-prev {
  background: none;
  border: none;
  cursor: pointer;
}
.carousel-indicators {
  bottom: 2px;
}
.carousel-indicators li {
  position: relative;
  width: 15px;
  height: 15px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border: 1px solid #fff;
}
.carousel-indicators .active {
  background-color: #da1d25;
}
/* etw_sidebar */
#etw_sidebar {
  width: 100%;
  margin-top: 1rem;
}
.product_list_name {
  width: 100%;
  height: 40px;
  float: left;
  display: block;
  line-height: 40px;
  color: #333;
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  clear: both;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 0.5rem;
  position: relative;
}
.product_list_name::before {
  position: absolute;
  content: "\f138";
  left: 1rem;
  top: 0;
  color: #666;
  font-size: 1rem;
  font-family: fontawesome;
}
#etw_productlist {
  width: 98%;
  margin: 0 auto;
  clear: both;
}
#etw_productlist ul li a {
  color: #333;
  background-color: #f5f5f5;
  display: block;
  width: 100%;
  font-size: 12px;
  padding: 0.2rem 0.6rem;
  position: relative;
}

#etw_productlist ul li.big_case {
  margin-top: 0.5rem;
}
#etw_productlist ul li.big_case a {
  color: #333;
  border-bottom: 1px solid #ccc;
  display: block;
  position: relative;
  padding: 0.1rem 0;
  transition: all 0.3s;
  left: 0rem;
  background-color: #fff;
  margin-bottom: 0.2rem;
}
.about_sub {
  border-bottom: 1px solid #ccc;
}
.about_sub li a {
  background-color: #f5f5f5 !important;
  border: none !important;
  margin-bottom: 0 !important;
}

#etw_productlist ul li a:visited,
#etw_productlist ul li.big_case ul.about_sub li a:visited {
  color: #660;
}

#etw_productlist ul li.big_case a::before {
  position: absolute;
  content: "\f0da";
  right: 0;
  top: 0;
  color: #666;
  font-size: 12px;
  font-family: fontawesome;
}
.about_sub li a::before {
  display: none;
}
#etw_productlist ul li.big_case a:hover,
#etw_productlist ul li.big_case a:visited.dqpro {
  left: 0.5rem;
  color: #ff0000;
  font-weight: 600;
}
.about_sub li a:hover {
  left: 0 !important;
}
#etw_productlist ul li a.dqpro,
.about_sub li a.dqpro,
#etw_productlist ul li a:hover,
#etw_productlist ul li a:visited.dqpro,
.about_sub li a:visited.dqpro {
  color: #ff0000 !important;
  left: 0;
  font-weight: 0;
}
.about_sub li a:hover {
  font-weight: normal !important;
}
#etw_contactin {
  font-size: 12px;
}
.etw_contact_title a {
  line-height: 39px;
  color: #000;
  font-size: 1rem;
  padding-left: 3.5rem;
  font-weight: bold;
}

.etw_contact_title {
  width: 100%;
  clear: both;
  height: 39px;
  display: block;
  float: left;
  margin-top: 8px;
  background: url(../images/contact.jpg) no-repeat;
  margin-bottom: 0.5rem;
}
#etw_pagebody,
#etw_sidebar,
.recommand_home_content {
  margin-top: 1rem;
  background-color: #fff;
  border-radius: 8px;
  padding:1rem 0.8rem 1rem 0.8rem;
  height: 100%;
}
.etw_homebody h1 {
  font-size: 1.2rem;
  color: #000;
}
.about_img {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.about_img img {
  border: 1px solid #ccc;
  padding: 1px;
  width: 100%;
}
.homevideo {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 50px;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homevideo i {
  display: block;
  text-align: center;
  margin: 0 auto;
  color: #da1d25;
  font-size: 1.5rem;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: all ease-in-out 1s;
  font-family: fontawesome;
  line-height: 50px;
  padding-left: 0.4rem;
  box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.25);
}
/* etw_product */
.etw_product {
  margin-top: 2rem;
}
.etw_hotproduct_title {
  color: #024387;
  margin-bottom: 1rem;
  border: 1px solid #eee;
  padding-left: 1rem;
  border-radius: 8px;
  font-size: 1rem;
  height: 30px;
  line-height: 30px;
}
.home_pro {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.home_pro ol {
  width: 18.8%;
  margin-right: 1.5%;
  margin-bottom: 1rem;
}
.home_pro ol:nth-child(5n) {
  margin-right: 0;
}
.home_pro ol li.product_img img {
  width: 100%;
}
.home_pro ol li.product_name a {
  color: #333;
  display: block;
  font-size: 12px;
  text-align: center;
  padding-top: 0.5rem;
}

.etw_dir_list_sub {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
}
.etw_dir_list_sub li {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 0.5rem;
}
.etw_dir_list_sub li:nth-child(4n) {
  margin-right: 0;
}
.etw_dir_list_sub li a.b_cate {
  color: #336699;
  font-weight: 600;
}
.etw_dir_list_sub li a {
  display: block;
  width: 100%;
  color: #333;
}

.recommand_home_content a {
  color: #000;
  font-size: 1.2rem;
}
.recommand_home_content h3 {
  text-align: center;
  font-size: 1.3rem;
  border-bottom: 1px solid #000;
  padding-bottom: 1rem;
}
.etw_home_link {
  margin-bottom: 1rem;
}
.etw_home_link p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  font-style: italic;
  color: #333;
  line-height: 35px;
  margin: 0;
}

#etw_producttitle {
  width: 100%;
  height: auto;
  float: left;
  padding-bottom: 3px;
  margin-bottom: 4px;
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 12px;
}
#etw_producttitle a {
  color: #333;
  line-height: 20px;
}
#etw_producttitle a:hover {
  text-decoration: underline;
}
/* productsformat_sub */
.big_cate_format {
  width: 100%;
  float: left;
  line-height: 25px;
  color: #336699;
  font-size: 1.05rem;
  padding: 5px 0;
  clear: both;
  margin-bottom: 0.5rem;
}
.big_cate_format strong {
  font-weight: normal;
}
.big_cate_format a {
  color: #006699;
  text-decoration: underline;
}
.big_cate_format a:hover {
  color: #ff0000;
}
#productsformat {
  width: 100%;
  margin: 0 auto;
}
#productsformat ul,
#pro_format_110131 .productsformat_sub ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#productsformat ul > li,
.class_for_each .productsformat_sub,
#pro_format_110131 .productsformat_sub ul > li {
  width: 23%;
  margin-right: 2.5%;
  margin-bottom: 2rem;
}
#pro_format_110131 .productsformat_sub {
  margin-bottom: 0;
}
#pro_format_110131 .productsformat_sub {
  width: 100%;
}
#productsformat ul > li:nth-child(4n),
.class_for_each .productsformat_sub:nth-of-type(4n),
#pro_format_110131 .productsformat_sub ul > li:nth-of-type(4n) {
  margin-right: 0;
}
#productsformat ul > li img,
.class_for_each .productsformat_sub ul > li img {
  border: 1px solid #ccc;
  width: 100%;
}
#productsformat ul > li ol li.etw_pro_name a,
.class_for_each .productsformat_sub ul > li ol li.etw_pro_name a {
  padding-top: 0.5rem;
  display: block;
  font-size: 12px;
  color: #333;
  position: relative;
}
#productsformat ul > li ol li.etw_pro_name a::before,
.class_for_each .productsformat_sub ul > li ol li.etw_pro_name a::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -0.5rem;
  background-color: #ccc;
  width: 100%;
  height: 1px;
}
#productsformat ul > li:hover ol li.etw_pro_name a,
.class_for_each .productsformat_sub ul > li:hover ol li.etw_pro_name a {
  color: #da1d25;
}
#productsformat ul > li:hover ol li.etw_pro_name a::before,
.class_for_each .productsformat_sub ul > li:hover ol li.etw_pro_name a::before {
  background-color: #da1d25;
}
#productsformat strong {
  font-weight: normal;
}

.pageNums {
  clear: both;
  width: 100%;
  height: auto;
  text-align: right;
  line-height: 0px;
}
.pageNums a {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #ff0000;
  text-align: center;
  margin: 6px 0 6px 2px;
  color: #000;
}
.pageNums a:hover,
.pageNums a.thispageNums {
  background: #ff0000;
  color: #fff;
}
/* class_for_each */
.class_for_each {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
  float: left;
}
/* etw_m_pic */
.etw_main_pic {
  width: 100%;
  overflow: hidden;
}
.etw_m_pic {
  width: 100%;
  margin: 1rem auto;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
.etw_m_pic figure {
  width: 22.8%;
  margin-right: 2.5%;
}
.etw_m_pic figure:nth-of-type(4n) {
  margin-right: 0;
}
.etw_m_pic .pro_each_img_list a {
  width: 100%;
}
.etw_m_pic .pro_each_img_list img {
  border: 1px solid #ccc;
  width: 100%;
}
.pro_each_img_name {
  text-align: center;
}
/* app_item */
.app_box {
  width: 100%;
  overflow: hidden;
}
.app_item {
  background-color: #eee;
  padding: 1rem;
  transition: all 0.3s;
  height: 100%;
}
.app_item span {
  color: #333;
  text-align: center;
  display: block;
  padding-top: 1rem;
}
.app_item img {
  width: 100%;
}
.app_item:hover {
  background-color: #ccc;
}
/* subchildofaboutus */
.subchildofaboutus {
  width: 100%;
  background-color: #eee;
  padding: 0.5rem;
}
.subchildofaboutus ul {
  display: flex;
  flex-wrap: wrap;
}
.subchildofaboutus ul li {
  width: 100%;
}
.subchildofaboutus ul li a {
  color: #333;
  width: 100%;
  font-size: 12px;
  padding-left: 0.8rem;
  position: relative;
}
.subchildofaboutus ul li a::before {
  position: absolute;
  content: "\f0da";
  left: 0;
  top: 0;
  color: #666;
  font-size: 12px;
  font-family: fontawesome;
}
.subchildofaboutus ul li a:hover,
.subchildofaboutus ul li a:hover::before,
.subchildofaboutus ul li a.dqpro {
  color: #f00;
  text-decoration: underline;
}

/* .capa_list */
.capa_list {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.capa_list li {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.capa_list li h4 {
  margin-top: 0;
  font-size: 1rem;
  font-weight: bold;
  color: #333;
}

.capa_list li .capa_img {
  width: 32%;
}
.capa_list li .capa_des {
  width: 62%;
  margin-left: 2%;
  color: #666;
}
.capa_list li .capa_des p {
  font-size: 0.9rem;
}

.con_all {
  background-color: #03438d;
  width: 120px;
  float: left;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 8px;
  margin-bottom: 1rem;
  transition: all 0.3s;
}
.con_all a {
  color: #fff;
  display: block;
  width: 100%;
}
.con_all:hover {
  background-color: #ff0000;
}
/* etw_set_feedback_form */
.etw_set_feedback_form {
  border: 1px solid #eee;
  background-color: #f5f5f5;
  padding: 1rem 3rem;
  border-radius: 8px;
  margin: 1.5rem auto;
}
.etw_form_title {
  color: #000;
  font-size: 1.2rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
/* etw_other_product */
#etw_other_product {
  width: 100%;
  margin: 0 auto;
  margin-top: 2rem;
}
.etw_othertitle,
.relatedProduct_title {
  color: #000;
  font-size: 1.2rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
#etw_other_product ul {
  display: flex;
  flex-wrap: wrap;
}
#etw_other_product ul > li,
#etw_other_product ul > ol {
  width: 23%;
  margin-right: 2%;
}
#etw_other_product ul > li img {
  width: 100%;
  border: 1px solid #ccc;
}
#etw_other_product ul > li ol li a,
#etw_other_product ul > ol li a {
  color: #333;
  text-align: center;
  display: block;
  text-decoration: underline;
  padding-top: 0.5rem;
  font-size: 12px;
}
#etw_other_product ul > li:hover ol li a {
  color: #f00;
}

.relatedProducts,.relatedProducts1 {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  padding: 2px 1px 1px 2px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.relatedProducts ul,.relatedProducts ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.relatedProducts ul li {
  width: 33.3%;
  height: 22px;
  border-bottom: 1px solid #fff;
  background: #eee;
  overflow: hidden;
  float: left;
}
.relatedProducts1 ul li {
  width: 50%;
  height: 22px;
  border-bottom: 1px solid #fff;
  background: #eee;
  overflow: hidden;
  float: left;
}
.relatedProducts ul li a,.relatedProducts1 ul li a {
  color: #333;
  text-decoration: underline;
  padding: 2px 6px;
  border-right: 1px solid #fff;
  display: block;
  font-size: 12px;
}
.relatedProducts ul li a:hover,.relatedProducts1 ul li a:hover,
.relatedProducts ul li.relatedProductsofthis a,.relatedProducts1 ul li.relatedProductsofthis a {
  color: #da1d25;
  text-decoration: underline;
}

/* contact-info */
.almi-contact-info-box h3,
.form_contact_title h3 {
  font-size: 1rem;
  font-weight: bold;
}
.contact-info-box {
  display: flex;
  align-items: center;
}
.contact-info-icon {
  background: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.14);
  margin-right: 20px;
  transition: all 0.3s;
}
.contact-info-box:hover .contact-info-icon {
  border: 1px solid #da1d25;
}
.contact-info-icon i {
  font-size: 1rem;
}
ul.contact-info {
  padding: 10px 0;
  margin: 0;
  list-style: none;
  flex: 1;
}
ul.contact-info li,
ul.contact-info li a {
  font-weight: 500;
  margin-bottom: 0;
}
#etw_contactin ul.contact-info {
  padding: 5px 0;
}

/* footer */
#footer {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  background-color: #03438d;
  padding: 1rem;
  text-align: center;
  position: relative;
}
#footer::before {
  position: absolute;
  content: "";
  top: 0.5rem;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #618ab8;
}
#footer a {
  color: #fff;
}
.etw_footin {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.etw_footin a {
  padding: 1rem;
}
#etw_coper {
  margin-top: 2px;
  width: 100%;
  line-height: 22px;
}
#etw_coper a {
  display: block;
  color: #fff;
  font-size: 12px;
}
#otherlink {
  clear: both;
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
#otherlink a {
  color: #fff;
  display: inline-block;
  padding: 0 3px;
  font-size: 12px;
  margin-right: 5px;
  line-height: 22px;
  margin-bottom: 5px;
  border: 1px solid #64797b;
}
#otherlink a span {
  opacity: 0.5;
  position: relative;
  top: 0;
  font-size: 12px;
}
#otherlink a:hover {
  color: #999;
}
#otherlink a:hover span {
  opacity: 1;
  top: -2px;
  transition: all 0.3s ease-in-out;
}

/*sitemap*/
#sitemap {
  width: 100%;
  list-style: none;
  overflow: hidden;
}
#sitemap li {
  display: block;
  width: 100%;
  height: auto;
  float: left;
}
#sitemap li a {
  display: block;
  width: 100%;
  padding: 2px 0px;
  color: #333;
}

#sitemap li ol {
  width: 32%;
  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;
}
#sitemap li a:hover {
  text-decoration: underline;
  color: #f00;
}



.row1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: -15px;
    margin-left: -15px;
}
/* .exhibition */
.exhibition {
  width: 320px;
  height: 251px;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  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: 23px;
  left: 30px;
  margin: 0 auto;
  width: 252px;
  float: left;
}
.exh_text p {
  padding-bottom: 0;
  font-size: 14px;
  font-style: italic;
  line-height: 1.55;
}
.exh_title1 {
  font-size: 22px;
  float: left;
  margin-bottom: 6px;
  color: #333;
  display: block;
  clear: both;
}
.exh_close a:hover {
  text-decoration: none;
}
.exh_close a {
  color: #666;
  font-weight: 400;
  text-align: left;
  display: block;
  font-size: 22px;
}
.exh_close {
  width: 50px;
  height: auto;
  position: absolute;
  right: -12px;
  top: 32px;
}
.exh-btn-more {
  background-image: linear-gradient(to right, #eee, #ccc);
  color: #333;
  padding: 5px;
  font-size: 14px;
  font-style: italic;
  font-weight: 600;
}

@media (max-width: 991.98px) {
	.row1{display: flex;
    flex-wrap: wrap;
	}
  /* container */
  .exhibition,
  .etw_contact_title {
    display: none;
  }
  .row {
    margin-right: 0;
    margin-left: 0;

  }
  .top-nav {
    border-radius: 0;
    border: none;
  }
  .navbar-expand-lg {
    background: none;
  }
  .navbar-toggler {
    margin-right: 2rem;
    margin-top: 1rem;
    background-color: #da1d25;
  }
  .navbar-light .navbar-toggler {
    color: #fff;
  }
  .etw_language {
    width: auto;
    clear: none;
    padding-right: 1rem;
    padding-top: 0;
  }
  .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: 0.2rem 1rem;
  }
  .etw_language ul ul {
    display: none;
    position: absolute;
    top: 100%;
    padding: 0;
    background-color: #ffffff;
    min-width: 100px;
  }
  .etw_language ul ul a {
    display: block;
    text-align: left;
    float: left;
    padding: 0.3rem 1rem;
    color: #333;
  }
  #etw_language .dropdown-item {
    color: #333;
  }
  #etw_language .dropdown-item:hover {
    color: #007bff;
  }
  .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;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
  #etw_language .dropdown-item img {
    display: none;
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 2rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    padding-top: 0.3rem;
  }
  .carousel-indicators {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .etw_dir_list_sub li {
    width: 32%;
  }
  .etw_dir_list_sub li:nth-child(3n) {
    margin-right: 0;
  }
  .etw_dir_list_sub li:nth-child(4n) {
    margin-right: 2%;
  }
}
@media (max-width: 575.98px) {
  html {
    font-size: 14px;
  }
  .navbar-toggler {
    margin-right: 0.5rem;
  }
  .home_pro ol {
    width: 32%;
    margin-right: 1%;
    margin-bottom: 1rem;
  }

  .home_pro ol:nth-child(5n) {
    margin-right: 1%;
  }
  .etw_dir_list_sub li {
    width: 48%;
  }
  .etw_dir_list_sub li:nth-child(4n) {
    margin-right: 0;
  }
  .etw_dir_list_sub li:nth-child(2n) {
    margin-right: 2%;
  }
  #productsformat ul > li,
  .class_for_each .productsformat_sub,
  #etw_other_product ul > li,
  #pro_format_110131 .productsformat_sub ul > li,
  #etw_other_product ul > ol {
    width: 32%;
    margin-right: 1.5%;
  }
  #productsformat ul > li:nth-child(4n),
  .class_for_each .productsformat_sub:nth-child(4n),
  #etw_other_product ul > li:nth-child(4n),
  #pro_format_110131 .productsformat_sub ul > li:nth-child(4n),
  #etw_other_product ul > ol:nth-child(4n) {
    margin-right: 1.5%;
  }
  #productsformat ul > li:nth-child(3n),
  .class_for_each .productsformat_sub:nth-child(3n),
  #etw_other_product ul > li:nth-child(3n),
  #pro_format_110131 .productsformat_sub ul > li:nth-child(3n),
  #etw_other_product ul > ol:nth-child(3n) {
    margin-right: 0;
  }
  .etw_m_pic figure {
    width: 32%;
    margin-right: 1%;
  }
  .etw_m_pic figure:nth-of-type(4n) {
    margin-right: 1%;
  }
  #etw_other_product ul > li:last-child,
  #etw_other_product ul > ol:last-child {
    display: none;
  }
  .relatedProducts ul li{
    width: 50%;
    height: auto;
  }
	.relatedProducts1 ul li {
    width: 100%;
    height: auto;
  }
  .pdfdownload a.downloadfile {
    width: 100%;
    margin-right: 2%;
  }
  .capa_list li .capa_img,
  .capa_list li .capa_des {
    width: 100%;
    margin-left: 0;
    margin-bottom: 1rem;
  }
  .capa_list li .capa_img {
    text-align: center;
  }
}
@media (max-width: 365.98px) {
  .etw_m_pic figure {
    width: 48%;
  }
  #productsformat ul > li,
  .class_for_each .productsformat_sub {
    width: 48%;
    margin-right: 1%;
  }
  #productsformat ul > li:nth-child(3n),
  .class_for_each .productsformat_sub:nth-child(3n) {
    margin-right: 1%;
  }
}

/*news*/
.related_news{ margin-top:30px; border-top:1px #ccc dashed; padding-top:20px; background:#fafafa;box-shadow: 1px 1px 4px 0 rgba(0,0,0,.2);}
.related_news .item{ background:#eee;}
.related_news .item .product_img{height: 150px;overflow: hidden;}
.related_news .item .product_con a{ font-size:12px; line-height:16px; display:block; padding:5px 10px;}
.related_news .item:hover .product_con a{ color:#da251d;}

#app_class_menu,#app_new_pro{ display:none;}
.newslist{margin-top:0!important}
.newslist ul>li>a{font-size:14px!important;border-bottom:none!important;font-weight:400!important}
.news_list{width:100%;margin:20px auto}
.news_list ul{width: 100%; margin-bottom: 30px; padding: 15px; background: #eee; border: 1px #ccc solid; overflow:hidden;}
.news_list ul>li,.news_list ul>li>ol{width:100%}
.news_list ul>li>ol>li.product_img{width:26%;height:150px;float: left;margin-right: 2%; overflow:hidden}
.news_list ul>li>ol>li.product_con{overflow: hidden; width:72%}
.news_list ul>li>ol>li.product_con a{font-size:16px;line-height:20px;color:#111;border-bottom:1px solid #333;display:block;padding:5px 0 5px;margin-bottom:10px;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;text-decoration:none!important}
.news_des{font-size:13px;line-height:20px;margin:0 0 5px; padding-bottom:8px;}
.newstime{ color: #333; padding:0 5px;  margin-bottom: 10px; display: inline-block;}
.news_list ul>li>ol>li.product_con a:hover{color:#da251d}
.etw_page{margin:0 auto;width:100%;overflow:hidden; }
.etw_page ul{ float:right;}
.etw_page li{float:left}
.etw_page li a{color:#3B393A;padding:4px 10px;border:1px #333 solid;margin:20px 3px;display:block;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s}
.etw_page li a:hover{color:#291d5a;background:#eee}
.etw_page li a.dq{background:#eee}
.news_detail{width:100%}
.news_detail img{margin:0 auto;display:block}
.news_name{border-bottom:1px solid #ccc;text-align:center;padding-bottom:10px;margin:40px 0}
.news_name h3{text-align:center;color:#01348b;font-size:22px;font-weight:700;margin-bottom:12px;padding-bottom:15px}
.news_name span{color:#777}
.news_prevnext{width:100%}
.new_next,.new_prev{width:49%;padding-top:30px}
.new_prev{float:left}
.new_next{float:right}
.new_next a,.new_prev a{color:#333;font-size:14px;line-height:20px;display:block}
.new_next a:hover,.new_prev a:hover{color:#999}
.news_related_li{width:24%;padding-right:1%;float:left}
.etw_page li a.first,.etw_page li a.last{ display:none;}

.etw_reviewpro{ padding:20px 0;}
.etw_reviewpro li{ width:100%;}
.etw_reviewpro li a{ display:block; color:#333; position:relative; padding-left:16px;}
.etw_reviewpro li a:hover{ color:#ff4e4e;}
.etw_reviewpro li a:before{position:absolute;content:'';width:5px;height:5px;left:0px;top:8px;background:#777;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.etw_reviewpro li a:hover:before{background:#ff4e4e}

.news_list_home{overflow: hidden;}
.news_list_home>.news_sublist{width: 31%;margin-right: 2%; float: left;}
.news_list_home>.news_sublist>li>ol>li.product_img{width: 100%;height: 137px;overflow: hidden;margin-bottom: 10px;}
.news_list_home .news_sublist{background-color: #fff;border: none;padding: 0;}
.news_list_home ul>li>ol>li.product_con{width: 100%;}
.news_list_home ul>li>ol>li.product_con a{border-bottom:none;}
.news_list_home .news_des{    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;padding-bottom: 0;}


  @media (max-width: 575.98px) {
    .news_list_home .news_sublist{width: auto;float: none;}
    .news_list ul>li>ol>li.product_img{float: none;width: auto; margin-bottom: 10px;}
    .news_list ul>li>ol>li.product_con{width: 100%;}
  }